Flex SkinnableContainer 作为 HGroup？答案

【问题标题】：Flex SkinnableContainer as HGroup?Flex SkinnableContainer 作为 HGroup？
【发布时间】：2012-01-10 04:05:03
【问题描述】：

我有一个名为“GroupNavCustomContainer”的 SkinnableContainer 类，它使用名为“GroupNavCustomSkin”的 skinClass。 GroupNavCustomSkin 是 Flex 为您创建的默认外观：（Spark SkinnableContainer 容器的默认外观类）。现在，我必须从类外部动态地向 GroupNavCustomContainer 添加按钮，这不是问题。但是，我似乎无法弄清楚如何让我的皮肤表现得像一个 HGroup，因此按钮的间距是均匀的。我试过了：修改 Group 容器无济于事：

<!--
    Note: setting the minimum size to 0 here so that changes to the host component's
    size will not be thwarted by this skin part's minimum size.   This is a compromise,
    more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-->
<!--- @copy spark.components.SkinnableContainer#contentGroup -->
<s:HGroup >

</s:HGroup>

我对 Flex 4.6 还很陌生，所以我确定我在这里遗漏了一个关键概念。

【问题讨论】：

标签： apache-flex spark-skinning

【解决方案1】：

啊，明白了！水平布局与填充结合。我希望有一些关于 Flex Spark 蒙皮的权威指南...

 <!--
        Note: setting the minimum size to 0 here so that changes to the host component's
        size will not be thwarted by this skin part's minimum size.   This is a compromise,
        more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
    -->
    <!--- @copy spark.components.SkinnableContainer#contentGroup -->
    <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="475" minHeight="0">
        <s:layout>

            <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />

        </s:layout>
    </s:Group>

【讨论】：