先看看实现完成的效果

效果2

下面看看实现方法
首先在Ui下面新建一个Slider控件

默认的效果差不多是这样

这并不是我们想要的效果,然后我们调整一下
首先将选中在面板中将它调整它的这个值为0

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

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

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

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

到现在为止UI已经做的差不多了。下面开始用代码来控制它
这里我为了方便起见用一个比较不好的方法,直接将最大值设置为了80
然后通过代码来控制Value值来达到减血的效果

网友评论