學(xué)習(xí)筆記 FlexBuilder2.0中如何使用基于Lists的控件
本文和大家重點(diǎn)討論一下FlexBuilder2.0中使用基于Lists的控件，這個(gè)速學(xué)教程教你該如何在FlexBuilder2.0中將基于Lists的控件里面的項(xiàng)顯示出來(lái)與他的值的處理。
FlexBuilder2.0中使用基于Lists的控件
你能使用基于Lists的控件到你的Flex應(yīng)用程序中,例如: ComboBox, List, HorizontalList。在插入這種控件之后,你必須將他里面的項(xiàng)顯示出來(lái),他的值用于提交處理。在FlexBuilder2.0中,這些控件的值都放置于數(shù)據(jù)提供者(data providers)中, 這是類似于數(shù)組的對(duì)象集。這個(gè)速學(xué)教程教你該如何在FlexBuilder2.0中將基于Lists的控件里面的項(xiàng)顯示出來(lái)與他的值的處理。
開始之前
開始這個(gè)速學(xué)教程之前，確定你完成下面的任務(wù):
◆在FlexBuilder2.0中創(chuàng)建QuickStart項(xiàng)目。
◆在FlexBuilder2.0中打開Project菜單中確認(rèn)Build Automatically選項(xiàng)已選上,如下:
插入與放置控件
在這部分里,你將創(chuàng)建一個(gè)簡(jiǎn)單的表單。
1.打開QuickStart項(xiàng)目,選擇File > New > MXML Application,在File Name中輸入ListControl.mxml。
2.在Navigator視圖中右擊ListControl.mxml文件,選擇Application Management > Set As Default Application,將它指定為默認(rèn)被編譯的文件。
3.在設(shè)計(jì)視圖中,從組件面板(Window > Show View > Components)中拖放下面的控件到Canvas容器中:
◆ Label
◆ ComboBox
◆ Button
4.在Canvas容器中,選擇Label控件與設(shè)置Label的屬性如下:
◆ text: Rate customer service
◆ x: 20
◆ y: 50
5.在Canvas容器中,選擇ComboBox控件與設(shè)置ComboBox的屬性如下:
◆ id: cbxRating
◆ x: 20
◆ y: 80
ComboBox組件中是沒(méi)有項(xiàng)的,你將在后面放入項(xiàng)
6. 在Canvas容器中,選擇Button控件與設(shè)置Button的屬性如下:
◆ label: Send
◆ x: 140
◆ y: 80
7.在工具條上點(diǎn)擊Code按鈕,將視圖轉(zhuǎn)為代碼視圖。ListControl.mxml文件將包括下面的MXML代碼:
程序代碼：
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.macromedia.com/2005/mxml"
- xmlns="*">
- <mx:Canvas width="100%" height="100%">
- <mx:Label x="20" y="50" text="Rate customer service"/>
- <mx:ComboBox x="20" y="80" id="cbxRating"></mx:ComboBox>
- <mx:Button x="140" y="80" label="Send"/>
- </mx:Canvas>
- </mx:Application>
8.保存文件,等待FlexBuilder2.0直到編譯完成應(yīng)用程序,再點(diǎn)擊工具條上的Run按鈕。
瀏覽器自動(dòng)打開并運(yùn)行你的Flex應(yīng)用程序。
9.點(diǎn)擊ComboBox。
ComboBox組件中沒(méi)有任何項(xiàng),因?yàn)槟氵€沒(méi)有定義它的數(shù)據(jù)提供者(data provider) 。
【編輯推薦】
