溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Unity如何實現(xiàn)UI漸變效果

發(fā)布時間:2020-08-03 11:42:15 來源:億速云 閱讀:372 作者:小豬 欄目:編程語言

這篇文章主要為大家展示了Unity如何實現(xiàn)UI漸變效果,內容簡而易懂,希望大家可以學習一下,學習完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。

在做背包系統(tǒng)時,在提示面板中想實現(xiàn)的更加炫酷點,決定使用漸變效果來提示檔次

漸變效果實現(xiàn)采用改變該UI的透明度來控制其顯示和隱藏

在UI對象上添加Canvas Group組件

通過控制Alpha改變其透明度來控制顯示和隱藏(Alpha=0隱藏;Alpha=1顯示)(Blocks Raycasts=true可以交互;Blocks Raycasts=false無法交互)

Unity如何實現(xiàn)UI漸變效果

添加一個腳本改在到該UI對象上

using UnityEngine;
using System.Collections;
using UnityEngine.UI;
 
public class ToolTilePanel : MonoBehaviour
{
 private float alpha = 0.0f;
 private float alphaSpeed = 2.0f;
 
 private CanvasGroup cg;
 
 void Start ()
 { 
 cg = this.transform.GetComponent<CanvasGroup>(); 
 }
 
 void Update ()
 {
 if (alpha != cg.alpha)
 {
 cg.alpha = Mathf.Lerp(cg.alpha,alpha,alphaSpeed * Time.deltaTime);
 if (Mathf.Abs(alpha-cg.alpha)<=0.01)
 {
 cg.alpha = alpha;
 }
 }
 }
 
 public void Show()
 {
 alpha = 1;
 
 cg.blocksRaycasts = true;//可以和該UI對象交互
 }
 
 public void Hide()
 {
 alpha = 0;
 
 cg.blocksRaycasts = false;//不可以和該UI對象交互
 }

當需要顯示UI對象時,調用Show方法;反之,調用Hide方法

以上就是關于Unity如何實現(xiàn)UI漸變效果的內容,如果你們有學習到知識或者技能,可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI