引言
ScrollBar是上篇文章玩溜Cocos Creator入门学习(四)UI系统介绍UI组件(ScrollView)的补充,ScrollBar 一般不会单独使用,它需要与ScrollView配合使用
ScrollBar 组件
ScrollBar 允许用户通过拖动滑块来滚动一张图片,它与Slider组件有点类似,但是它主要是用于滚动而 Slider 则用来设置数值。
Slider参见后续

点击**属性检查器**下面的添加组件按钮,然后从添加UI组件中选择ScrollBar,即可添加 ScrollBar 组件到节点上,也可在层级管理器中直接添加ScrollBar随个人爱好。
ScrollBar 属性
| 属性 | 功能说明 |
|---|---|
| Handle | ScrollBar 前景图片,它的长度/宽度会根据 ScrollView 的 content 的大小和实际显示区域的大小来计算。 |
| Direction | 滚动方向,目前包含水平和垂直两个方向。 |
| Enable Auto Hide | 是否开启自动隐藏,如果开启了,那么在 ScrollBar 显示后的Auto Hide Time时间内会自动消失。 |
| Auto Hide Time | 自动隐藏时间,需要配合设置Enable Auto Hide |
详细说明
ScrollBar 需要指定一个Sprite组件,即属性面板里面的Handle。
通常我们还会给 ScrollBar 指定一张背景图片,用来指示整个 ScrollBar的长度或者度宽。
整理转自
个人博客