使用Flex組件開發(fā)那些事
在學(xué)習(xí)Flex的過程中，你可能會遇到使用Flex組件開發(fā)問題，這里和大家分享一下，為了在ActionScript中使用Flex組件，我們一般要在MXML標(biāo)簽中給組件定義一個id屬性。
使用Flex組件開發(fā)
在Flex應(yīng)用程序中ActionScript的最主要的用處大概就是使用可視化的控件和容器來開發(fā)了。Flex提供了幾種技術(shù)來完成這樣工作，包括了用ActionScript引用Flex控件以及操控控件和容器的實例的屬性。
引用Flex組件
為了在ActionScript中使用組件，我們一般要在MXML標(biāo)簽中給組件定義一個id屬性。例如，下面的代碼中，我們設(shè)置了Button控件的id屬性為”myButton”：
- <mx:Buttonidmx:Buttonid="myButton"label="ClickMe"/>
如果你并不像通過使用ActionScript來操控這個組件，那么這個屬性是可有可無的。
這段代碼使得MXML編譯器自動生成一個包含了Button實例的引用的名字為myButton的公共變量。你可以在ActionScript中通過使用這個自動生成的變量來操控Flex組件。你可以在任意的ActionScript類或代碼塊中通過組件的id來明確的引用Button控件的實例。通過引用組件的實例，你可以修改組件的屬性并且調(diào)用組件的方法。
例如，下面的ActionScript代碼塊中，當(dāng)用戶點擊了按鈕的時候，程序就會改變Button控件的label屬性的值：
- <?xmlversionxmlversion="1.0"?>
- <!--usingas/ButtonExample.mxml-->
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml">
- <mx:Script><![CDATA[
- privatefunctionsetLabel():void{
- if(myButton.label=="ClickMe"){
- myButton.label="Clicked";
- }else{
- myButton.label="ClickMe";
- }
- }
- ]]></mx:Script>
- <mx:Buttonidmx:Buttonid="myButton"label="ClickMe"click="setLabel();"/>
- </mx:Application>
所有的MXML組件的id屬性，無論它們嵌套的有多深，生成的都是已經(jīng)定義好的組件的公共變量。因此，在文檔中所有的id屬性必須是***的。這也意味著，如果你指定了組件實例的id屬性，你就可以在程序的任意地方來操控組件：函數(shù)，外部的類文件，導(dǎo)入的ActionScript文件，或者內(nèi)嵌代碼。
◆如果Flex組件并沒有id屬性，你可以通過使用組件的容器的一些方法來引用該組件。比如getChildAt()和getChildByName()方法。
你可以參照目前內(nèi)附文件或者當(dāng)前對象來使用這樣的關(guān)鍵字。
你也可以通過使用跟組件名稱一樣的字符來引用組件。要在程序中使用對象，你可以通過使用方括號，方括號內(nèi)存放的就是跟組件名稱一樣的字符串。這樣你就得到了該對象的引用。
下面的例子中，通過使用字符串來獲取對象的引用，然后改變每個Button控件的樣式：
- <?xmlversionxmlversion="1.0"?>
- <!--usingas/FlexComponents.mxml-->
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml">
- <mx:Script><![CDATA[
- privatevarnewFontStyle:String;
- privatevarnewFontSize:int;
- publicfunctionchangeLabel(s:String):void{
- s="myButton"+s;
- if(this[s].getStyle("fontStyle")=="normal"){
- newFontStyle="italic";
- newFontSize=18;
- }else{
- newFontStyle="normal";
- newFontSize=10;
- }
- this[s].setStyle("fontStyle",newFontStyle);
- this[s].setStyle("fontSize",newFontSize);
- }
- ]]></mx:Script>
- <mx:Buttonidmx:Buttonid="myButton1"
- click="changeLabel('2')"
- label="ChangeOtherButton'sStyles"
- />
- <mx:Buttonidmx:Buttonid="myButton2"
- click="changeLabel('1')"
- label="ChangeOtherButton'sStyles"
- />
- </mx:Application>
這個小技巧有著比較特殊的用處，當(dāng)你在用Repeater控件或用ActionScript創(chuàng)建了一個對象的時候，你不必知道對象的名字你也可以在運行時來引用該對象。但是，當(dāng)你用ActionScript實例化一個對象的時候，如果要添加該對象到應(yīng)用程序的屬性數(shù)組(按本人的理解：該數(shù)組為應(yīng)用程序的數(shù)組，包含程序中定義的組件的實例)中去，你必須定義該變量為public并且要在整個的類的作用域范圍定義，而不是在函數(shù)的內(nèi)部定義。
【編輯推薦】
- 解析Flex數(shù)據(jù)綁定的幾種方式
- 解析重寫Flex組件中角色 規(guī)則和步驟
- 學(xué)習(xí)總結(jié) 在Flex中如何嵌入Flex字體
- 解析重寫Flex組件的原因和規(guī)則
- Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況
