Параметр horizontalCenter отбрасывается в flex 4 vgroup - PullRequest
0 голосов
/ 19 февраля 2010

Независимо от того, какое значение я поместил в свойстве horizontalCenter кнопки «Обзор», оно просто следует за свойством horizontalAlign группы VGroup. Почему это так?

Спасибо

<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 Ответ

3 голосов
/ 20 февраля 2010

VGroup во Flex 4 использует spark.layouts.VerticalLayout , который не учитывает horizontalCenter / verticalCenter: /.Мне самому это не нравится.

Но так как дочерняя TextArea вашей VGroup имеет 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>

...