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

<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="middle"
5.         backgroundColor="white">
6.  
7.     <mx:Array id="arr">
8.         <mx:Object label="The quick" />
9.         <mx:Object label="brown fox" />
10.         <mx:Object label="jumped over" />
11.         <mx:Object label="the lazy fox" />
12.     </mx:Array>
13.  
14.     <mx:ApplicationControlBar dock="true">
15.         <mx:Form>
16.             <mx:FormItem label="horizontalGap:">
17.                 <mx:HSlider id="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>
27.  
28.     <mx:TabBar id="tabBar"
29.             horizontalGap="{slider.value}"
30.             dataProvider="{arr}" />
31.  
32. </mx:Application>