Unity3d自学之UGUI制作血条
2017-09-29 本文已影响0人
千云_android
先看看实现完成的效果
![](https://img.haomeiwen.com/i5956949/0093fc2804f065d3.png)
效果2
![](https://img.haomeiwen.com/i5956949/2bfe7b0202c09264.png)
下面看看实现方法
首先在Ui下面新建一个Slider控件
![](https://img.haomeiwen.com/i5956949/535748435d859ff3.png)
默认的效果差不多是这样
![](https://img.haomeiwen.com/i5956949/2a6ad17656735938.png)
这并不是我们想要的效果,然后我们调整一下
首先将选中在面板中将它调整它的这个值为0
![](https://img.haomeiwen.com/i5956949/24e74b1c1dbe37b6.png)
之后我们在它下面找到这个控件,并选中它
![](https://img.haomeiwen.com/i5956949/bb9b20ac3191046d.png)
然后在视图中调整它为0的时候的大小(远距离差不多看不到就行了)
![](https://img.haomeiwen.com/i5956949/9f1dde30b0c10af6.png)
后面步骤与上面相似,将这个属性调为1
![](https://img.haomeiwen.com/i5956949/a1eda439fc84996b.png)
然后在视图中调整它为1的时候的大小(填充满就行了)
![](https://img.haomeiwen.com/i5956949/60958bc54bb55743.png)
到现在为止UI已经做的差不多了。下面开始用代码来控制它
这里我为了方便起见用一个比较不好的方法,直接将最大值设置为了80
然后通过代码来控制Value值来达到减血的效果
![](https://img.haomeiwen.com/i5956949/039b66bb6e5e9187.png)