在Unity中，如果我們要實(shí)現(xiàn)控制多個(gè)組件同時(shí)淡出，同時(shí)淡入的效果，可以使用DOTween插件實(shí)現(xiàn)。

如圖，一個(gè)頁面中帶有背景，一張圖片，一個(gè)文本，一個(gè)滑動(dòng)條。

要實(shí)現(xiàn)以上界面的整體淡入淡出，可以按照以下步驟實(shí)現(xiàn)。

1、首先保證場(chǎng)景中已導(dǎo)入DOTween插件，然后新建一個(gè)空物體，作為以上4個(gè)組件的父物體。如下圖：

2、在該父物體上，添加Canvas Group組件，如下圖：

3、創(chuàng)建兩個(gè)控制淡入淡出的按鈕

4、創(chuàng)建控制腳本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點(diǎn)擊事件，控制界面淡入，UIout()方法為按鈕2點(diǎn)擊事件，控制界面淡出。以上方法通過DOFade()方法，控制Canvas Group的Alpha值，從而實(shí)現(xiàn)界面的淡入淡出。

5、完成：