也谈Unity血条的制作

如果百度一下，会有很多很多关于血条的制作方法。经过试验，总结了最最简单、有效的方法：

1、创建一个Canvas，设置为WorldSpace模式，作为子物体挂到需要显示血条的角色物体下面，设置一下位置和Scale，让他大小和位置比较适合角色。

2、在Canvas里面加一个Image，改名为Background，背景图片选UISprite或者Background都可，颜色选择背景色，比如红色。Anchors设置为（min（0,0）max（1,1）），这样如果Canvas大小改变，会随着父类改变尺寸。

3、在Background下再建一个Image，改名为HealthBar，背景图片设置同上，颜色任意比如绿色，关键是，设置Anchors为（min（0,0）,max（1,1）），Pivot设置为（0,0.5），这样，这个图片大小改变时，总是左边对齐的。

添加一个脚本代码如下：

class HealthBar : MonoBehaviour
{
    [SerializeField, Tooltip("血量最大值")] protected float m_MaxHealth;
    
    protected float m_ParentWidth;
    protected RectTransform m_HealthBar;
    protected float m_CurHealth;

    public float CurrentHealth
    {
        get { return m_CurHealth; }
        set
        {
            m_CurHealth = value;
            RecalcSize();
        }
    }

    public float MaxHealth
    {
        get { return m_MaxHealth; }
        set
        {
            m_MaxHealth = value;
            RecalcSize();
        }
    }

    private void Awake()
    {
        RectTransform background = transform.Find("Background").GetComponent<RectTransform>();
        m_ParentWidth = background.rect.width;
        m_HealthBar = transform.Find("Background/Healthbar").GetComponent<RectTransform>();
        m_CurHealth = m_MaxHealth;
        RecalcSize();
    }

    private void RecalcSize()
    {
        if (m_CurHealth > m_MaxHealth)
            m_CurHealth = m_MaxHealth;
        if (m_CurHealth <= 0)
            m_CurHealth = 0;

        m_HealthBar.sizeDelta = new Vector2(m_CurHealth / m_MaxHealth * m_ParentWidth, m_HealthBar.sizeDelta.y);
    }

    private void Update()
    {
        // 这里不能单纯的用lookat，因为血条会跟随角色旋转。
        transform.rotation = Camera.main.transform.rotation;
    }
}