Flex组件篇：HSlider和VSlider

作者佚名技术来源服务器技术浏览发布时间 2012-07-12

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事件
1:
2: 3: function sliderChange(event:Object)
4: {
5: thumb.text=event.target.value;
6: }
7: ]]>
8:
9:
10:
11:
12:
点击查看全图

默认，只有当释放滑杆的时候，change事件才会响应，所以上面的例子TextArea框中的值只有释放滑杆的时候才会变化。如果设置liveDragging属性为True的话，就可以做到拖动滑杆的时候就可以响应change事件了。
1:
2: 3: function sliderChangeLive(event:Object)
4: {
5: thumbLive.text=event.target.value;
6: }
7: ]]>
8:
9:
10:
11:
12:
使用2个滑杆
下面的例子很好的演示了如何两个滑杆，请注意thumbIndex属性的用法
1:
2:
3: 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:
12:
13:
14:
15:
16:
17:
18:
点击查看全图

定制ToolTip
默认的提示框会显示当前的值，我们可以自定义自己的提示信息，看下面的例子。
1:
2: 3: function myToolTipFunc(val:String):String
4: {
5: return ’Current value: ’ + val;
6: }
7: ]]>
8:
9:
10:
11:
点击查看全图

关键词：组件

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 清言教程——绘制面部人物面部2下一篇: 一段小代码实现的文本滚动效果

关于Flex组件篇：HSlider和VSlider的所有评论

随机推荐