Flex中如何通过direction属性，改变Box容器(HBox或VBox)方向

main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="vertical"
4. verticalAlign="middle"
5. backgroundColor="white">
7. <mx:Style>
8. .myBox {
9. paddingLeft: 10;
10. paddingRight: 10;
11. paddingTop: 10;
12. paddingBottom: 10;
13. backgroundColor: haloSilver;
14. }
15. </mx:Style>
17. <mx:Script>
18. <![CDATA[
19. import mx.events.ListEvent;
20. import mx.containers.BoxDirection;
22. private function comboBox_init():void {
23. var arr:Array = [];
24. arr.push({label:BoxDirection.HORIZONTAL});
25. arr.push({label:BoxDirection.VERTICAL});
26. comboBox.dataProvider = arr;
27. }
29. private function comboBox_change(evt:ListEvent):void {
30. box.direction = comboBox.selectedLabel;
31. }
32. ]]>
33. </mx:Script>
35. <mx:ApplicationControlBardock="true">
36. <mx:FormstyleName="plain">
37. <mx:FormItemlabel="direction:">
38. <mx:ComboBoxid="comboBox"
39. initialize="comboBox_init();"
40. change="comboBox_change(event);"/>
41. </mx:FormItem>
42. </mx:Form>
43. </mx:ApplicationControlBar>
45. <mx:Boxid="box" direction="horizontal" styleName="myBox">
46. <mx:Imagesource="Button.png" toolTip="Button" />
47. <mx:Imagesource="ButtonBar.png" toolTip="ButtonBar" />
48. <mx:Imagesource="CheckBox.png" toolTip="CheckBox" />
49. <mx:Imagesource="ColorPicker.png" toolTip="ColorPicker" />
50. <mx:Imagesource="ComboBox.png" toolTip="ComboBox" />
51. </mx:Box>
53. </mx:Application>