Unity UGUI技巧 之 UI渐隐渐现的效果快速实现

 时间:2024-10-14 05:43:40

Unity UGUI技巧 之 UI渐隐渐现的效果快速实现。本节介绍UGUI实现渐隐渐现的效果的简单案例,具体如下

工具/原料

Unity

UGUI

UGUI技巧 之 UI渐隐渐现的效果快速实现

1、打开Unity,新建一个工程,具体如下图

Unity UGUI技巧 之 UI渐隐渐现的效果快速实现

3、在工程中,新建一个脚本“UIFadeTest”,双击脚本或者右键“Open C# Project”打开脚本,具体如下图

Unity UGUI技巧 之 UI渐隐渐现的效果快速实现

5、“UIFadeTest”脚本具体内容如下:usingUnityEngine;[RequireComponent(typeo熠硒勘唏f(CanvasGroup))]publicclassUIFadeTest:MonoBehaviour{publicfloatfadeSpeed=1.0f;privateCanvasGroupcanvasGroup; privatefloatalpha=1.0f;privatestaticUIFadeTestinstance; publicstaticUIFadeTestInstance{ get{returninstance; } }//Usethisforinitialization voidStart(){instance=this; canvasGroup=this.gameObject.GetComponent<CanvasGroup>(); } //Updateiscalledonceperframe voidUpdate(){if(alpha!=canvasGroup.alpha){canvasGroup.alpha=Mathf.Lerp(canvasGroup.alpha,alpha,fadeSpeed*Time.deltaTime); if(Mathf.Abs(canvasGroup.alpha-alpha)<0.05f){canvasGroup.alpha=alpha; } } }publicvoidUIShow(){alpha=1.0f; canvasGroup.blocksRaycasts=true; }publicvoidUIHide(){alpha=0.0f; canvasGroup.blocksRaycasts=false; }}

6、脚本编译正确,回到Unity界面,把脚本“UIFade哌囿亡噱Test”赋给“Image”,然后在新建一个脚本“ToCallUIFadeTest”,并打开脚本,具体如下图

Unity UGUI技巧 之 UI渐隐渐现的效果快速实现

8、“ToCallUIFadeTest”脚本具体内容如下:

9、脚本编译正确,回到Unity界面,在场景中新建一个“GameObject”,把脚本“ToCallUIFadeTest”赋给“GameObject”,具体如下图

Unity UGUI技巧 之 UI渐隐渐现的效果快速实现

11、到此,《Unity UGUI技巧 之 UI渐隐渐现的效果快速实现》讲解结束,谢谢

  • 青少年与父母产生隔阂,父母应该如何做
  • php怎么遍历数组元素
  • 如何用jquery判断是否为数字?
  • 三国杀手杀豆怎么获得
  • 厄斐琉斯的黑夜使者皮肤应该如何进行购买
  • 热门搜索
    医疗旅游 哈尔滨旅游景点大全 广东省旅游职业技术学校 澳大利亚旅游景点 国际旅游岛商报 宜春旅游 夕阳红旅游 贵港旅游 旅游网页 内蒙旅游攻略