Unity3d自学之UGUI制作血条

先看看实现完成的效果


Unity3d自学之UGUI制作血条_第1张图片

效果2

Unity3d自学之UGUI制作血条_第2张图片

下面看看实现方法

首先在Ui下面新建一个Slider控件

Slider

默认的效果差不多是这样


Unity3d自学之UGUI制作血条_第3张图片
默认

这并不是我们想要的效果,然后我们调整一下

首先将选中在面板中将它调整它的这个值为0


value

之后我们在它下面找到这个控件,并选中它

fill

然后在视图中调整它为0的时候的大小(远距离差不多看不到就行了)

Unity3d自学之UGUI制作血条_第4张图片
调整到一个合适的大小


后面步骤与上面相似,将这个属性调为1

value

然后在视图中调整它为1的时候的大小(填充满就行了)


Unity3d自学之UGUI制作血条_第5张图片
合适大小

到现在为止UI已经做的差不多了。下面开始用代码来控制它

这里我为了方便起见用一个比较不好的方法,直接将最大值设置为了80

然后通过代码来控制Value值来达到减血的效果

调整

代码:

//获取到Slider组件

Slider  Slider= GameObject.Find("cc").transform.Find("Slider").GetComponent();

//通过slider.value = xxx;来控制进度条当前进度



*纯属个人做笔记写的不好见谅

你可能感兴趣的:(Unity3d自学之UGUI制作血条)