Flex中如何利用horizontalGap风格设定LinkBar控件各项目横向间隔(horizontal spacing)的例子

接下来的例子演示了Flex中，你可以如何利用horizontalGap风格，设定LinkBar控件各项目间的横向间隔(horizontal spacing)。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

下面是完整代码(或 点击这里察看)：

Download: 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">
7.     <mx:Script>
8.         <![CDATA[
9.             private function init():void {
10.                 slider.value = linkBar.getStyle("horizontalGap");
11.             }
12.         ]]>
13.     </mx:Script>
15.     <mx:Array id="arr">
16.         <mx:Object label="Alert" />
17.         <mx:Object label="Button" />
18.         <mx:Object label="ButtonBar" />
19.         <mx:Object label="CheckBox" />
20.         <mx:Object label="ColorPicker" />
21.         <mx:Object label="ComboBox" />
22.     </mx:Array>
24.     <mx:ApplicationControlBar dock="true">
25.         <mx:Form styleName="plain">
26.             <mx:FormItem label="horizontalGap:" direction="horizontal">
27.                 <mx:HSlider id="slider"
28.                         minimum="0"
29.                         maximum="20"
30.                         snapInterval="1"
31.                         tickInterval="1"
32.                         liveDragging="true" />
33.                 <mx:Label text="{slider.value}" />
34.             </mx:FormItem>
35.         </mx:Form>
36.     </mx:ApplicationControlBar>
38.     <mx:LinkBar id="linkBar"
39.             dataProvider="{arr}"
40.             horizontalGap="{slider.value}"
41.             initialize="init();" />
43. </mx:Application>