Unity 角色血条的简单实现

1.素材准备

本次绘制了三张图片，分别用于表示血条，缓冲血条，血条的外框。

2.创建Image对象

若开始未创建Canvas即画布，会默认创建一个画布，并将创建的Image对象作为创建画布的子对象。此次需要在同一画布下创建三个Image。

3.配置Canvas和Image

Canvas配置：本次面向的场景是跟随在游戏角色身上的血条，因此需要将Canvas的Render Mode设置为Wrold Space即世界坐标，在世界坐标下才可以调节Canvas的大小。

Image配置：点击Set Native Size可将图片的大小设置为图片的默认大小，将图片设置为填充类型Filled,填充方式设置为Horizontal即水平填充，填充的起始位置Fill origin默认为Left,刚好适应此次要求。
在层级窗口中同一画布下，图片对象的越靠下，在场景中显示的位置越靠前。