Flex提供了水平和垂直两种滑动杆。
基本使用方法:
滑杆的change事件
默认,只有当释放滑杆的时候,change事件才会响应,所以上面的例子TextArea框中的值只有释放滑杆的时候才会变化。如果设置liveDragging属性为True的话,就可以做到拖动滑杆的时候就可以响应change事件了。
使用2个滑杆
下面的例子很好的演示了如何两个滑杆,请注意thumbIndex属性的用法
定制ToolTip
默认的提示框会显示当前的值,我们可以自定义自己的提示信息,看下面的例子。
基本使用方法:
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键)分别定位到最小值和最大值
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事件
1:
9:
10:
11:
12:
9:
10:
11:
12:
![bb](http://img.blog.itpub.net/blog/attachments/2008/03/13270562_200803052232141.gif?x-oss-process=style/bb)
默认,只有当释放滑杆的时候,change事件才会响应,所以上面的例子TextArea框中的值只有释放滑杆的时候才会变化。如果设置liveDragging属性为True的话,就可以做到拖动滑杆的时候就可以响应change事件了。
1:
9:
10:
11:
12:
9:
10:
11:
12:
使用2个滑杆
下面的例子很好的演示了如何两个滑杆,请注意thumbIndex属性的用法
1:
2:
12:
13:
14:
15:
16:
17:
18:
2:
12:
13:
14:
15:
16:
17:
18:
![bb](http://img.blog.itpub.net/blog/attachments/2008/03/13270562_200803052232142.gif?x-oss-process=style/bb)
定制ToolTip
默认的提示框会显示当前的值,我们可以自定义自己的提示信息,看下面的例子。
1:
9:
10:
11:
9:
10:
11:
![bb](http://img.blog.itpub.net/blog/attachments/2008/03/13270562_200803052232143.gif?x-oss-process=style/bb)
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/13270562/viewspace-200414/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/13270562/viewspace-200414/