Flex中如何通过horizontalGap样式，设置TabBar控件各个Tab间空格间距

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:Arrayid="arr">
8. <mx:Objectlabel="The quick" />
9. <mx:Objectlabel="brown fox" />
10. <mx:Objectlabel="jumped over" />
11. <mx:Objectlabel="the lazy fox" />
12. </mx:Array>
14. <mx:ApplicationControlBardock="true">
15. <mx:Form>
16. <mx:FormItemlabel="horizontalGap:">
17. <mx:HSliderid="slider"
18. minimum="-5"
19. maximum="10"
20. value="-1"
21. liveDragging="true"
22. snapInterval="1"
23. tickInterval="1"/>
24. </mx:FormItem>
25. </mx:Form>
26. </mx:ApplicationControlBar>
28. <mx:TabBarid="tabBar"
29. horizontalGap="{slider.value}"
30. dataProvider="{arr}"/>
32. </mx:Application>