unity-UGUI如何制作血条

unity-UGUI如何制作血条

首页休闲益智我和我的血条更新时间:2024-04-16

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

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

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

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

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

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved