温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Unity如何实现UI渐隐渐显效果

发布时间:2020-08-03 11:44:59 来源:亿速云 阅读:452 作者:小猪 栏目:编程语言

小编这次要给大家分享的是Unity如何实现UI渐隐渐显效果,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

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、注意:父物体隐藏和显示时,子物体同样也隐藏和显示。

看完这篇关于Unity如何实现UI渐隐渐显效果的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI