本文和大家重點討論一下用ActionScript創建可視化的Flex組件的方法，通過使用ActionScript中的new操作符你可以程序化的創建可視化的Flex組件，用同樣的方式你也可以創建任何ActionScript類的實例。

用ActionScript創建可視化的Flex組件

通過使用ActionScript中的new操作符你可以程序化的創建可視化的Flex組件，用同樣的方式你也可以創建任何ActionScript類的實例。創建后的組件的屬性都有默認的值，但是組件此時并沒有父類和子類(包含各式各樣的DisplayObject)，而且此時組件并不在FlashPlayer或AdobeAIR的顯示列表中，因此無法在界面看到該組件。當創建組件完成后，你可以使用標準的賦值語句來重新設置組件的屬性的值。

如果你要把新創建的Flex組件添加到容器中去，必須使用容器的addChild()和addChildAt()方法，通過這種方法可以使得組件變成Flex程序的顯示層級的一部分。當組件***次被添加到容器的時候，組件的子實例就被創建了。在組件的生命周期子實例創建的時候比較晚，因此你可以在子實例創建完成后設置它的屬性。

當創建可視化組建的時候，你必須導入合適的包。在大多數情況下，這些包基本都在mx.controls包中，具體的你可以查閱AdobeFlexLanguageReference

下面的例子中，創建了一個Button控件并田間到HBox中去：

<?xmlversionxmlversion="1.0"?> 
 
<!--usingas/ASVisualComponent.mxml--> 
 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"> 
 
<mx:Script><![CDATA[  
 
importmx.controls.Button;  
 
publicvarbutton2:Button;  
 
publicfunctioncreateObject():void{  
 
button2=newButton();  
 
button2.label="ClickMe";  
 
hb1.addChild(button2);  
 
}  
 
]]></mx:Script> 
 
<mx:HBoxidmx:HBoxid="hb1"> 
 
<mx:Buttonlabelmx:Buttonlabel="CreateObject"click="createObject()"/> 
 
</mx:HBox> 
 
</mx:Application> 
 

 Flex容器中新創建的元素將會排在容器的***。如果你并不像讓新創建的元素排在容器的***，可是使用addChildAt()方法來改變元素的順序。你也可以在調用addChild()方法后使用setChildIndex()方法來實現，不過這樣做的話效率會降低。

你應該為每個動態創建的Flex組件定義實例變量并且將新創建的組件的實例存儲在變量里，就像當你為組件的實例標簽設置了id屬性的時候MXML編譯器所做的那樣。然后你就可以訪問你剛才動態創建的組件。

◆如果要在程序中移除一個組件，你需要使用removeChild()或removeChildAt()方法。你也可以使用removeAllChildren()方法來移除容器的所有組件。調用這些方法并不是真正的刪除這些對象。如果你在程序沒有這些對象的任何引用，那么FlashPlayer的垃圾回收機制就會在將來的某個時間點進行回收。如果在程序中存儲了該對象的引用，那么系統將會不從內存中移除該對象。

在有些情況下，你是通過使用MXML標簽來定義組件的。你可以設置容器的creationPolicy屬性為none來延遲容器中組件的實例化。為了創建那些用標簽定義了但沒有實例化的組件，你可以使用createComponentFromDescriptor()和createComponentsFromDescriptors()方法。使用這些方法可以讓你程序化的創建組件而不是聲明化的。

可以支持addChild()方法的組件是UIComponent。換句話說，如果你創建了一個并不是mx.core.UIComponent的子類的對象，在你將該對象添加到容器之前你必須用UIComponent封裝該對象。下面的例子中，創建了并不是UIComponent子類的Sprite對象，在將該對象添加到Panel容器之前將對象添加為UIComponent的子對象： 

<?xmlversionxmlversion="1.0"?> 
 
<!--usingas/AddingChildrenAsUIComponents.mxml--> 
 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"> 
 
<mx:Script><![CDATA[  
 
importflash.display.Sprite;  
 
importmx.core.UIComponent;  
 
privatevarxLoc:int=20;  
 
privatevaryLoc:int=20;  
 
privatevarcircleColor:Number=0xFFCC00;  
 
privatefunctionaddChildToPanel():void{  
 
varcircle:Sprite=newSprite();  
 
circle.graphics.beginFill(circleColor);  
 
circle.graphics.drawCircle(xLoc,yLoc,15);  
 
 
varc:UIComponent=newUIComponent();  
 
c.addChild(circle);  
 
panel1.addChild(c);  
 
xLoc=xLoc+5;  
 
yLoc=yLoc+1;  
 
circleColor=circleColor+20;  
 
}  
 
]]></mx:Script> 
 
<mx:Panelidmx:Panelid="panel1"height="250"width="300"verticalScrollPolicy="off"/> 
 
<mx:Buttonidmx:Buttonid="myButton"label="ClickMe"click="addChildToPanel();"/> 
 
</mx:Application> 

【編輯推薦】

1. AS方式重寫Flex組件常規步驟
2. 使用Flex組件開發那些事
3. 學習總結 在Flex中如何嵌入Flex字體
4. 揭開Flex正則表達式的神秘面紗
5. Flex數據綁定及其使用頻繁的幾種情況