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 >