這篇文章主要為大家展示了Unity如何實現UI漸變效果,內容簡而易懂,希望大家可以學習一下,學習完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
創新互聯建站專注于企業營銷型網站、網站重做改版、新邱網站定制設計、自適應品牌網站建設、H5技術、電子商務商城網站建設、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務,價格優惠性價比高,為新邱等各大城市提供網站開發制作服務。
在做背包系統時,在提示面板中想實現的更加炫酷點,決定使用漸變效果來提示檔次
漸變效果實現采用改變該UI的透明度來控制其顯示和隱藏
在UI對象上添加Canvas Group組件
通過控制Alpha改變其透明度來控制顯示和隱藏(Alpha=0隱藏;Alpha=1顯示)(Blocks Raycasts=true可以交互;Blocks Raycasts=false無法交互)
添加一個腳本改在到該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(); } 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如何實現UI漸變效果的內容,如果你們有學習到知識或者技能,可以把它分享出去讓更多的人看到。