NGUI——Slider

1.Slider:一般游戏角色的血条,游戏进度,游戏音量,灵敏度等的设置都会用到Slider;

例子:NGUI——Slider

NGUI——Slider

NGUI——Slider
素材的话让美术去做吧,作为利用Unity开发游戏的工程师,我们的任务是利用这些素材作出我们想要的东西;

使用UGUI做这些是非常方便的,首先把应有的素材都拖进来(以下图示素材用基础的图片代替)
步骤一:创建任何一个控件,以下用sprite为例,然后还是要attach一个BoxCollider,然后再添加一个Slider脚本;如下
NGUI——Slider
步骤二:就是操作UI slider下的脚本一些属性;

NGUI——Slider
都是一些UI控件,可以在父物体创建控件然后直接拖进去;一般用Sprite即图片;
NGUI——Slider
然后把Anchor设置好,以父物体为参照设置好

NGUI——Slider

步骤三:接着设置背景,还是用Sprite(其实个人感觉,背景直接用父类来表示就行了)但是为了体现用法还是记录一下。以步骤二的方式设置anchor,如图

NGUI——Slider
然后调节Depth的值,让它下沉到后面去;如图,刚刚创建完时,就是为3,比它的兄弟和父类都大,所以显示在前面,要想介于兄弟之后,父类之前,只要设置depth的值比兄弟小,比父类大就行;

NGUI——Slider
NGUI——Slider
运行效果

NGUI——Slider
步骤四:设置游标,直接创建一个子sprite,然后拖放到父类的Thumb就行如图:
NGUI——Slider
运行效果

NGUI——Slider
步骤五:添加一个百分比的显示,这个就十分简单了,创建一个Lable用以显示百分比,然后如图所示

NGUI——Slider
然后NGUI——Slider选择Slider的父类
NGUI——Slider把Lable放进这里

NGUI——Slider选择setCurrentPercent
NGUI——Slider完成。运行效果

NGUI——Slider
当然,我们也可以自己用代码实现,这里就不展示了;