Flex教程:HSlider和VSlider

 Flex提供了水平和垂直两种滑动杆。

基本使用方法：

 

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键）分别定位到最小值和最大值

 

 

滑杆的change事件

默认，只有当释放滑杆的时候，change事件才会响应，所以上面的例子TextArea框中的值只有释放滑杆的时候才会变化。如果设置liveDragging属性为True的话，就可以做到拖动滑杆的时候就可以响应change事件了。

使用2个滑杆

下面的例子很好的演示了如何两个滑杆，请注意thumbIndex属性的用法

定制ToolTip

默认的提示框会显示当前的值，我们可以自定义自己的提示信息，看下面的例子。