Unity_觸摸屏_實現圖片漸顯效果

將下列腳本掛載到需要漸顯的圖片上

using UnityEngine;
using UnityEngine.UI;

public class JianXian : MonoBehaviour
{
	//聲明imgFillAmount
	private Image imgFillAmount;
	//是否開始讀條
	bool isPlay = true;
	//計時用：初始時間
	float timer = 0;
	//計時用：讀條所用的全部時間
	float duration = 1;


	void Start()
	{
		//獲取到剛剛修改Image Type爲Filled的Image
		imgFillAmount = GetComponent<Image>();
	}

	void Update()
	{
		//判斷是否開始讀條
		if (isPlay)
		{
			//使timer根據時間增長
			timer += Time.deltaTime;
			//修改FillAmount的值
			//（使當前時間佔全部時間的比例爲FillAmount中0到1之間的值）
			imgFillAmount.fillAmount = Mathf.Lerp(0, 1, timer / duration);

			//計時器
			if (timer >= duration)
			{
				//停止讀條
				isPlay = false;
				//將timer還原爲0，爲下一次計時做準備
				timer = 0;
			}
		}


	}

    private void OnEnable()
    {
        isPlay = true;
    }
}

 

漸顯的圖片需要修改成如下 設置