引言
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
的长度或者度宽。
整理转自
个人博客