Flex - 调整分隔盒后面板不会调整大小

时间:2012-04-19 12:32:41

标签: flex layout panel expand collapse

你有一个折叠面板作为分隔盒的组件之一。它可以展开和折叠,分隔框在展开/折叠时自行调整。

但是一旦我手动移动/调整分隔线,当我折叠面板时,分隔框不会自动调整。因此创建了空的空间id。任何帮助表示赞赏

1 个答案:

答案 0 :(得分:0)

我认为你应该使用DivideBox的resizeToContent属性 检查以下代码

<mx:HDividedBox width="500" height="200" resizeToContent="true"/>

resizeToContent属性用于根据子宽度,高度调整容器 当您折叠面板时,根据新的高度和宽度,分隔框将自行调整。

resizeToContent was set true. And it is working fine until I adjust the divider. Once it is adjusted, it wont get re-sized with the child size.

resizeToContent属性将在用户未设置宽度或高度属于容器时在上面的HDivdebox中工作我设置宽度和高度这就是为什么它不起作用... 尝试以下代码......  在下面的代码中我使用HDivideBox和TitleWindow作为它的子... TitleWindow有自己的高度和宽度,HDivideBox的resizeToContent属性设置为true。当用户点击关闭按钮时,它的宽度减小,HDivideBox根据儿童的总宽度自行调整大小

protected function t1_closeHandler(event:CloseEvent):void
    {
        t1.width = 50;  
    }

protected function t2_closeHandler(event:CloseEvent):void
    {
        t2.width = 50;
    }

<mx:HDividedBox  resizeToContent="true">
        <mx:TitleWindow id="t1" width="150" height="100" showCloseButton="true"  close="t1_closeHandler(event)"/>
        <mx:TitleWindow id="t2" width="150" height="100" showCloseButton="true" close="t2_closeHandler(event)"/>
</mx:HDividedBox>