NGUI控件说明(中文) UIScrollBar

夜行的猫仔

原文：http://www.tasharen.com/forum/index.php?topic=6733.0

NGUI讨论群：333417608

概述

UIScrollBar用来创建滚动条——可变长度的滑动条在大小固定的区域移动。它继承了所有UIprogressBar的功能，仅仅修改了前景的显示方式，变为可以被移动位置并且可以交互。



与UISlider类似，UIScrollBar需要引用一个Foreground widget。当Size值为1（100%）的时候，这个widget就会占用滚动条的最大尺寸。

想创建一个简单的滚动条，首先创建一个sliced sprite，之后width和height分别设置为300和30。这就是滚动条的Background。

之后增加一个子sliced sprite，这个就是Foreground。这个sprite就是Value为1的时候看起来的样子。你可以把这个sprite封装到父节点里面，这样看起来更合理。

做完以上内容之后，挂一个UIScrollBar给背景sprite，之后设置相应的Foreground和Background属性。点击Play之后在Inspector窗口调整value的值，你就会看到相应的变化。

给滚动条加入Box Collider可以让它变得可以交互。可以分别给Foregrou和Background增加box collider。同时加上UIButton的话就可以让这些sprite可以高亮。

如果你用了两个collider的话，那就要加两个UIButton，一个高亮前景，一个是背景。

在前景上加一个UILabel来让label和前景一起移动（可以用来显示当前的值）。

Direction用来控制value从0到1变化的时候，滑块的移动方向。

OnValueChange属性可以指定功能函数，当滚动条的value变化的时候调用。如果按照上面的方式加入了label，你可以通过调用label的SetCurrentPercent函数，之后这个label就会以百分比的形式显示滚动条的值。把这个label的game object拖拽到Notify属性里面，之后在下拉框里面选择UILabel.SetCurrentPercent。

小贴士

用UIStretch放在前景上来让前景的大小跟着背景的变化而变化。

类文档

http://tasharen.com/ngui/docs/class_u_i_scroll_bar.html