横条血条

想法：
1.创建一个画布，画布里面包含血条：

HealthBar：空对象
Fill：image（血条填充物）
Border：image（血条框）
Heart：image（心脏图标）
2.为HealthBar对象添加HealthBar脚本和Slider组件：

为角色对象添加HealthBar对象作为成员变量。

在游戏开始时为角色设定maxHealth，currentHealth，并调用相应的HealthBar函数:SetMaxHealth，SetHealth。
当受到伤害时，减少生命值并重新设定currentHealth，

流程：player->HealthBar->Slider

HealthBar代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class HealthBar : MonoBehaviour
{
    public Slider slider;
    public Gradient gradient;
    public Image fill;
    public void SetMaxHealth(int maxHealth)
    {
        slider.maxValue = maxHealth;
        slider.value = maxHealth;
        fill.color = gradient.Evaluate(1f);
    }
    public void SetHealth(int health)
    {
        slider.value = health;
        fill.color = gradient.Evaluate(slider.normalizedValue);

    }
}

fill.color = gradient.Evaluate(1f);
设置fill的颜色为gradient在100%出的颜色

slider.normalizedValue
滑块的当前值标准化为 0 到 1 之间的值。

注意点：
1.

角色的canvas为屏幕空间覆盖

而怪物的canvas为世界坐标

2.血条要在canvas中否则不会显示
3.怪物的血条注意改变图层防止不显示
4.可以先将怪物的血条调整至合适的大小和位置（怪物上方·）然后在将血条作为怪物的子对象，这样血条就会跟着怪物。

心脏个数血条

想法：
1.创建一个画布，画布里面包含血条

HealthBar2：空对象
Heart：image

2.有三个变量：
hearts：数组，其长度是角色点满天赋后的最大生命量
CurrentMaxHealth：当前最大生命
CurrentHealth：当前生命

CurrentMaxHealth<hearts.length的那部分显示，其余部分不显示
CurrentHealth<CurrentMaxHealth的那部分显示红心或半心，其余部分显示空心

代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class HealthBar2 : MonoBehaviour
{
    public Image[] hearts;//角色所有阶段最大生命值
    public float CurrentMaxHealth;//当前最大生命值
    public float CurrentHealth;//当前生命值

    public Sprite HalfHeart;
    public Sprite FullHeart;
    public Sprite EmptyHeart;

    private void Update()
    {
        for (int i = 0; i < hearts.Length; i++)
        {
            if (i < CurrentHealth)
            {
                hearts[i].sprite = FullHeart;
            }
            else if (i - CurrentHealth == 0.5)
            {
                hearts[i-1].sprite = HalfHeart;
                hearts[i].sprite = EmptyHeart;
            }
            else
            {
                hearts[i].sprite = EmptyHeart;
            }
            if (i < CurrentMaxHealth)
            {
                hearts[i].enabled = true;
            }
            else
            {
                hearts[i].enabled = false;
            }

        }
    }

    public void SetHealth(float currentHealth)
    {
        CurrentHealth = currentHealth;
    }

    public void SetMaxHealth(float currentMaxHealth)
    {
        CurrentMaxHealth = currentMaxHealth;
    }
}

注意点：
1.

else if (i - CurrentHealth == 0.5)
            {
                hearts[i-1].sprite = HalfHeart;
                hearts[i].sprite = EmptyHeart;
            }

这一部分举个例子：
7-6.5==0.5的时候要对第i-1个心脏设置半心，而这样结束后i会加一，然后忽略掉了第i个心脏的设置，所以还要对第i个心脏进行设置。

2.心脏的排列我添加了网格布局

效果图：