ActionScript
TypeScript
JavaScript

VScrollBar 组件参考

发布时间:2016-12-30

 

        VScrollBar 组件是一个垂直方向滚动条组件。
        当数据太多以至于显示区域无法容纳时,最终用户可以使用 VScrollBar 组件控制所显示的数据部分。
        滚动条由四部分组成:一个轨道图、一个滑块按钮和两个箭头按钮。
        点击选择资源面板里的 VScrollBar 组件,拖放到页面编辑区,即可添加 VScrollBar 组件到页面上。
        VScrollBar 组件的脚本接口请参考 VScrollBar API。
        VScrollBar 组件的图像资源示例:

 图片26.png

图片27.png

图片28.png

图片29.png

 

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

 图片30.png

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

 图片31.png

        在程序中运行时,可以拖动滑块或点击箭头按钮控制进度条的值:

 git_VScrollBar_drag.gif

        设置 VScrollBar 的属性 showButtons 的值为 false时的显示效果:

图片33.png

        在程序里运行时的效果:

git_VScrollBar_2_drag.gif 


VScrollBar 组件常用属性

图片35.png

 

属性

功能说明

skin

滚动条的图像资源地址。

sizeGrid

滚动条轨道图资源的有效缩放网格数据(九宫格数据)。

value

表示当前滚动位置的数字。

min

表示最低滚动位置的数字。

max

表示最高滚动位置的数字。

scrollSize

表示按下滚动条轨道时页面滚动的增量。

mouseWheelEnable

一个布尔值,指定是否滑轮滚动,默认值为true。

touchScrollEnable

一个布尔值,指定是否开启触摸,默认值为true。

autoHide

一个布尔值,指定是否自动隐藏滚动条(无需滚动时),默认值为false。

showButton

一个布尔值,指定是否显示向上、向下按钮,默认值为true。