FlexBuilder2.0中怎么使用基于Lists的控件

這篇文章將為大家詳細(xì)講解有關(guān)FlexBuilder2.0中怎么使用基于Lists的控件，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

FlexBuilder2.0中使用基于Lists的控件

你能使用基于Lists的控件到你的Flex應(yīng)用程序中,例如: ComboBox, List, HorizontalList。在插入這種控件之后,你必須將他里面的項(xiàng)顯示出來,他的值用于提交處理。在FlexBuilder2.0中,這些控件的值都放置于數(shù)據(jù)提供者(data providers)中, 這是類似于數(shù)組的對(duì)象集。這個(gè)速學(xué)教程教你該如何在FlexBuilder2.0中將基于Lists的控件里面的項(xiàng)顯示出來與他的值的處理。

開始之前

開始這個(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組件中是沒有項(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組件中沒有任何項(xiàng),因?yàn)槟氵€沒有定義它的數(shù)據(jù)提供者(data provider) 。

關(guān)于“FlexBuilder2.0中怎么使用基于Lists的控件”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。