UGUI制作技能冷却

 

本篇Unity3d教程我们来学习在在Unity New UI中来制作技能冷却,看下效果图,如下

首先要建一个Image,Create->UI->Image,

之后把图片ImageType设置成Filled,如下图

 
Fill Amount为1是显示图片,0是不显示图片
 
之后添加一个脚本Skill,在脚本中获取这个图片并设置fillAmount来达到技能冷却的效果,代码如下
</div>
<div>

using UnityEngine;
using System.Collections;

public class Skill : MonoBehaviour
{

private bool finished = true;

/// &lt;summary&gt;
/// 释放技能
/// &lt;/summary&gt;
public void DoSkill()
{
if(finished)
{
finished = false;
StartCoroutine(SetSkillValue());
}
}

/// &lt;summary&gt;
/// 设置技能填充值
/// &lt;/summary&gt;
/// &lt;returns&gt;&lt;/returns&gt;
private IEnumerator SetSkillValue()
{
for (int i = 0; i &lt;= 100;i++ )
{
this.GetComponent&lt;UnityEngine.UI.Image&gt;().fillAmount = i*0.01f;
yield return new WaitForSeconds(0.01f);
}
finished = true;
}
}

</div>
<div>
然后把该脚本绑定到每个Skill图片上,同时为图片添加PointerClick事件,事件调用Skill.cs中DoSkill方法,好了,本篇Unity教程到此结束!
下面是例子下载地址: