【Unity3D】【NGUI】UIProgressBar
2013-12-06 23:21
330 查看
原文:http://www.tasharen.com/forum/index.php?topic=6738.0
NGUI讨论群:333417608
概述
UIProgressBar是UISlider和UIScrollBar的基类。但是你也可以用它来创建进度条——没有滑块的slider。
UIProgressBar用来实现功能的唯一需求就是设置一个Foreground widget。当UIProgressBar的Value是1(100%)的时候,这个foreground
widget显示的就是它可填充的最大尺寸。
一个新的进度条只需要创建一个sliced sprite,指定它的width和height为300和20。
接着挂一个UIProgressBar脚本到这个sprite(就是背景)上,设置对应的Foreground。现在点击Play,之后在Inspector窗口里面调整value的值,你就能看到sprite会有相应的变化。
修改Direction属性来调整当value由0到1变化时,进度条的变化方向。
如果想让进度条可以有交互(拖动等),可以看UISlider。
在OnValueChange部分,你可以指定一个功能函数,这个函数会在进度条值变化的时候调用。比如你已经加了一个label,你可以在值变化的时候通过调用label的SetCurrentPercent函数,让label显示当前的进度值。 这个功能的实现方式就是把Label的game
object拖动到Notify属性里,之后在下拉列表里面选UILabel.SetCurrentPercent就可以。
小贴士
进度条的foreground不一定非要用sprite。你可以用设置成“ClampContent”、Max Lines是1的UILable。当进度条值增大的时候,就会用UILabel的文本填充进度条。
类文档
http://tasharen.com/ngui/docs/class_u_i_progress_bar.html
NGUI讨论群:333417608
概述
UIProgressBar是UISlider和UIScrollBar的基类。但是你也可以用它来创建进度条——没有滑块的slider。
UIProgressBar用来实现功能的唯一需求就是设置一个Foreground widget。当UIProgressBar的Value是1(100%)的时候,这个foreground
widget显示的就是它可填充的最大尺寸。
一个新的进度条只需要创建一个sliced sprite,指定它的width和height为300和20。
接着挂一个UIProgressBar脚本到这个sprite(就是背景)上,设置对应的Foreground。现在点击Play,之后在Inspector窗口里面调整value的值,你就能看到sprite会有相应的变化。
修改Direction属性来调整当value由0到1变化时,进度条的变化方向。
如果想让进度条可以有交互(拖动等),可以看UISlider。
在OnValueChange部分,你可以指定一个功能函数,这个函数会在进度条值变化的时候调用。比如你已经加了一个label,你可以在值变化的时候通过调用label的SetCurrentPercent函数,让label显示当前的进度值。 这个功能的实现方式就是把Label的game
object拖动到Notify属性里,之后在下拉列表里面选UILabel.SetCurrentPercent就可以。
小贴士
进度条的foreground不一定非要用sprite。你可以用设置成“ClampContent”、Max Lines是1的UILable。当进度条值增大的时候,就会用UILabel的文本填充进度条。
类文档
http://tasharen.com/ngui/docs/class_u_i_progress_bar.html
相关文章推荐
- Unity3d NGUI的使用(八)(NGUI 2DUI与3DObjects共存)
- Unity3D NGUI UIPlayTween(原UIButtonTween)动画事件详解
- Unity3D开发(一):NGUI之UIRoot屏幕分辨率自适应
- Unity3D-深入剖析NGUI的游戏UI架构
- RPG游戏中 使用unity3d 客户端 结合NGUI的UI系统框架
- UNITY3D使用NGUI制作自适应UI的总结
- [Unity3D插件]NGUI之UIRoot屏幕分辨率自适应
- Unity3D-深入剖析NGUI的游戏UI架构
- [Unity3D插件]NGUI之UIRoot屏幕分辨率自适应
- Unity3D-深入剖析NGUI的游戏UI架构
- [Unity3d][NGUI] NGUI所见即所得之UIRoot
- Unity3D插件之NGUI-确保鼠标点击UI时不响应其他事件
- Unity3D-深入剖析NGUI的游戏UI架构
- Unity3d使用 NGUI 做球形三维旋转 UI
- Unity3D-深入剖析NGUI的游戏UI架构 --主要讲了UIWiget,UIDrawCall,UINode,UIPanel
- 自己总结的Unity3d RPG网络游戏 UI逻辑 框架(基于NGUI)
- Unity3d NGUI的使用(八)(NGUI 2DUI与3DObjects共存)
- Unity3D-深入剖析NGUI的游戏UI架构
- 【Unity3D】【NGUI】UIPlayAnimation
- Unity3D-深入剖析NGUI的游戏UI架构