制作血条_unity-UGUI如何制作血条

UI的制作在游戏当中是必不可少的，因为显示游戏信息非常的重要。那么在UI中血条就非常的重要了。而且它出现的也是非常频繁的。所以我们应该要学会血条的制作。其实这个也是非常简单的。那么做血条UI我们可以用UGUI，也可以用NGUI。在这里我用UGUI来做。先来看看效果吧：

这个是水平方向的填充，从左至右。右边是血量文本显示。也是非常的简单了。那么我们来看看怎么做吧。

首先，先说下原理，想做血条，我们就需要滑动条组件，然后我们可以用UGUI自带的Sliader组件，但是那个有点丑，我不是很想用，这里我自己做的滑动条。其实滑动条不是很难，你不会的话，看看自带的，别人怎么做的，然后依葫芦画瓢就可以了。我这里用两张图片把它搞定，其实滑动最关键的一个就是滑动条组件Sliader了；首先创建一个图片image,然后给它加上slider组件，它就是滑动条了。然后我们就这样还不行，我们需要给它加上填充物以及填充物的填充区域，复制一份这个image, 然后让它成为第一个image的子物体.我们把它的锚点设置成为全部填充大小也就是和父物体一样大。这样的话，我们的Slider就搞定了。然后把第二个iamge复制给Slider组件的填充物。来看看图：

这里有个值得注意的点，那就是它既然是滑动条，我既可以用代码来控制它的滑动条度，当然也可以直接用鼠标点击来调整。为什么呢？因为它是Slider，UI是有事件的。所以为了避免这样的情况发生，我们想要就是只能用代码来控制填充就好，那么应该怎么做呢？很简单，我们把Slider组件下面的一个叫Interactable的属性取消勾选就可以了。因为它表示可以在外界更改。好了，其他的点就没什么了，这里直接上代码：

以上就是本次全部内容了，不喜勿喷哦！