创建完成事件不显示正确的高度和宽度

Question

我遇到一个问题，使用 MXML 时，可以正确获取 myBox 的高度和宽度属性，但使用 ActionScript 时，获取的正确高度和宽度不正确。

my:Tab 扩展了 NavigatorContent（这不是选项卡栏中的选项卡）
com:myBox 扩展了 BorderContainer。

<mx:ViewStack id="viewstack_main" width="100%" height="100%" creationPolicy="all">                          
 <my:Tab label="My Tab">     
     <s:Scroller  height="100%" width="100%">
     <s:Group height="100%" width="100%">            
        <com:myBox>                                 
        </com:myBox>        
     </s:Group>
     </s:Scroller>       
 </my:Tab>     
</mx:ViewStack>

在 myBox 的构造函数中，我将 percentWidth 和 percentHeight 设置为 100。

在 creationComplete<同一个 myBox 的 /code> 事件，我需要访问 height 和 width。

这对于 MXML 来说一切正常。

但是使用 ActionScript 我需要添加另一个选项卡。

var navContainer:Tab = new Tab();
viewstack_main.addElement(navContainer);

var scroller:Scroller = new Scroller();
scroller.percentHeight = 100;
scroller.percentWidth = 100;
navContainer.addElement(scroller);

var grp:Group = new Group();                
grp.percentHeight = 100;
grp.percentWidth = 100;             
scroller.viewport = grp;        

var box:myBox = new myBox();                
grp.addElement(box);

但不幸的是，在box的creationComplete事件中，高度和宽度属性不是预期的（设置100%后的高度和宽度）。它是 112。

关于为什么它适用于 MXML 而不适用于 ActionScript，您有什么想法吗？

Answer 1

参考Flex中的初始化顺序 当您使用 creationComplete 初始化 box 时，父组件仍未完全初始化。在您的情况下，最好覆盖 protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 并使用实际大小。

Answer 2

答案很简单。我所要做的就是在请求高度和宽度之前调用 validateSize(false) 。