Flex动态创建的组件添加到自定义组件

Question

我创建了一个动态添加一个VBox，它包含两个图像。导入从UIComponent派生的自定义组件。问题是包含这两个图像的Vbox只有很小的尺寸。我想VBox延伸到两个图像的大小。

这是我如何创建VBOX ....

var open:Image = new Image(); 
open.source = 'assets/icons/open.png'; 

var save:Image = new Image(); 
save.source = 'assets/icons/save.png'; 

var box:VBox = new VBox(); 
box.addChild(open); 
box.addChild(save); 

该组件是这样的....

public class MyComponent extends UIComponent 

我的垂直框分配给（这是在creationComplete事件之后）

public function set VBoxOptions(value:UIComponent) : void { 
      if(_vBoxOptions){ 
       removeChild(_vBoxOptions); 
      } 
      _vBoxOptions = value; 
      addChild(_vBoxOptions); 
      invalidateSize(); 
     } 

在更新显示列表我做..

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { 
    if(_hoverOptions) 
    { 
     _hoverOptions.move(unscaledWidth+2,2); //please note this is not the problem, 
    } 
} 

感谢提前帮助...

Answer 1

你需要扩展UIComponent，因为画布是会得到你在那里更快：

package 
{ 
    import flash.events.Event; 

    import mx.containers.Canvas; 
    import mx.core.UIComponent; 

    public class MyUIComponent extends Canvas 
    { 
     private var _vBoxOptions:UIComponent; 

     public function MyUIComponent() 
     { 
      super(); 
     } 

     public function set vBoxOptions(value:UIComponent):void 
     { 
      if(_vBoxOptions && this.contains(_vBoxOptions)) 
      { 
       this.removeChild(_vBoxOptions); 
      } 

      _vBoxOptions = value; 
      _vBoxOptions.validateNow(); 

      this.addChild(_vBoxOptions); 
     } 
    } 
}