ActionScript
TypeScript
JavaScript

HSlider 组件参考

发布时间:2016-12-30

 

        使用 HSlider 控件,用户可以通过在滑块轨道的终点之间移动滑块来选择值。
        HSlider 组件采用水平方向。滑块轨道从左向右扩展,而标签位于轨道的顶部或底部。

        点击选择资源面板里的 HSlider 组件,拖放到页面编辑区,即可添加 HSlider 组件到页面上。
        HSlider 组件的脚本接口请参考 HSlider API。

        HSlider 组件的图像资源示例:

 图片5.png

图片6.png

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

图片7.png

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

图片8.png

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

git_HSlider_drag.gif

 

HSlider 组件常用属性

图片10.png

 

属性

功能说明

allowClickBack

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

max

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

min

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

showLabel

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

sizeGrid

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

skin

滑动条的图像资源地址。

tick

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

value

滑块位置的数字值。