ActionScript
TypeScript
JavaScript

VSlider 组件参考

发布时间:2016-12-30

 

        使用 VSlider 控件,用户可以通过在滑块轨道的终点之间移动滑块来选择值。
        VSlider 控件采用垂直滑动方向。滑块轨道从上向下扩展,而标签位于轨道的左右两侧。
        点击选择资源面板里的 VSlider 组件,拖放到页面编辑区,即可添加 VSlider 组件到页面上。
        VSlider 组件的脚本接口请参考 VSlider API。

        VSlider 组件的图像资源示例:

 图片11.png

图片12.png


        VSlider 拖放到编辑器区后,显示效果:

图片13.png

        设置 VSlider 的属性 max 的值为 10、属性 min 的值为0、属性 value 的值为3后,显示效果如下:

图片14.png

        在程序中的运行时,可以拖动滑块来选择值:

git_VSlider_drag.gif

 

  

VSlider 组件常用属性

 图片16.png

 

属性

功能说明

allowClickBack

一个布尔值,指定是否允许通过点击滑动条改变 value 属性值。

max

获取或设置表示最高位置的数字。 默认值为100。

min

获取或设置表示最低位置的数字。 默认值为0。

showLabel

一个布尔值,指定是否显示标签。

sizeGrid

滑动条背景图资源的有效缩放网格数据(九宫格数据)。

skin

滑动条的图像资源地址。

tick

滑动条的刻度值。默认值为1。

value

滑块位置的数字值。