Unity实现UGUI组件的渐隐渐现效果

最新推荐文章于 2025-06-06 08:48:00 发布

波波斯维奇

最新推荐文章于 2025-06-06 08:48:00 发布

阅读量3k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Untiy小技巧

本文链接：https://blog.youkuaiyun.com/qq_17367039/article/details/110441035

Unity实现UGUI组件的渐隐渐现效果

前言

在我们做的项目，有些界面切换的时候，如果不使用一些效果，就会显得切换的很生硬，所以有时候设计提需求实现那种渐隐渐现的效果，这个效果在Unity中也很好实现。以下是我自己整理的一个渐隐渐现效果的实现方法。

实现步骤

1.新建项目，在场景中新建一个Image组件和两个button，如下图所示：
在这里插入图片描述 2.在Image组件上添加Canvas Group组件，如下图所示：

3.创建ShowHideImage.cs脚本，用来控制Image组件的显隐效果，代码如下所示：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

/// <summary>
/// UI的渐入渐出
/// </summary>
public class ShowHideImage : MonoBehaviour
{
   
   
    private float UI_Alpha = 1;             //初始化时让UI显示