【正文】 4 columnWidth=100 ? dataProvider={cat} width=202 height=93 itemRenderer=/ ? /mx:Application 使用條目渲染器 ? 上面的例子采用在條目中完全顯示圖片的方式 .有時，也需要為圖片配上說明文字。水平列表控件利用條目渲染器將圖片控件嵌入其中。屬性和事件都可以參照列表控件的屬性。如果只在列表中使用文字，則水平列表與列表控件的創(chuàng)建方式一樣的。在編輯數(shù)據(jù)的時候也觸發(fā)相應(yīng)的事件。 ? 在列表控件中，可以使用 iconField和 iconFunction屬性定義圖標(biāo)相關(guān)的屬性以及方法。如果需要讀取數(shù)據(jù)中其他屬性的內(nèi)容，可以使用 dataTipField屬性指定顯示的內(nèi)容。當(dāng)利用滾動條時，可以顯示滾動條的相關(guān)提示。圖為鼠標(biāo)在條目上滾動的效果，圖為單擊相應(yīng)數(shù)據(jù)條目時，顯示彈出對話框。 列表控件事件 ? 定義列表控件事件是為與列表控件相關(guān)的事件創(chuàng)建事件處理函數(shù)。 創(chuàng)建列表控件 ? 創(chuàng)建列表控件使用的是 mx:List標(biāo)簽。 ? itemFocusIn：當(dāng)鼠標(biāo)焦點停留在條目渲染器時，觸發(fā)該事件。該事件表明條目處于準(zhǔn)備被編輯的狀態(tài)。同時列表控件的外觀及事件都是由控件的屬性定義。如果列表數(shù)據(jù)的尺寸超出控件的尺寸時。 ? itemRollOver：當(dāng)鼠標(biāo)停留在某個條目上，觸發(fā)該事件。 ? dataChange：在使用其他組件作為控件的條目渲染器時，利用 data屬性指定在控件中顯示的內(nèi)容，當(dāng)該內(nèi)容改變時觸發(fā)該事件。 ListBase類屬性 ? ListBase類的屬性主要圍繞控件的行、列、數(shù)據(jù)和控件其他功能。在樹形控件中的，利用樹形的葉子節(jié)點以及葉子節(jié)點的雙親節(jié)點表示數(shù)據(jù)之間的關(guān)聯(lián)。 ? 片式列表控件（ TileList Control）：與上述 2種列表控件類似，片式列表中不僅可以顯示文字、數(shù)據(jù)，還可以顯示該數(shù)據(jù)相關(guān)的圖片。由于這些控件的數(shù)據(jù)格式都需是格式化的數(shù)據(jù)，數(shù)據(jù)提供器讀取結(jié)構(gòu)化的數(shù)據(jù)，這些控件也稱之為數(shù)據(jù)驅(qū)動控件（ Datadriven Controls）。 Flex設(shè)計了不同的控件來實現(xiàn)列表和表格，不僅能夠?qū)?shù)據(jù)顯示在表格和列表中，還可以實現(xiàn)對數(shù)據(jù)進行操縱、修改等更為強大的功能。 ? 水平列表控件（ HorizontalList Control）：與列表控件相似，水平列表控件則是以水平的方式橫向瀏覽數(shù)據(jù)。 ? 樹形控件（ Tree Control）：將結(jié)構(gòu)化的數(shù)據(jù)顯示到樹形的結(jié)構(gòu)中。本節(jié)簡要介紹 ListBase類屬性和方法。 ListBase類事件 ? ListBase類事件是使用列表和表格控件時涉及的相關(guān)事件，具體有如下幾種： ? change：當(dāng)控件的 selectedIndex和 selectedItem屬性值發(fā)生改變時，觸發(fā)該事件。 ? itemRollOut：當(dāng)鼠標(biāo)在條目上滾動時，觸發(fā)該事件。用戶在顯示的數(shù)據(jù)條目中選擇自己需要列項。 列表控件標(biāo)簽 ? 在 Flex中使用 mx:List標(biāo)簽創(chuàng)建列表控件。條目編輯事件如下所示： ? itemEditBegin：當(dāng)對條目進行編輯，即 editedItemPosition屬性被賦值時，觸發(fā)該事件。當(dāng)編輯后的數(shù)據(jù)從條目編輯器中保存到數(shù)據(jù)提供器中時，觸發(fā)該事件。 ? 上述幾個事件的事件對象類型均為 。這里采用由淺至深的順序，首先從最簡單的例子講述。 ? 下面的這個例子顯示了，當(dāng)鼠標(biāo)在列表條目上滾動時顯示條目的 data值，在單擊條目時，彈出對話框顯示用戶選中條目內(nèi)容。 使用數(shù)據(jù)提示 ? 在使用列表過程中，當(dāng)鼠標(biāo)停留在條目上時，可以顯示該條目的相關(guān)數(shù)據(jù)提示。默認情況下顯示的是數(shù)據(jù) label屬性中的內(nèi)容。而列表控件提供了為數(shù)據(jù)項顯式圖標(biāo)的功能。 編輯列表條目中數(shù)據(jù) ? 編輯列表中的數(shù)據(jù)時，需要將 editable屬性設(shè)為 true。單擊該條目，在控件下方的文本區(qū)域顯示當(dāng)前條目的標(biāo)簽，如圖所示 水平列表 ? 水平列表控件（ HorizontalList Control）與列表控件的不同點在于，列表控件以垂直的方式顯示數(shù)據(jù)條目，水平列表控件使用水平方向顯示數(shù)據(jù)條目。 水平列表控件標(biāo)簽 ? 水平列表控件對應(yīng)的 MXML標(biāo)簽為mx:HorizontalList，該控件的屬性繼承ListBase類的屬性。 ? 圖片的顯示是借助圖片控件（ Image Control）實現(xiàn)的。 ? [Bindable] ? //定義控件的數(shù)據(jù) ,該數(shù)據(jù)實際上 Image控件中每個圖片的地址 ? private var cat:Array = [ ? pic/, pic/, ? pic/, pic/,pic/ ]。 瓦片式列表 ? 瓦片式列表控件（ TileList Control）的外觀與水平列表控件的外觀相似。 瓦片列表控件標(biāo)簽 ? 瓦片列表控件對應(yīng)