NGUI之Scroll Bar

自上周写了Scroll View以来，有一周没写东西了，今天补充一下Scroll Bar，使其与Scroll View搭配起来。

首先我们建立Scroll Bar，步骤NGUI->Open->Widget Tool。选择图集，然后选择Template 的属性为Scroll Bar，并且设置背景和前景，以及滚动的方向，当然建立好后也可以去设置这些。

创建好的Scroll Bar的前景与背景中有两个点需要注意一下，这里精灵的属性设置为拆分格式Sliced ，widget中的Collider 勾选后会自动为我们调节Box Collider的大小。如下图：

还差最后一步，就是将Scroll Bar绑定到Scroll view 上，如下图所示，将Scroll Bar对象拖入Horizontal 中，因为我这儿是水平的。运行即可。

运行的效果如下：