unity制作血条

unity制作血条

在hierarchy中create->UI->image（重命名为border），将血条框拖入Source Image ，Set Native Size（防止变形)

在Canvas下create empty，命名为Health Bar，将其边框设置和血条框大小一样（为了控制填充物范围），将border拖到Health Bar下面，作为Health Bar的子类

在Health Bar中，create->UI->image(Fill，血条填充物)，将它置于border下面，与border处于同级关系，在Inspector中Rect Transform选中Alt+四面填充

在Health Bar中，Add Component添加一个组建Slider ,将transition和navigation设置为none，将Hierarchy中的Fill拖入到Health Bar中Inspector->Fill Rect，此时，拖动value即可看到血条变化

border中，在Inspector中Rect Transform选中四面填充

添加心形
Health Bar，create->UI->image（heart），将心形精灵拖入Source Image ，Set Native Size（保持原有大小或者调整合适大小)，在Inspector中Rect Transform选中左侧，表示在血条左边。

血条颜色填充
在Fill中，Inspector->Color，提取和心相同颜色。

参考视频：

https://www.bilibili.com/video/BV18d4y1J7Sz/?spm_id_from=333.337.search-card.all.click&vd_source=4e7c5995171bec59649b5b912e9f979e