1

我有一个按其包含的内容调整大小的组，但要使用 Tweener 执行转换，我必须设置宽度和高度属性。动画完成后，我将如何清除显式宽度和高度属性，以便 Group 根据其内容返回大小调整？

前： 

<s:Group ><content.../></s:Group>

代码： 

width = 250;
height = 250;
Tweener.addTween(this, {width:500, height:500, time:0.25, onComplete:openAnimationComplete});

在补间之后，组被有效地设置为 500x500，就好像它是这样的： 

<s:Group width="500" height="500" ><content /></s:Group>

我希望它回到这个： 

<s:Group ><content /></s:Group>


使用 Flextras 的解决方案更新测试代码：

<fx:Script>
    <![CDATA[
        protected function button1_clickHandler(event:MouseEvent):void
        {
            var w:Object = myGroup.width;
            var h:Object = myGroup.height;

            if (myGroup.width!=300) {
                myGroup.width = 300;
                myGroup.height = 300;
            }
            else {
                myGroup.width = NaN;
                myGroup.height = NaN;

                w = myGroup.width; // NaN
                h = myGroup.height; // NaN

                //myGroup.validateNow()
                if (myGroup.parent is IInvalidating) {
                    IInvalidating(myGroup.parent).validateNow();
                }

                w = myGroup.width; // 600
                h = myGroup.height; // 100
            }


        }
    ]]>
</fx:Script>

<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<s:Group id="myGroup" minHeight="0" minWidth="0" clipAndEnableScrolling="true">     
    <s:Button width="600" height="100" label="here is a button" click="button1_clickHandler(event)"/>
</s:Group>
4

1 回答 1

3

将高度和宽度设置为 NaN；这将有效地告诉 Flex 框架“我不知道这个值是什么”，然后将在组件下次呈现自身时执行 measure() 事件；导致它更新measuredHeight和measuredWidth属性；父容器又将使用它来调整组的大小。

于 2012-11-02T20:31:41.193 回答