歡迎您光臨本站 註冊首頁

Unity利用UGUI製作提示框效果

←手機掃碼閱讀     madbeef @ 2020-06-22 , reply:0

本文實例為大家分享了Unity利用UGUI製作提示框的具體代碼,供大家參考,具體內容如下

用到的工具DOTween 這個插件很好用的 大家可以去百度搜一下 

先看一下效果

先上腳本

  using DG.Tweening;  using UnityEngine;  using UnityEngine.UI;     public class ShowTip : MonoBehaviour  {   public CanvasGroup tips;   public void OnClickBtn()   {   ShowTips(tips, "Hello world");   }      private void ShowTips(CanvasGroup tipCanvasGroup, string msg)   {   tipCanvasGroup.GetComponentInChildren().text = msg;      tipCanvasGroup.alpha = 0;   DOTween.Kill(tipCanvasGroup);   Sequence sequence = tipCanvasGroup.DOSequence();   sequence.Append(tipCanvasGroup.DOFade(1, 0.8f));   sequence.AppendInterval(2.0f);   sequence.Append(tipCanvasGroup.DOFade(0, 1.0f));   }  }     public static class GameObjExt  {   public static Sequence DOSequence(this UnityEngine.Object seq)   {   Sequence sequence = DOTween.Sequence();   sequence.target = seq;      return sequence;   }  }

 

首先創建一個 Image也就是提示框圖片 添加上 CanvasGroup 組件  注意 子節點加上一個 Text 利於顯示提示文字

然後為Button添加上 點擊事件 測試效果

最後把 Image隱藏  就是把 CanvasGroup 的A調成0

然後運行點擊Btn測試吧

                                                       

   


[madbeef ] Unity利用UGUI製作提示框效果已經有258次圍觀

http://coctec.com/docs/program/show-post-239416.html