引言

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的长度或者度宽。

整理转自

官方文档

个人博客

玩溜Cocos Creator入门学习（五）UI系统介绍UI组件（ScrollBar）