Flex中如何通过tabOffset样式，控制TabNavigator的Tabs的横向位置

main.mxml

1. <?xml version="1.0"?>
2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="vertical"
4. verticalAlign="middle"
5. backgroundColor="white">
7. <mx:ApplicationControlBardock="true">
8. <mx:Form>
9. <mx:FormItemlabel="tabOffset:">
10. <mx:HSliderid="slider"
11. minimum="-100"
12. maximum="100"
13. value="0"
14. snapInterval="1"
15. tickInterval="10"
16. dataTipPrecision="0"
17. liveDragging="true"/>
18. </mx:FormItem>
19. <mx:FormItemlabel="horizontalAlign:">
20. <mx:ComboBoxid="comboBox">
21. <mx:dataProvider>
22. <mx:Array>
23. <mx:String>left</mx:String>
24. <mx:String>center</mx:String>
25. <mx:String>right</mx:String>
26. </mx:Array>
27. </mx:dataProvider>
28. </mx:ComboBox>
29. </mx:FormItem>
30. </mx:Form>
31. </mx:ApplicationControlBar>
33. <mx:TabNavigatorid="tabNavigator"
34. width="100%"
35. height="100%"
36. tabOffset="{slider.value}"
37. horizontalAlign="{comboBox.selectedItem}">
38. <mx:VBoxlabel="Panel 1" backgroundColor="haloOrange">
39. <mx:Labeltext="TabNavigator container panel 1"/>
40. </mx:VBox>
41. <mx:VBoxlabel="Panel 2" backgroundColor="haloGreen">
42. <mx:Labeltext="TabNavigator container panel 2"/>
43. </mx:VBox>
44. <mx:VBoxlabel="Panel 3" backgroundColor="haloBlue">
45. <mx:Labeltext="TabNavigator container panel 3"/>
46. </mx:VBox>
47. <mx:VBoxlabel="Panel 4" backgroundColor="haloSilver">
48. <mx:Labeltext="TabNavigator container panel 4"/>
49. </mx:VBox>
50. </mx:TabNavigator>
52. </mx:Application>