Unity3D学习笔记——NGUI之UIScrollBar
2014-04-22 10:33
141 查看
![](http://images.cnitblog.com/i/517440/201404/222320553884196.jpg)
UIScrollBar:这个组件可以用于创建滚动条。
效果图如下:
![](http://images.cnitblog.com/i/517440/201404/221020024827254.png)
一:使用步骤
1.这个组件和UISlider很像,也是由三部分组成。
2.首先创建一个Sprite用于组件的背景色。
![](http://images.cnitblog.com/i/517440/201404/221027207167772.png)
3.创建第二个Sprite用于组件的滚动条,注意这个Sprite的宽度要和第一个Sprite一样。
![](http://images.cnitblog.com/i/517440/201404/221027304045379.png)
4.创建一个Label,用于显示组件滚动的百分比。
![](http://images.cnitblog.com/i/517440/201404/221027404825400.png)
5.为第一个Sprite添加两个组件。
![](http://images.cnitblog.com/i/517440/201404/221028590458099.png)
6.设置UIScroll Bar组件参数。
![](http://images.cnitblog.com/i/517440/201404/221029185138985.png)
Value:设置起始值。
Size:设置第二个Sprite所占的百分比。
Alpha:组件的整体透明度。
Steps:平均分割个数。
Foregroud:滚动条。
Background:背景色。
On Value Change:百分比变化的显示。
二:获取当前ScrollBar值
创建一个类ScrollBar_Test,创建一个方法名为GetValue
![](http://images.cnitblog.com/i/517440/201405/081456142923184.png)
源码地址下载:http://download.csdn.net/detail/as294985925/7316357
项目结构:
![](http://images.cnitblog.com/i/517440/201405/081458364327376.png)
ScrollView和ScrollBar结合使用地址如下:/article/6324024.html
相关文章推荐
- Unity3D学习笔记——UIScrollBar和UIScrollView使用
- NGUI-UIProgressBar,UIScrollBar,UISlider
- NGUI控件说明(中文) UIScrollBar
- 【Unity3D】【NGUI】UIScrollBar
- unity3d学习笔记(九)--NGUI制作英雄和怪物的头像和血条
- MX 2004 UIScrollBar组件教程
- Unity3D学习笔记——NGUI之Localization system
- unity 的 NGUI 中UIScrollView怎样使得上下drag和左右drag互不影响
- 系统自带滚动条类 UIScrollBar 使用举例
- NGUI UIScrollView滑动视图的定位
- NGUI UIScrollView 修改
- Unity3d NGUI的使用(九)(UIScrollView制作滑动列表)
- Unity3d NGUI的使用(九)(UIScrollView制作滑动列表)
- unity3d学习笔记(十)--NGUI制作中文字体
- NGUI UIScrollView - 大量item子项的性能优化
- NGUI之UIScrollView对齐
- unity3d学习笔记(八)--NGUI制作游戏界面
- unity3d学习笔记(十八)--利用C#的代理和事件结合NGUI的按钮实现施放技能
- Unity3D学习笔记——NGUI之UIGrid
- Unity3D学习笔记(十八)使用插件NGUI制作小地图