本来认为这是一个很简单的事情（事实就是），但是水平不够导致我做了好久。

导入资源图片，点击图片，修改图片类型为sprite

 

新建ui- button ，添加子物体image，在image属性面板添加原图片（刚才修改图片类型的那张图片)

再次新建image（1)添加源图片。

修改第二个image属性，

 修改图片类型为filled，可以改bottom为top，加深颜色做出冷却技能时候的效果，滑动fillamount可以看一下效果。

 

给button挂载代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class Skill : MonoBehaviour {public float cooldownTime = 2;float timer;    //计时器public Image image;public KeyCode keycode; // Use this for initializationvoid Start () {timer = cooldownTime;}public void ReleaseSkill(){if(timer>cooldownTime){Debug.Log("释放技能！");timer = 0;}}// Update is called once per framevoid Update () {timer += Time.deltaTime;image.fillAmount = (cooldownTime - timer) / cooldownTime;if(Input.GetKeyDown(keycode)){ReleaseSkill();}}
}

skill是脚本名称。releaseskill是释放技能。

都看到这里了，点个赞再走吧。