Flex 4 - TitleWindow 上的垂直布局问题

Question

这一定是一个简单的问题，但我无法理解它。我有一个可调整大小的标题窗口。在里面我只想要一个 VGroup 来保存表单的内容，一个 HGroup 在底部有几个按钮。非常标准的东西。

<!-- Content -->
<s:VGroup id="content" height="340" width="100%">
        ...more stuff in here...
</s:VGroup>


<!-- Buttons -->
<s:HGroup id="buttonGroup" width="100%"> 
    ...buttons in here...
</s:HGroup> 

水平调整大小可以正常工作。但是，我希望它的行为使得当 TitleWindow 垂直调整大小时，按钮相对于 TitleWindow 保持在同一位置，并且内容 VGroup 垂直调整大小。但是我不知道将 VGroup 的高度设置为什么？

理想情况下应该是这样的：

height="{this.parent.height - buttonGroup.height - top*

或者类似的......

Answer 1

使用约束属性。 你可以试试 AS：

content.top = 0;  
content.bottom = buttonGroup.height;  
buttonGroup.bottom = 0;  

但最好把它放到MXML中定义组件

<s:VGroup id="content" top="0" bottom="{buttonGroup.height}" width="100%">
        ...more stuff in here...
</s:VGroup>
<s:HGroup id="buttonGroup" bottom="0" width="100%"> 
    ...buttons in here...
</s:HGroup> 

如果你喜欢，可以添加一些填充和边距

Answer 2

您还可以尝试以下技巧：

<s:VGroup id="layoutContainer" width="100%" height="100%">

    <s:SkinnableContainer id="content" height="100%">
        ....content here....
    </s:SkinnableContainer>

    <!-- Buttons -->
    <s:HGroup id="buttonGroup"> 
        ... buttons here...
    </s:HGroup>
</s:VGroup>

目的是使内容容器在 VGroup 中占据尽可能多的垂直空间。

如果这对你有用，请告诉我！