3.2.7.8 ScrollBar 组件参考

优质
小牛编辑
129浏览
2023-12-01

ScrollBar 允许用户通过拖动滑块来滚动一张图片,它与 Slider 组件有点类似,但是 ScrollBar 主要是用于滚动,而 Slider 则用来设置数值。

scrollbar.png

点击 属性检查器 下面的 添加组件 按钮,然后从 UI 组件 中选择 ScrollBar,即可添加 ScrollBar 组件到节点上。

滚动条的脚本接口请参考 ScrollBar API

ScrollBar 属性

属性功能说明
HandleScrollBar 前景图片,它的长度/宽度会根据 ScrollView 的 content 的大小和实际显示区域的大小来计算。
Direction滚动方向,目前包含水平和垂直两个方向。
Enable Auto Hide是否开启自动隐藏,如果开启了,那么在 ScrollBar 显示后的 Auto Hide Time 时间内会自动消失。
Auto Hide Time自动隐藏时间,需要配合设置 Enable Auto Hide

详细说明

ScrollBar 一般不会单独使用,它需要与 ScrollView 配合使用,另外 ScrollBar 需要指定一个 Sprite 组件,即属性面板里面的 Handle

通常我们还会给 ScrollBar 指定一张背景图片,用来指示整个 ScrollBar 的长度或者宽度。