在Flex 4中居中内容

时间:2009-11-22 18:16:37

标签: flex layout components center alignment

我正在构建一个扩展SkinnableContainer的自定义组件。我可以将内容垂直或水平放在其中,但不是两者兼而有之 - 这就是我需要的。

我正在为组件设置Horizo​​ntalLayout布局并将verticalAlign设置为middle。

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

感谢任何帮助。

1 个答案:

答案 0 :(得分:20)

使用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>