flash - Flex 3.4 - 设置一个 100% 或可调大小的 mx:Tree

Question

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

如何扩展 mx:Tree 的大小以使用此面板的其余可见区域？我不能使用 % 大小，有什么办法吗？

Answer 1

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

<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>

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

这是我放在网上的一个演示，启用了查看源代码。

（我的演示就是基于这个）