使用列表和表格ppt課件(已修改)
2025-05-18 01:14 本頁(yè)面
【正文】 第 10章 使用列表和表格 ? 用戶界面中，常利用表格和列表顯示數(shù)據(jù)的條目和詳細(xì)信息。 Flex設(shè)計(jì)了不同的控件來(lái)實(shí)現(xiàn)列表和表格，不僅能夠?qū)?shù)據(jù)顯示在表格和列表中，還可以實(shí)現(xiàn)對(duì)數(shù)據(jù)進(jìn)行操縱、修改等更為強(qiáng)大的功能。由于這些控件的數(shù)據(jù)格式都需是格式化的數(shù)據(jù)，數(shù)據(jù)提供器讀取結(jié)構(gòu)化的數(shù)據(jù)，這些控件也稱之為數(shù)據(jù)驅(qū)動(dòng)控件（ Datadriven Controls）。與列表和表格相關(guān)的控件如下所示。 ? 列表控件（ List Control）：將數(shù)據(jù)顯示在垂直的列表中。 ? 水平列表控件（ HorizontalList Control）：與列表控件相似，水平列表控件則是以水平的方式橫向?yàn)g覽數(shù)據(jù)。 ? 片式列表控件（ TileList Control）：與上述 2種列表控件類(lèi)似，片式列表中不僅可以顯示文字、數(shù)據(jù)，還可以顯示該數(shù)據(jù)相關(guān)的圖片。 ? 組合框控件（ ComboBox Control）與其他列表式控件不同，組合框控件只需占用很少的界面控件，單擊控件中的下拉箭頭，可動(dòng)態(tài)彈出列表欄選擇需要的數(shù)據(jù)選項(xiàng)。 ? 數(shù)據(jù)表格控件（ DataGrid Control）對(duì)于某一類(lèi)數(shù)據(jù)，往往包括很多數(shù)據(jù)項(xiàng)，比如一個(gè)學(xué)生的數(shù)據(jù)包括：年齡、性別、出生年月等，利用數(shù)據(jù)表格控件，可以以行和列的方式表達(dá)多個(gè)學(xué)生的詳細(xì)信息。 ? 樹(shù)形控件（ Tree Control）：將結(jié)構(gòu)化的數(shù)據(jù)顯示到樹(shù)形的結(jié)構(gòu)中。在樹(shù)形控件中的，利用樹(shù)形的葉子節(jié)點(diǎn)以及葉子節(jié)點(diǎn)的雙親節(jié)點(diǎn)表示數(shù)據(jù)之間的關(guān)聯(lián)。 列表和表格控件接口類(lèi) ? 上述幾種控件在 Flex中，都同樣直接或間接地繼承 。所以在這些控件中均繼承該類(lèi)的屬性和事件。本節(jié)簡(jiǎn)要介紹 ListBase類(lèi)屬性和方法。 ListBase類(lèi)屬性 ? ListBase類(lèi)的屬性主要圍繞控件的行、列、數(shù)據(jù)和控件其他功能。由于屬性較多，這里只選擇常用的進(jìn)行講述。 ListBase類(lèi)常用屬性如表所示。 ListBase類(lèi)事件 ? ListBase類(lèi)事件是使用列表和表格控件時(shí)涉及的相關(guān)事件，具體有如下幾種： ? change：當(dāng)控件的 selectedIndex和 selectedItem屬性值發(fā)生改變時(shí)，觸發(fā)該事件。 ? dataChange：在使用其他組件作為控件的條目渲染器時(shí)，利用 data屬性指定在控件中顯示的內(nèi)容，當(dāng)該內(nèi)容改變時(shí)觸發(fā)該事件。 ? itemClick：當(dāng)用戶單擊條目時(shí)，觸發(fā)該事件。 ? itemDoubleClick：當(dāng)用戶雙擊條目時(shí)，觸發(fā)該事件。 ? itemRollOut：當(dāng)鼠標(biāo)在條目上滾動(dòng)時(shí)，觸發(fā)該事件。 ? itemRollOver：當(dāng)鼠標(biāo)停留在某個(gè)條目上，觸發(fā)該事件。每次鼠標(biāo)停留在條目上時(shí)，控件高亮顯示該條目。 列表 ? 列表控件（ List Control）將數(shù)據(jù)顯示在垂直的列表中。用戶在顯示的數(shù)據(jù)條目中選擇自己需要列項(xiàng)。如果列表數(shù)據(jù)的尺寸超出控件的尺寸時(shí)。可以拖動(dòng)控件中的水平或者垂直的滾動(dòng)條顯示。列表控件如圖所示。 列表控件標(biāo)簽 ? 在 Flex中使用 mx:List標(biāo)簽創(chuàng)建列表控件。同時(shí)列表控件的外觀及事件都是由控件的屬性定義。列表控件的屬性除集成 ListBase類(lèi)的屬性外，還包括如表所示的常用屬性。 列表控件事件 ? 列表控件的事件除繼承 ListBase類(lèi)的事件外還包括條目編輯時(shí)的事件。條目編輯事件如下所示： ? itemEditBegin：當(dāng)對(duì)條目進(jìn)行編輯，即 editedItemPosition屬性被賦值時(shí)，觸發(fā)該事件。該事件表明條目處于準(zhǔn)備被編輯的狀態(tài)。 ? itemEditBeginning：用戶單擊條目時(shí)進(jìn)入 itemEditBegin狀態(tài)，在用戶釋放鼠標(biāo)時(shí)，觸發(fā)該事件，進(jìn)入條目編輯狀態(tài)。 ? itemEditEnd：完成條目編輯。當(dāng)編輯后的數(shù)據(jù)從條目編輯器中保存到數(shù)據(jù)提供器中時(shí)，觸發(fā)該事件。 ? itemFocusIn：當(dāng)鼠標(biāo)焦點(diǎn)停留在條目渲染器時(shí)，觸發(fā)該事件。 ? itemFocusOut：當(dāng)條目渲染器失去鼠標(biāo)焦點(diǎn)時(shí)，觸發(fā)該事件。 ? scroll：如果控件中出現(xiàn)滾動(dòng)條，則拖動(dòng)滾動(dòng)條時(shí)觸發(fā)該事件。 ? 上述幾個(gè)事件的事件對(duì)象類(lèi)型均為 。 創(chuàng)建列表控件 ? 創(chuàng)建列表控件使用的是 mx:List標(biāo)簽。通過(guò)為列表控件設(shè)置不同的屬性和事件滿足不同的需求。為了更清楚的講述如何創(chuàng)建控件，如何使用控件的事件和更復(fù)雜的屬性。這里采用由淺至深的順序，首先從最簡(jiǎn)單的例子講述。 列表控件事件 ? 定義列表控件事件是為與列表控件相關(guān)的事件創(chuàng)建事件處理函數(shù)。上面的兩個(gè)例子為簡(jiǎn)單的列表控件例子，只顯示需要的數(shù)據(jù)標(biāo)簽，而無(wú)其他功能。但是在實(shí)際需求中，在用單擊相應(yīng)條目時(shí)，或者當(dāng)鼠標(biāo)在各條目上滾動(dòng)時(shí)，都需要與用戶進(jìn)行交互。 ? 下面的這個(gè)例子顯示了，當(dāng)鼠標(biāo)在列表?xiàng)l目上滾動(dòng)時(shí)顯示條目的 data值，在單擊條目時(shí)，彈出對(duì)話框顯示用戶選中條目?jī)?nèi)容。圖為鼠標(biāo)在條目上滾動(dòng)的效果，圖為單擊相應(yīng)數(shù)據(jù)條目時(shí)，顯示彈出對(duì)話框。 列表控件中操作 ? 在使用列表控件的過(guò)程還可以對(duì)列表控件相應(yīng)的
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1