零基础入门 19： UGUI ScrollBar

今天这篇内容非常之少，介绍一下Unity里UGUI ScrollBar这个组件。

通常在实际项目中，对ScrollBar的应用非常简单，主要用于配合TableView或者ScrollView来进行使用，下一节我们将说明一下Unity里的ScrollView即滚动视图。这篇先来说一下ScrollBar这个组件，也为下一张做一个铺垫。

进入正题

ScrollBar这个组件就是我们俗称的滚动条，下面来个效果图展示一下。大家一看便知。

ScrollBar如下俩图红框内的组件显示。

通常这种滚动进度条都是用来显示当前组里或者当前页面里的多个资源分布情况展示，下面我们就来看一下ScrollBar这个组件的一些属性。

还是一样，从handleRect才是ScrollBar这个组件的独有属性。

Direction：依然是方向选择

value：进度条的当前数值

size：进度条的HandleRect大小

Number if Steps：通过滚动条允许不同滚动位置的数目

最后一个用下面的这个Gif来给大家解释下就明白了。

然后再来看一下这个ScrollBar的结构。

中间的Sliding Area是一个空的父级对象。下面的handle就是我们所看见的图里的白色区域，而scrollbar是图里的灰色背景条。

通常来说，我们在使用的时候直接设置ScrollBar背景图以及Handle的贴图，然后将scrollBar关联给某一个tableView或者ScrollView即可使用了。value的设置通过ScrollRect直接挂载就可以正常使用了，剩下的是size和方向等微调。

今天的这个组件，甚至可以不用代码去控制他的逻辑。

Scrollbar是配合ScrollRect组件使用的，通常一个ScrollRect滚动视图才会增加Scrollbar这样的一个滚动条，而Unity也为我们对ScrollBar的使用做到了最极致的方便。

如下图，只需要把创建的ScrollBar拖动到ScrollRect上就可以了。

而实际中的项目也是如此，我们通常在使用滚动视图的时候，只需要创建一个Scrollbar并且设置好合理的显示方式和控制逻辑即可在scrollRect的带动下，完成滚动条的自动滚动。

效果图如下。

好了，今天的这期Scrollbar也是非常的简单。

有问题可以给我留言，ヾ(￣▽￣)Bye~Bye~