这篇文章为大家介绍两种血条的制作的方法
第一种就是使用Image搭配遮罩来制作一个血条。
1.新建一个unity工程,然后新建一个场景。
2.Hierarchy面板里新建一个Panel,在右边的inspector里将Color的其调为不透明,颜色调成灰色。
3.在Panel下面新建一个Image,将Rect Transform的Width调为400,Height调为50,为其选上一张适当的的背景图片作为血条的背景,将填充色调为黑灰色。
4.再在Panel下面新建一个Image,命名为fill,同样的将Rect Transform下的Width调为400,Height调为50,为其填充为蓝色,然后将fill设置为的Image的子级,并给Image添加Mask组件。这是左右拖动fill,就是产生如下效果。
5.接下我们为fill添加一个脚本来控制血量。
完成后改变currentHP的值就会发现血条的血量也会跟着变化.
第二种就是使用UGUI自身的的Slider来制作血条,这一种相对第一种来说简单许多。
1.新建一个场景,Hierarchy面板里新建一个Panel,在右边的inspector里将Color的其调为不透明,颜色调成灰色。
2.右击Panel,在UI下选择Slider,然后删除Handle Slide Area,并将Fill Area的Rect Transform的left和Right设置为0,将Fill的width设置为0.将slider的Width调为400,Height调为50。接着将Fill的颜色设置为绿色。设置好如下图所示。
3.下来来到Slider的inspector面板里将Max Value的值设置为100。然后运行工程拖动右侧Value的滑动条就可以控制血量。