【Unity】 DoTween对UI进行DoFade操作存在问题及解决办法

本文主要是介绍【Unity】 DoTween对UI进行DoFade操作存在问题及解决办法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Unity DoTween对UI进行DoFade操作存在问题

Unity版本：5.2, 5.4

当使用this.GetComponent<Image>().material.DOFade(0, 2).SetEase(Ease.InBounce);来对UGUI的Image进行褪色操作的时候本质是对UI的Graphic对象（Text，Image等都为Graphic的子类）的material进行操作,下例是对Text组件进行褪色操作：Transform.GetComponent().material.DoFade(0,1)。虽然脚本只挂在一个Text组件的物体上，但1秒之后发现，整个UI界面全部变为透明。
（我也很纳闷，cube01.GetComponent<Renderer> ().material.color = Color.black;这样的代码照理说是这样执行的（http://www.jianshu.com/p/ababf547d992）：

Material lastMat = cube01.GetComponent<Renderer> ().material;
Material m = Instantiate(lastMat) as Material;
cube01.GetComponent<Renderer> ().material = m;
m.color = Color.black;

应该是最自己持有的material进行操做。。。
）

经测试发现，所有使用缺省material的组件都是使用的默认的material，而这个material只存在一份，所有UI组件使用的默认material都只是该material的引用，在DoTween对其进行褪色操作之后，该material的alpha值保持为0不变，且游戏重新开始也不会将其alpha值重置为1。

解决办法:

导入DoTween后请确保Setup DoTween， Tools/DoTween Utility Panel/Setup DoTween…。导入后就可以使用Image.DoFade了。
使用Unity自带的Graphic.CrossFadeAlpha(float alpha, float duration, bool ignoreTimeScale)函数来操作
自己扩展DoTween的方法，下面是我扩展的一个例子,可以参考DoTwen官网的Creating custom plugins example

////
////  DoFadeTest.cs
////  Project: GUITest
////
////  Created by zhiheng.shao
////  Copyright  2016年 zhiheng.shao. All rights reserved.
////
////  Descriptionusing UnityEngine;
using System.Collections;
using DG.Tweening;
using UnityEngine.UI;
using DG.Tweening.RickExtension;public class DoFadeTest : MonoBehaviour
{// Use this for initializationvoid Start(){this.GetComponent<Image>().DOFade(0, 2).SetEase(Ease.InBounce);}
}namespace DG.Tweening.RickExtension
{public static class DOTweenExteion{public static Tweener DOFade(this Image image, float endValue, float duration){Debug.Log("CustomDoFade");return DOTween.To(image.AlphaGetter, image.AlphaSetter, endValue, duration);}private static float AlphaGetter(this Image image){return image.color.a;}private static void AlphaSetter(this Image image, float alpha){Color oldColor = image.color;oldColor.a = alpha;image.color = oldColor;}}
}