flex4 vgroup中丢弃了horizo​​ntalCenter参数

Question

无论我在“浏览”按钮的horizo​​ntalCenter属性中放置什么值，它都只是遵循VGroup的horizo​​ntalAlign属性。那是为什么？

由于

<s:Group width="100%" height="100%" left="0" right="0" top="0" bottom="0">
    <s:Panel id="mainPanel" title="File uploader" width="75%" height="75%" horizontalCenter="0" verticalCenter="0">
        <s:controlBarContent> <s:Label text="foo"/> </s:controlBarContent>
        <mx:HDividedBox width="100%" height="100%">
            <s:VGroup width="25%" height="100%" paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10">
                <s:TextArea width="100%" height="100%" />
                <s:Button label="Browse" horizontalCenter="30"/>
            </s:VGroup>
            <s:TextArea width="100%" height="100%" />
        </mx:HDividedBox>
    </s:Panel>
</s:Group>

Answer 1

Flex 4中的VGroup使用spark.layouts.VerticalLayout，但没有考虑horizo​​ntalCenter / verticalCenter：/。我自己也不喜欢。

但是由于你的VGroup的子TextArea是100％宽度/高度，你可以使用VerticalLayout / VGroup horizontalAlign属性：horizontalAlign="center"。这有效：

<s:Group width="100%" height="100%" left="0" right="0" top="0" bottom="0">
    <s:Panel id="mainPanel" title="File uploader" width="75%" height="75%" horizontalCenter="0" verticalCenter="0">
        <s:controlBarContent>
            <s:Label text="foo"/>
        </s:controlBarContent>
        <mx:HDividedBox width="100%" height="100%">
            <s:VGroup width="25%" height="100%" paddingLeft="10" horizontalAlign="center" paddingRight="10" paddingTop="10" paddingBottom="10">
                <s:TextArea width="100%" height="100%" />
                <s:Button label="Browse" horizontalCenter="30"/>
            </s:VGroup>
            <s:TextArea width="100%" height="100%" />
        </mx:HDividedBox>
    </s:Panel>
</s:Group>