Unity3D-UGUI系列Scrollbar 滚动条组件详解
Posted 恬静的小魔龙
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Unity3D-UGUI系列Scrollbar 滚动条组件详解相关的知识,希望对你有一定的参考价值。
一、前言
首先,介绍一个UGUI,NGUI是UGUI的前身,Unity开发团队将NGUI的开发团队收到自己开发团队下,并且由此开发了UGUI。
UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。
UGUI的特点:
- 灵活
- 快速
- 可视化
对于开发者来说有很多的优点,比如说:
- 效率高
- 实现效果好
- 易于使用和拓展
- 与Unity编辑器的兼容性高
这是本系列文章的第一篇:
二、Scrollbar 滚动条组件介绍
Scrollbar 滚动条组件,是一个用来展示进度的组件,主要用于显示当前内容在全部内容下的比例或者位置在哪里。
主要用于形象的拖动以改变目标比例的控件,他的最恰当应用是用来改变一个整体值变为他的指定百分比例,最大值1(100%),最小值0(0%),拖动滑块可在此之间改变,例如改变滚动视野的显示区域。
Scrollbar 滚动条组件通常与ScrollView组件配合使用,用来显示内容。
接下来,在Unity的Hierarchy视图中,选择“Create→UI→Scrollbar”,新建Scrollbar 滚动条组件:
Scrollbar在Hierarchy视图中的层级结果如下图所示:
对象 | 介绍 |
---|---|
Scrollbar | 滑动条组件。 |
Sliding Area | 滑动条的滑动区域。 |
Handle | 滑动条 |
接下来就详细的了解一下Scrollbar 滚动条组件的属性。
三、Scrollbar 滚动条组件属性
Scrollbar 滚动条组件由Image组件和Scrollbar组件组成,Image组件显示了滚动条的背景 ,就不再详述。
下面就详细说一下Scrollbar组件:
Interactable、Transition、Navigation跟Button组件是相似的,Button教程中有详细解释。
属性 | 介绍 |
---|---|
Handle Rect | 用来拖动的滑动条对象 |
Direction | 滚动条的方向,可以设置从左到右或者从上到下。 |
Value | 滑动条当前所在位置的值 |
Size | 滑动条的缩放大小 |
Number Of Setps | 指定可滚动的位置数量,滚动条可滚动的位置数目,为0和1时不生效。 |
On Value Changed | 监听函数,值改变时触发消息。 |
详细介绍一下Number Of Setps属性:
指定可滚动的位置数量,滚动条可滚动的位置数目,为0和1时不生效。
原理:滚动条的区域为100%,每步移动的长度为Number Of Setps的值除以100。
比如说,将Number Of Setps设置为10,那么每次移动的长度就为:
10/100=1/10,所以,每次移动都是十分之一的长度:
以上是关于Unity3D-UGUI系列Scrollbar 滚动条组件详解的主要内容,如果未能解决你的问题,请参考以下文章