Unity中血条ui制作
效果图 :
素材 :
第一个是自己随便画的,第二个是unity中新建的sprite。
那么开始 :
- 新建一个空物体,重命名为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时血条就空了。
脚本的编写下一篇写,可以自己完成脚本内容的可以跳过。
有疑问的话可以在评论区提出。