apache-flex - Group 的均匀空间子级

Question

通过这个简单的 3 个按钮示例，我怎样才能使按钮间隔均匀。

<s:HGroup width="100%">
    <s:Button label="button 1" />
    <s:Button label="button 2" />
    <s:Button label="button 3" />
</s:HGroup>

它目前显示为：

我想要这样的东西：

Answer 1

将间隔元素放在按钮之间，并将它们的宽度设置为 100%，以便它们占据所有可用空间。

您可以使用旧的 mx Spacer来完成这项工作：

<s:HGroup width="100%">
    <s:Button label="button 1" />
    <mx:Spacer width="100%"/>
    <s:Button label="button 2" />
    <mx:Spacer width="100%"/>
    <s:Button label="button 3" />
</s:HGroup>

但如果您想避免使用 mx 类，请使用最轻量级的 Spark 类来实现IVisualElement. 据我所知，这将是GraphicElement。

<s:HGroup width="100%">
    <s:Button label="button 1" />
    <s:GraphicElement width="100%"/>
    <s:Button label="button 2" />
    <s:GraphicElement width="100%"/>
    <s:Button label="button 3" />
</s:HGroup>

Spacer 扩展了 UIComponent，因此它比 GraphicElement 重。