01: mx:HSlider 創建水平滑動桿
02 : mx:VSlider 創建垂直滑動桿
03 : 設置滑動范圍： minimum 和 maximum 屬性
04 : 設置滑桿的初始值： value 屬性
05 : 設置最小滑動間隔為可以設置 snapInterval 屬性（如 snapInterval='2' ）
06 : 創建滑桿的標簽可以用 labels 數組（ Flex 會均分顯示標簽位置）
07 : 默認創建的滑動桿都有 ToolTip ，需要禁止可使用： showToolTip='false'
08 : 如果需要每隔一段距離顯示標記，可以設置 tickInterval 屬性（如 tickInterval='25' ）
09 : 可以同時使用兩個箭頭標記： thumbCount （ 1 或 2 ，默認值為 1 ）
10 : 使用雙箭頭的時候設置初始值需要用 values 數組（如 values='[ 20 , 80 ]' ）
11 : 可以利用鍵盤的左右（或上下）方向鍵來移動滑桿
12 : HOME 鍵和 END 鍵（或 PageDown 和 PageUp 鍵）分別定位到最小值和最大值

1. < mx : Script >
2. <![ CDATA [
3. function ? sliderChange ( event : Object )
4. { ?
5. thumb . text = event . target . value ;
6. ? }
7. ]]>
8. </ mx : Script >
9. < mx : Panel >
10.? < mx : HSlider ? change = 'sliderChange(event)' ? />
11.? < mx : TextArea ? id = 'thumb' ? />
12.? </ mx : Panel >

默認，只有當釋放滑桿的時候， change 事件才會響應，所以上面的例子 TextArea 框中的值只有釋放滑桿的時候才會變化。如果設置 liveDragging 屬性為 True 的話，就可以做到拖動滑桿的時候就可以響應 change 事件了。

1. < mx : Script >
2. <![ CDATA [
3 . function ? sliderChangeLive ( event : Object )
4. { ?
5. thumbLive . text = event . target . value ;
6. ? }
7. ]]>
8. </ mx : Script >
9. < mx : Panel >
10.? < mx : HSlider ? liveDragging = 'true' ? change = 'sliderChangeLive(event)' ? />
11.? < mx : TextArea ? id = 'thumbLive' ? />
12.? </ mx : Panel >

使用 2 個滑桿
下面的例子很好的演示了如何兩個滑桿，請注意 thumbIndex 屬性的用法

1. < mx : Application ? xmlns : mx = 'http://www.macromedia.com/2003/mxml' ? > ?

2. < mx : Script > ?

3. <![ CDATA [ ?

4. function ? sliderChangeTwo ( event : Object )

5. { ? ?

6. thumbTwoA . text = event . target . values [ 0 ]; ?

7. thumbTwoB . text = event . target . values [ 1 ]; ?

8. thumbIndex . text = event . thumbIndex ;
?

9. ? }

10.? ]]>

11.? </ mx : Script >

12.? < mx : Panel >

13.? < mx : HSlider ? thumbCount = '2' ? change = 'sliderChangeTwo(event)' ? />

14.? < mx : TextInput ? id = 'thumbTwoA' ? />

15.? < mx : TextInput ? id = 'thumbTwoB' ? />

16.? < mx : TextInput ? id = 'thumbIndex' ? />

17.? </ mx : Panel >

18.? </ mx : Application >

1. < mx : Script >

2. <![ CDATA [ ?

3. function ? myToolTipFunc ( val : String ): String ?

4. { ? ?

5. return ? 'Current ? value: ? ' ? + ? val ; ?

6. ? } ?

7. ]]> ?

8. </ mx : Script >
?

9. < mx : Panel >

10.? < mx : HSlider ? toolTipFormatFunction = 'myToolTipFunc' ? />

11.? </ mx : Panel >