Flex：实例化mxml组件的问题

Question

我在flex项目中有两个mxml文件： 但是，当我跟踪a.cBtn时，它是空的。 为什么要这样？

test.mxml：

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="runIt()"> 
<mx:Script> 
<![CDATA[ 
    public function runIt():void 
    { 
    var a:abc = new abc(); 
    trace(a.cBtn);//a.cBtn is null here 
    } 
]]> 
</mx:Script> 
</mx:Application> 

而且，abc.mxml：

<?xml version="1.0" encoding="utf-8"?> 
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300"> 
<mx:Button x="108" y="73" label="Button" id="cBtn"/> 

</mx:Canvas> 

Answer 1

这里的基本问题是，在Flex中，不创建一个给定的柔性容器组件的子组件，直到该容器被初始化。在将添加到显示列表后，初始化过程开始。如上所述，CREATION_COMPLETE事件在完成初始化并且实例化子元素后触发，因此您可以安全地访问此处的子元素。

这非常难看，但是如果您在将组件添加到显示列表之前绝对需要访问组件的子组件，则可以在容器上调用“initialize（）”。

public function runIt():void 
{ 
    var a:abc = new abc(); 
    trace(a.cBtn);//a.cBtn is null here 
    a.initialize(); 
    trace(a.cBtn);//a.cBtn is not null here 
} 

Answer 2

你需要等待creationcomplete事件。

public function runIt():void 
{ 
    var a:abc = new abc(); 
    a.addEventListener(FlexEvent.CREATION_COMPLETE, traceIt) 
    trace(a.cBtn);//a.cBtn is null here 
} 
private function traceIt(e:Event):void 
{ 
    trace(a(e.target).cBtn) 
}