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>

Horizonal resizing工作得很好。但是，我希望它的行为使得当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中尽可能地占用垂直空间。

请告诉我这是否适合您！

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

2 个答案: