使用列表和表格ppt課件-在線瀏覽
2025-06-23 01:14本頁面
【正文】 列表中的數(shù)據(jù)時(shí)，需要將 editable屬性設(shè)為 true。圖是一個(gè)編輯數(shù)據(jù)的例子，當(dāng)鼠標(biāo)單擊條目時(shí)，觸發(fā) itemEditBeginning事件條目顯示為一個(gè)文本輸入控件，在控件中可以修改文字。單擊該條目，在控件下方的文本區(qū)域顯示當(dāng)前條目的標(biāo)簽，如圖所示 水平列表 ? 水平列表控件（ HorizontalList Control）與列表控件的不同點(diǎn)在于，列表控件以垂直的方式顯示數(shù)據(jù)條目，水平列表控件使用水平方向顯示數(shù)據(jù)條目。但在實(shí)際的應(yīng)用中，水平列表控件較常用來表示圖片，例如相可以利用滾動(dòng)條查看剩余的條目。 水平列表控件標(biāo)簽 ? 水平列表控件對應(yīng)的 MXML標(biāo)簽為mx:HorizontalList，該控件的屬性繼承ListBase類的屬性。 創(chuàng)建水平列表控件 ? 在創(chuàng)建水平列表控件時(shí)，只需插入控件的標(biāo)簽，定義相應(yīng)的屬性和事件即可。 ? 圖片的顯示是借助圖片控件（ Image Control）實(shí)現(xiàn)的。圖的代碼如下所示。 ? [Bindable] ? //定義控件的數(shù)據(jù) ,該數(shù)據(jù)實(shí)際上 Image控件中每個(gè)圖片的地址 ? private var cat:Array = [ ? pic/, pic/, ? pic/, pic/,pic/ ]。若要實(shí)現(xiàn)圖片和文字同時(shí)顯示，也需要使用條目渲染器。 瓦片式列表 ? 瓦片式列表控件（ TileList Control）的外觀與水平列表控件的外觀相似。瓦片式控件的可以多行顯示，而與水平列表控件只能單行顯示。 瓦片列表控件標(biāo)簽 ? 瓦片列表控件對應(yīng)的標(biāo)簽為 mx:TileList，控件的屬性和事件可以使用列表控件的屬性和事件設(shè)定。 創(chuàng)建瓦片列表控件 ? 創(chuàng)建該控件時(shí)，方法與創(chuàng)建水平列表控件類似。首先介紹默認(rèn)的條目渲染器 TileListItemRenderer。 icon屬性定義條目渲染器中的圖標(biāo)，text屬性定義了條目渲染器中的文字。在使用默認(rèn)條目渲染器時(shí)，TileListItemRenderer自動(dòng)讀取數(shù)據(jù)中 text和 icon屬性值。在Flex中，使用數(shù)據(jù)表格控件（ DataGrid Control）可以實(shí)現(xiàn)在表格中顯式數(shù)據(jù)的功能。實(shí)際上，在表格控件中是利用行和列來確定數(shù)據(jù)中的元素。除此之外，數(shù)據(jù)表格控件還具有其他功能，如下所示。 ? 在運(yùn)行時(shí)對表格中的數(shù)據(jù)進(jìn)行排序。 ? 支持自定義的表格列表。該控件的屬性除繼承 ListBase類的屬性外，還包括一些常用屬性，如表所示。 ? 在 Flex中，數(shù)據(jù)表格列項(xiàng)也是作為一種控件出現(xiàn)的。它的一部分于屬性與數(shù)據(jù)列表控件中的是一致的，如 editable屬性。只有該屬性為 true時(shí)，在列項(xiàng)控件中定義 editable屬性為true或者 false時(shí)才有效。如果控件不允許使用滾動(dòng)條，在改變某一行高度的同時(shí)，其他行也進(jìn)行收縮，以顯示在控件區(qū)域內(nèi)。只有控件允許排序，該事件才處于可觸發(fā)的狀態(tài)。 ? itemEditBegin：當(dāng)對于條目進(jìn)行編輯，即 editedItemPosition屬性被賦值時(shí)，觸發(fā)該事件。 ? itemEditEnd：完成條目編輯。 ? itemFocusIn：鼠標(biāo)焦點(diǎn)停留在條目渲染器時(shí)，觸發(fā)該事件。 創(chuàng)建數(shù)據(jù)列表控件 ? 創(chuàng)建數(shù)據(jù)列表時(shí)，在代碼中插入 mx:DataGrid標(biāo)簽，定義標(biāo)簽的屬性和控件的事件后，還需定義每列數(shù)據(jù)顯示的詳細(xì)信息。該例使用 XMLList格式的數(shù)據(jù)。 定義數(shù)據(jù)表格控件事件 ? 在數(shù)據(jù)表格中顯示數(shù)據(jù)后，往往需要對用戶在表格上的操作做出響應(yīng)。在圖中當(dāng)用戶單擊數(shù)據(jù)項(xiàng)，在控件下方的文本區(qū)域顯示具體信息。如果在 mx:DataGrid中將屬性設(shè)為 true，整個(gè)控件的數(shù)據(jù)都可以進(jìn)行編輯。對于不能更改的條目，在 mx:DataGridColumn內(nèi)將editable屬性設(shè)為 false。 對數(shù)據(jù)表格控件中數(shù)據(jù)排序 ? 對數(shù)據(jù)表格控件中數(shù)據(jù)排序是通過單擊數(shù)據(jù)項(xiàng)的表頭實(shí)現(xiàn)的。排序的過程實(shí)際上只是改變數(shù)據(jù)在控件中的外部表現(xiàn)，并沒有改變其在原始數(shù)據(jù)文件中的位置。在數(shù)據(jù)表格控件中sortableColumns屬性指明是否允許排序，默認(rèn)值為 true。設(shè)定sortable屬性后，該列的排序使用默認(rèn)的排序方式。 ? mySortCompareFunction(obj1:Object, obj2:Object):int { ? //定義排序的方式 ? return 序號 } 樹形控件 ? 樹形控件用來表示結(jié)構(gòu)化的數(shù)據(jù)。其中樹枝節(jié)點(diǎn)還可以包含葉子節(jié)點(diǎn)，而葉子節(jié)點(diǎn)不可以再分解。圖是一個(gè)樹形控件，它顯示了某個(gè)文件的目錄。 樹形控件事件 ? 在樹形控件中，除發(fā)生 change之類 ListBase中的事件外，單擊打開樹枝節(jié)點(diǎn)、關(guān)閉樹枝節(jié)點(diǎn)等都會(huì)觸發(fā)相應(yīng)的事件。 ? itemClose：當(dāng)閉合樹枝節(jié)點(diǎn)時(shí)，觸發(fā)該事件。 ? itemOpening：當(dāng)初始化樹枝節(jié)點(diǎn)展開和閉合時(shí)，觸發(fā)
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1