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>