先看看实现完成的效果
效果2
下面看看实现方法
首先在Ui下面新建一个Slider控件
Slider
默认的效果差不多是这样
默认
这并不是我们想要的效果,然后我们调整一下
首先将选中在面板中将它调整它的这个值为0
value
之后我们在它下面找到这个控件,并选中它
fill
然后在视图中调整它为0的时候的大小(远距离差不多看不到就行了)
调整到一个合适的大小
后面步骤与上面相似,将这个属性调为1
value
然后在视图中调整它为1的时候的大小(填充满就行了)
合适大小
到现在为止UI已经做的差不多了。下面开始用代码来控制它
这里我为了方便起见用一个比较不好的方法,直接将最大值设置为了80
然后通过代码来控制Value值来达到减血的效果
调整