原文:http://www.tasharen.com/forum/index.php?topic=6733.0
NGUI讨论群:333417608
概述
UIScrollBar用来创建滚动条——可变长度的滑动条在大小固定的区域移动。它继承了所有UIprogressBar的功能,仅仅修改了前景的显示方式,变为可以被移动位置并且可以交互。
![](https://i-blog.csdnimg.cn/blog_migrate/e8e530683de7cbf14cab1c06a664ae6f.jpeg)
与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可以高亮。
在前景上加一个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