集团的平均空间儿童

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类，那么请使用实现IVisualElement的最轻量级Spark类。据我所知，这将是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更重。