UGUI血条渐渐减掉实现

好久没写文章了。那天有人问我游戏人物血条如何慢慢减掉。今天写一下吧。首先上个动态图，看效果：

 

在之前的文章中讲过如何实现技能冷却的效果（上图中技能冷却效果），血条的慢慢减小原理和技能冷却的是一样的。

 

下面是具体步骤： 

 

1.首先先新建一个scrollbar 作为血条，然后把 Handle的颜色改成红色，并且把ImageType改成Filled.，把填充方式改成水平的（见下图：）

 


2.然后开始用脚本控制血条
我脚本绑定的位置是技能冷却的图片，然后把Handle拖到指定位置（如下图：）
 

技能冷却代码和血条渐渐减小代码如下

(代码中写了详细的注释这里不再赘述)：

 

using UnityEngine;
using System.Collections;
using UnityEditor;
using UnityEngine.UI;
public class skillcd : MonoBehaviour
{
    public Image hps;
    private Image spcd;
    private bool cooling, hpstart;
    private float hurt = 0.2f, all = 1;
    // Use this for initialization
    void Start()
    {
        hps.fillAmount = 1f;//血量
 
        spcd = this.GetComponent<Image>();//获取组件方法
        spcd.fillAmount = 0;//冷却值
    }
 
    // Update is called once per frame
    void Update()
    {
        if (cooling == false && Input.GetKeyDown(KeyCode.R))//放技能
        {
 
            hpstart = true;
            spcd.fillAmount = 1f;
            cooling = true;//冷却条件
 
 
        }
 
        if (cooling)
        {
 
            spcd.fillAmount -= 0.2f * Time.deltaTime;
            if (spcd.fillAmount < 0.01f)//冷却完毕
            {
                spcd.fillAmount = 0;
                cooling = false;
            }
        }
 
         
        //血量逻辑开始
        if (hpstart)
        {
            Debug.Log("血量：" + hps.fillAmount);
 
            hps.fillAmount = (hps.fillAmount -= 0.1f * Time.deltaTime) * hps.fillAmount / (hps.fillAmount);
 
            if (hps.fillAmount <= (all - hurt))//当前血量值 小于等于 目标血量值
            {
                Debug.Log("ting");
 
                hpstart = false;
                all = hps.fillAmount;//总血量值 被赋值 当前血量值
            }
 
            Debug.Log("血量2：" + hps.fillAmount);
        }
    }
}

 

就这样就实现了这个功能，So Easy!