apache-flex - Flex 4 中的内容居中

Question

我正在构建一个扩展 SkinnableContainer 的自定义组件。我可以将内容在其中垂直或水平居中，但不能同时居中——这就是我所需要的。

我将组件的布局设置为 Horizo​​ntalLayout 并将verticalAlign 设置为中间。

然后我创建一个画布来包围另一个组件，该组件进入该组件，并将该画布宽度设置为 100%，然后设置 textAlign=center，但没有骰子。

任何帮助表示赞赏。

Answer 1

使用 Horizo​​ntalCenter 和 verticalCenter 属性使您的组居中。该值是距离任一中心的像素数，其中值的符号表示方向，0 是绝对中心。

这样就可以解决问题（假设您想要项目的水平布局）。's' 命名空间指的是 spark 组件，因为您询问的是 flex 4，我认为 Halo 不感兴趣。

<s:Group>
    <!-- Any parent with BasicLayout will acknowledge horizontalCenter and verticalCenter -->
    <s:layout>
         <s:BasicLayout />
    </s:layout>

    <s:Group horizontalCenter="0" verticalCenter="0">
        <s:layout>
            <s:HorizontalLayout/>
        </s:layout>

        <s:Button />
        <s:Button />
        <s:Button />
    </s:Group>
</s:Group>