Unity中血条ui制作(一)

Unity中血条ui制作(一)

效果图 ：

素材 ：

第一个是自己随便画的，第二个是unity中新建的sprite。

那么开始 ：

1. 新建一个空物体，重命名为HealthBar。
   HealthBar下新建3个空物体，分别命名为BackGround1，BackGround2，Bar。
   Bar下新建空物体命名为BarSprite。
   
   2.给BackGround2和BarSprite挂上组件SpriteRenderer，即
   Sprite渲染器。新建一个正方形的Sprite。把这个sprite赋给他们两个的spriterenderer组件。
   
   
   把BacGround2的SpriteRenderer颜色改为灰色
   把BarSprite的SpriteRenderer颜色改为红色，或者其他什么颜色随便你。
   Background1上也挂上SpriteGround组件，找一个好看的图片赋给它，用来做血条框。
   设至Background1，Background2，BarSprite的图层分别为0，1，2.
   
   调整3个子物体的大小形状至合适。
   得到这样 ：
   
   3.样子做出来后，Background1，Background2，Bar，BarSprite的位置应当是没有发生改变的，即他们的位置都是
   因为调整大小，形状不需要改变位置。

现在向右移动BarSprite位置至右边边界。这样：
在移动BarSprite的父物体Bar，向左移回来。这样 ：
这样移动后你改变Bar的缩放，会发现血条是以左边边界为轴缩放的。这样 ：

下面是我的血条中Bar子物体的Transform值。

这是BarSprite的Transform

完成上面步骤后可以看见我们只用在Bar上挂脚本，随血量改变Bar.transform
的缩放的x轴的值就可以实现血条效果。
x值为1时血条是满的，x = 0时血条就空了。

脚本的编写下一篇写，可以自己完成脚本内容的可以跳过。
有疑问的话可以在评论区提出。