Question

我正在尝试这样做：一个带有3个部件的小面板，一个带有一些标签（标题）的上部，一个带有一些按钮（页脚）的下部和一个带有mx的中心：树和这个面板可以是可调整大小（它是一个尺寸最小的插件）。

如何扩展mx：Tree的大小以使用此面板的其余可见区域？我不能在大小上使用％，有一些方法吗？

Answer 1

如果您的页眉和页脚长度是固定的，您可以将树的高度绑定到面板的高度：

<s:Panel id="upPanel"
    width="220" height="100"
    minHeight="80"
    minWidth="200"
    styleName="resizePanel"
    skinClass="flex.utils.spark.resize.ResizablePanelSkin"
    title="ResizablePanelSkin">
    <mx:Tree width="{upPanel.width - 1}" height="{upPanel.height - 70}">
        <mx:XMLListCollection id="MailBox">
            <fx:XMLList>
                <AA/>
                <BB>
                    <BB1/>
                </BB>
                <CC/>
            </fx:XMLList>
        </mx:XMLListCollection>
    </mx:Tree>
    <s:controlBarContent>
        <s:Button label="ControlBar Button"/>
    </s:controlBarContent>
</s:Panel>

否则，您需要重新计算顶部和底部元素的高度并设置树的大小。

这里有demo我在线，视图来源已启用。

（我的演示基于this）

Flex 3.4 - 设置一个100％或可调大小的mx：树

1 个答案: