- 玩溜Cocos Creator入门学习（五）UI系统介绍UI组件
- 玩溜Cocos Creator入门学习（九）UI系统介绍UI组件
- 玩溜Cocos Creator入门学习（八）UI系统介绍UI组件
- 玩溜Cocos Creator入门学习（七）UI系统介绍UI组件
- 玩溜Cocos Creator入门学习（六）UI系统介绍UI组件
- 玩溜Cocos Creator入门学习（四）UI系统介绍UI组件
- 玩溜Cocos Creator入门学习（三）UI系统介绍 UI的
- 玩溜Cocos Creator入门学习（二）UI系统介绍 UI的
- Cocos Creator UI教程 2 布局主界面底部菜单栏
- Cocos Creator UI教程 4.2 商店动画效果的实现
引言
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的长度或者度宽。
整理转自
个人博客
网友评论