Unity_触摸屏_实现图片渐显效果

最新推荐文章于 2022-05-01 23:04:49 发布

黑狗向前跑

最新推荐文章于 2022-05-01 23:04:49 发布

阅读量851

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42137574/article/details/103763421

触摸屏专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种在Unity中实现图片渐显效果的方法。通过使用C#脚本，我们可以在游戏中平滑地显示图片，使其从完全透明逐渐变为完全可见。此方法利用了Image组件的fillAmount属性，并通过时间插值实现渐变效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将下列脚本挂载到需要渐显的图片上

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;
    }
}

渐显的图片需要修改成如下设置