UGUI_03_补充之_Image的属性_Filled样式(制作技能冷却效果)

1、制作技能冷却功能，如下所示。

2、制作过程：
2.1、如下所示，第一层image（1），主要是技能外边框，放上带边框的UI即可，添加上button组件。

2.2第二层image，放上技能UI即可。

2.3、第三层Image，也放上同一张技能UI，但是需要设置一下颜色和透明度，将颜色调整为黑色，a值设置为半透明即可，

2.4编写脚本。
public class SkillItem : MonoBehaviour
{
public Image fillImage;//遮挡技能的图片
public float timer=0;//计时器。
public float ColdTime=2f;//冷却时间
public Button clickBtn;
private bool OpenTime=false;//标志位，表示开始计时。
private void Start()
{
clickBtn.onClick.AddListener(BtnEvent);
}
private void Update()
{
if (OpenTime)
{
timer += Time.deltaTime;
fillImage.GetComponent().fillAmount = (ColdTime - timer) / ColdTime;//当前所剩时间的比例。
if (timer>= ColdTime)
{
fillImage.GetComponent().fillAmount = 0;
timer = 0;
OpenTime = false;
}
}
}
private void BtnEvent()
{
OpenTime = true;
}
}

3、制作冷却技能方法总结：
1）、第一层image上面放置UI技能边框，添加上button组件
2）、第二层image放上带技能的UI
3)、第三层的image上面也放上同样的技能ui，但是需要调节成黑色半透明