Unity 整体界面淡入淡出效果

在Unity中，如果我们要实现控制多个组件同时淡出，同时淡入的效果，可以使用DOTween插件实现。

如图，一个页面中带有背景，一张图片，一个文本，一个滑动条。

要实现以上界面的整体淡入淡出，可以按照以下步骤实现。

1、首先保证场景中已导入DOTween插件，然后新建一个空物体，作为以上4个组件的父物体。如下图：

2、在该父物体上，添加Canvas Group组件，如下图：

3、创建两个控制淡入淡出的按钮

4、创建控制脚本EffectCon1.cs。

using DG.Tweening;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class EffectCon1 : MonoBehaviour
{public CanvasGroup canvasGroup;// Start is called before the first frame updatevoid Start(){}// Update is called once per framevoid Update(){}public void UIin(){canvasGroup.DOFade(1, 2);  //控制界面淡入}public void UIout(){canvasGroup.DOFade(0, 2);  //控制界面淡出}
}

其中，UIin()方法为按钮1点击事件，控制界面淡入，UIout()方法为按钮2点击事件，控制界面淡出。以上方法通过DOFade()方法，控制Canvas Group的Alpha值，从而实现界面的淡入淡出。

5、完成：