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