也谈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;
}
}