actionscript-3 - Flex 中的绝对布局和相对布局

Question

这是一个简单的布局问题，我不知道如何回答。

我有一个HGroup由三个元素组成的：

1. Group应拉伸 50% 的常规 Flex ；
2. 宽度以 px 为单位指定的按钮（例如，100px）；
3. Group另一个应该占用其余空间的Flex 。

问题是，告诉我的第三个元素（另一个 Flex Group）占用所有可用空间的最佳方法是什么？

Answer 1

这是我为保持 50% 的完整性而要做的事情

<s:HGroup width="100%">
    <s:Group width="50%" />
    <s:HGroup width="50%">
        <s:Button width="100"/>
        <s:Group width="100%" />
     </s:HGroup>
</s:HGroup> 

编辑：多一点解释

将组宽度设置为 100% 将使其伸展并占据剩余的空间（在右侧的 50% 内）

Answer 2

您可以这样做，但 Jason Reeves 的答案要好得多，而且不太可能失败。这种方法唯一真正的优点是 H/VGroup 较少，这在渲染时不是那么友好（如果舞台上有很多 H/VGroup，它们使用的布局可能会导致速度变慢，或者它们有很多孩子。 ）无论如何，我会使用另一种方法而不是这个方法。

<s:HGroup id="rectContainer" width="100%" height="100%" gap="0">
    <s:Rect id="rect1" width="50%" height="100%"/>
    <s:Rect id="rect2" width="100" height="100%"/>
    <s:Rect id="rect3" width="{this.rectContainer.width - ( .5 * this.rectContainer.width ) - rect2.width}" height="100%"/>
</s:HGroup>