用ActionScript創建可視化的Flex組件

作者：lizhihai_99 2010-07-30 14:00:41

用ActionScript創建可視化的Flex組件的方法你是否了解，這里和大家分享一下，用同樣的方式你也可以創建任何ActionScript類的實例。

本文和大家重點討論一下用ActionScript創建可視化的Flex組件，當創建Flex組件完成后，你可以使用標準的賦值語句來重新設置Flex組件的屬性的值。

用ActionScript創建可視化的Flex組件

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

◆如果你要把新創建的Flex組件添加到容器中去，必須使用容器的addChild()和addChildAt()方法，通過這種方法可以使得Flex組件變成Flex程序的顯示層級的一部分。當Flex組件***次被添加到容器的時候，Flex組件的子實例就被創建了。在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組件定義實例變量并且將新創建的Flex組件的實例存儲在變量里，就像當你為Flex組件的實例標簽設置了id屬性的時候MXML編譯器所做的那樣。然后你就可以訪問你剛才動態創建的Flex組件。

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

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

可以支持addChild()方法的Flex組件是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>

【編輯推薦】

學習筆記如何使用Flex組件進行開發
AS方式重寫Flex組件常規步驟
技術前沿看Flex客戶端緩存技術如何使用
解析Flex全屏模式設置方法
Flex內存泄露解決方法和內存釋放優化原則

責任編輯：佚名來源： csdn.net

Flex組件