Flex 4 中的内容居中答案

【问题标题】：Centering Content in Flex 4Flex 4 中的内容居中
【发布时间】：2010-12-19 06:22:31
【问题描述】：

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

我将组件的布局设置为 HorizontalLayout，并将verticalAlign 设置为 middle。

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

感谢任何帮助。

【问题讨论】：

标签： apache-flex layout components center alignment

【解决方案1】：

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

【讨论】：

没问题，乐于助人！顺便说一句，你的网站不错，继续努力！
谢谢！你的也是……虽然我什么都看不懂，但设计很漂亮
令人困惑的是，horizontalCenter 和 verticalCenter 属性都将 Object 作为参数，而不是 Number 或 int，文档中对原因的解释为零：help.adobe.com/en_US/Flex/4.0/langref/spark/primitives/…
实际上，它是一个对象，因为您可以指定更复杂的布局行为，而不是简单的来回像素，例如“col1:10”，然后编译器会将其解释为字符串而不是数字。解析留给组件。这称为约束列，您可以在此处阅读更多信息：livedocs.adobe.com/flex/3/html/…（Flex 3，尽管我认为它至少仍然适用于 mx 命名空间中的组件）。