欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Unity中实现UI渐隐渐显的效果

程序员文章站 2022-03-13 23:34:14
...

1、在UI对象上添加组件:CanvasGroup;

2、在对象上添加脚本:UI_FadeInFadeOut 脚本;

Unity中实现UI渐隐渐显的效果

脚本信息:

(Blocks Raycasts=true可以交互;Blocks Raycasts=false无法交互)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
/// <summary>
/// UI的渐入渐出
/// </summary>
public class UI_FadeInFadeOut : MonoBehaviour {
    private float UI_Alpha = 1;             //初始化时让UI显示
    public float alphaSpeed = 2f;          //渐隐渐显的速度
    private CanvasGroup canvasGroup;

	// Use this for initialization
	void Start () {
        canvasGroup = this.GetComponent<CanvasGroup>();
    }
	
	// Update is called once per frame
	void Update () {
        if (canvasGroup == null)
        {
            return;
        }

        if (UI_Alpha != canvasGroup.alpha)
        {
            canvasGroup.alpha = Mathf.Lerp(canvasGroup.alpha, UI_Alpha, alphaSpeed * Time.deltaTime);
            if (Mathf.Abs(UI_Alpha - canvasGroup.alpha) <= 0.01f)
            {
                canvasGroup.alpha = UI_Alpha;
            }
        }
	}

    public void UI_FadeIn_Event()
    {
        UI_Alpha = 1;
        canvasGroup.blocksRaycasts = true;      //可以和该对象交互
    }

    public void UI_FadeOut_Event()
    {
        UI_Alpha = 0;
        canvasGroup.blocksRaycasts = false;     //不可以和该对象交互
    }


}

3、需要显示时,添加  UI_FadeIn_Event()  事件;

4、需要隐藏时,添加  UI_FadeOut_Event()  事件;

5、注意:父物体隐藏和显示时,子物体同样也隐藏和显示。


相关标签: UI