Unity如何實(shí)現(xiàn)UI漸隱漸顯效果

發(fā)布時(shí)間：2020-08-03 11:44:59 來(lái)源：億速云閱讀：452 作者：小豬欄目：編程語(yǔ)言

小編這次要給大家分享的是Unity如何實(shí)現(xiàn)UI漸隱漸顯效果，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

1、在UI對(duì)象上添加組件：CanvasGroup;

2、在對(duì)象上添加腳本：UI_FadeInFadeOut 腳本；

腳本信息：

（Blocks Raycasts=true可以交互；Blocks Raycasts=false無(wú)法交互）

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
/// <summary>
/// UI的漸入漸出
/// </summary>
public class UI_FadeInFadeOut : MonoBehaviour {
 private float UI_Alpha = 1;    //初始化時(shí)讓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;  //可以和該對(duì)象交互
 }
 public void UI_FadeOut_Event()
 {
  UI_Alpha = 0;
  canvasGroup.blocksRaycasts = false;  //不可以和該對(duì)象交互
 }
}

3、需要顯示時(shí)，添加 UI_FadeIn_Event() 事件；

4、需要隱藏時(shí)，添加 UI_FadeOut_Event() 事件；

5、注意：父物體隱藏和顯示時(shí)，子物體同樣也隱藏和顯示。

看完這篇關(guān)于Unity如何實(shí)現(xiàn)UI漸隱漸顯效果的文章，如果覺(jué)得文章內(nèi)容寫(xiě)得不錯(cuò)的話，可以把它分享出去給更多人看到。

向AI問(wèn)一下細(xì)節(jié)

Unity如何實(shí)現(xiàn)UI漸隱漸顯效果

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽