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

时间:2010-02-19 14:12:27

标签: flex layout

无论我在“浏览”按钮的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>

1 个答案:

答案 0 :(得分:3)

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>