Unity中DoTween的使用

在Unity手游開發中，經常用到插值運算，我們可以使用Mathf.Lerp自行去實現效果，但是使用插件提高了我們的開發效率，這里歸結一下DoTween的基本使用方式以及效果說明：

直接代碼：

using DG.Tweening;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class OwnTextDoTween : MonoBehaviour {
    //DoTween.To();
    public int value;
    public GameObject cube;
    Vector3 myValue = new Vector3(0, 0, 0);

    //打字機
    //text.DoText()
    public Text text;

    //屏幕震動效果
    // mainCamera.DOShakePosition()
    public Camera mainCamera;

    //冷卻Image
    public Image image;

    public float start = 1;//fillAmount最大值
    public float end = 0;//fillAmount最小值

    void Start()
    {
        #region 1. DOTween.To() 對變量做一個動畫，通過插值的方式修改一個值的變化
        ///對變量做一個動畫，通過插值的方式修改一個值的變化
        //A.    用兩秒的時間從0變化到50

        //()=> value,表示返回值為value,x=>value=x,表示將系統計算好的x值(當前值到目標值的插值)賦給value,50,表示達到的目標值，5表示所需時間

        //  value = 0;
        //  DOTween.To(() => value, x => value =x, 50,5);


        //B.     控制Cube或UI面板的動畫

        ///1)、將腳本掛在Cube上，並且在Update方法中把myValue的值賦給當前位置，這樣便實現了Cube從當前位置移動到了目標位置 
        ///用兩秒的時間從0,0,0變化到10,10,10
        ///()=> myValue,表示返回值為myValue,x=>myValue=x,表示將系統計算好的x值(當前值到目標值的插值)賦給myValue,new Vector3(10,10,10),表示達到的目標值，5表示所需時間

        // DOTween.To(() => myValue, x => myValue = x, new Vector3(10, 10, 10), 5);


        #endregion

        #region 5.  FromTween:表示讓物體從目標位置移動到當前位置，即等同於播放反向的移動動畫

        //1.     DOMoveX()、DOMoveY()、DOMoveZ()

        ///A. 如果只是讓物體的單個坐標移動，可直接用DOMoveX()、DOMoveY()、DOMoveZ()方法控制移動動畫,參數為(目標位置，所需時間)
        // Tweener tweer =cube.transform.DOMoveX(10, 3);

        ///B. DoTween中任何調用動畫的方法后面都可以添加From(),表示從目標位置移動到當前位置
        // tweer.From();

        ///C. From(true)表示目標坐標等於當前坐標加上當前目標坐標，如果物體當前坐標為2，那么這行代碼表示從目標位置(10+ 2),經過1秒，移動到當前位置(2)
        /// tweer.From(true);

        //2.  DOLocalMoveX()、DOLocalMoveY()、DOLocalMoveZ()

        ///  表示局部坐標的位移動畫方法。DoTween中所有對動畫的設置都是通過對象Tweener來完成的

        // Tweener tweener = cube.transform.DOLocalMoveX(10, 2f);



        #endregion

        #region 6.SetEase() 設置緩沖類型  通過次方法來設置動畫的曲線，曲線動畫效果很多，在此僅做三個案例，其他的可以在系統給的枚舉類型中找

        // Tweener teweer = cube.transform.DOMoveX(10, 2);
        //A.Ease.InBack
        /// 表示物體先向后一點，再向前播放(相當於蓄力起跑)
        // teweer.SetEase(Ease.InBack);

        //B.Ease.InBounce

        ///相當於一個多次蓄力進入的效果
        // teweer.SetEase(Ease.InBounce);

        //C.Ease.OutBounce

        /// 相當於一個落地之后的彈跳效果(慣性撞擊反彈（物理屬性）)
        // teweer.SetEase(Ease.OutBounce);



        #endregion

        #region 7.SetLoops()可以通過此方法設置動畫循環的次數
        // Tweener twer = cube.transform.DOMoveX(10, 3);

        //表示動畫的循環次數
        //twer.SetLoops(2);//循環兩次



        #endregion

        #region 8.OnComplete()表示事件函數，當前動畫播放完后調用另一個方法，參數為需要調用的方法
        //Tweener twer = cube.transform.DOMoveX(10, 3);//DoTween中所有對動畫的設置都是通過對象Tweener來完成的
        //twer.SetEase(Ease.OutBounce);//相當於一個落地之后彈跳的效果
        //twer.SetLoops(2);//表示動畫的循環次數
        //twer.OnComplete(Onclick);//表示當前動畫播放完之后調用的事件，相當於一個注冊方法，參數為需要注冊的方法即為Onclick
        #endregion

        #region 9. SetId 設置ID 可以只用 int、string、object等類型的值
        //Tweener tweener = cube.transform.DOScale(2, 2);
        //tweener.OnComplete(() =>
        //{
        //    tweener.Restart();//重復播放此動畫
        //});
        //tweener.SetId(1);

        #endregion

        #region 10. SetAutoKill  設置自動銷毀
        //  Tweener tweener = cube.transform.DOScale(2, 2);
        // tweener.SetAutoKill();//執行完就銷毀
        #endregion

        #region  11.Sequence 隊列
        //在實際的需求中，一個動畫一般都包含對多個物體的操作，那么如何使用DoTween制作這種動畫呢？對於一些簡單的動畫，直接順序執行多個DoTween語句即可；對於一些復雜的動畫，諸如包含延時、動畫事件回調、播放音效等的動畫，可以利用DoTween的動畫隊列完成這些操作。
        //Sequence sequence = DOTween.Sequence();//創建一個動畫（Tweener）隊列
        //sequence.Append(cube.transform.DOMoveX(6, 3).SetRelative().SetEase(Ease.OutBounce));
        //sequence.Append(cube.transform.DOScale(3,3));
        //sequence.Append(cube.transform.DOShakeScale(5, 1, 10, 90));//果凍顫動的效果
        #endregion

        #region 12.設置冷卻轉圈的 Image
        ///設置冷卻轉圈 附帶設置 轉一圈（回調方法直接實現，不用調用其他的方法）
       // image.DOFillAmount(0, 5).SetEase(Ease.Linear).SetLoops(1, LoopType.Yoyo);//從當前到0,時間為5秒

        #endregion


        #region
        #endregion
        #region
        #endregion
        #region
        #endregion


    }
    /// <summary>
    /// OnComplete()事件函數執行完所有動畫后調用的方法
    /// </summary>
    public void Onclick()
    {
        Debug.Log("OnComplete()表示事件函數，當前動畫播放完后調用另一個方法，我是參數為需要調用的方法");
    }


    void Update()
    {

        #region 1. DOTween.To() 對變量做一個動畫，通過插值的方式修改一個值的變化(updata中賦值show變化)
        ///對變量做一個動畫，通過插值的方式修改一個值的變化(updata中賦值show變化)
        //A.  text.text = value.ToString();


        ///B.1)、將腳本掛在Cube上，並且在Update方法中把myValue的值賦給當前位置，這樣便實現了Cube從當前位置移動到了目標位置
        // cube.transform.localPosition = myValue;


        #endregion

        #region 2. 對話框文字動畫，該方法顯示打字機效果
        ///DOText()
        ///對話框文字動畫，該方法顯示打字機效果
        if (Input.GetKeyDown(KeyCode.A))
        {
            text.DOText("你好我好他好大家好大大所多所多", 10);//打字機效果
        }
        #endregion

        #region 3. 屏幕震動效果，原理是讓攝像機進行隨機方向的位移，產生震動的假象
        ///DOShakePosition()
        /// 屏幕震動效果，原理是讓攝像機進行隨機方向的位移，產生震動的假象
        if (Input.GetKeyDown(KeyCode.B))
        {
            mainCamera.DOShakePosition(0.8f);//表示震動時間是0.8秒，震動方向隨機
            mainCamera.DOShakePosition(0.8f, new Vector3(1, 1, 0));//表示震動時間是0.8秒，震動方向為x和y方向，震動強度為1
        }
        #endregion

        #region 4. 顏色漸變和透明度漸變動畫
        /// DOColor()、DOFade()
        ///顏色漸變和透明度漸變動畫
        if (Input.GetKeyDown(KeyCode.C))
        {
            text.DOText("你好拿的數據大發發附件", 8);//打字機
            text.DOColor(Color.blue, 2);//漸變顏色動畫
            text.DOFade(0, 5);//漸變透明度動畫參數為(透明度,漸變時間),其中0為不透明，1為完全透明
        }
        #endregion

    }

    #region 小案例
    //private Button myButton;
    //private RectTransform taskPanelTransform;//UGUI是通過RectTransform組件來控制移動屬性的
    //private bool isShow = false;

    //void Start()
    //{
    //    myButton = transform.Find("Button").GetComponent<Button>();
    //    taskPanelTransform = transform.Find("Panel").GetComponent<RectTransform>();
    //    myButton.onClick.AddListener(OnClickBtn);//UGUI中監聽按鈕的方法
    //    Tweener tweener = taskPanelTransform.DOLocalMove(new Vector3(0, 0, 0), 1);//修改的是局部坐標,默認動畫完后會被銷毀
    //     //Tweener對象保存這個動畫的信息，每次調用do類型的方法都會調用一個tweener對象，這個對象使用DoTween來管理
    //    tweener.SetAutoKill(false);//把SetAutoKill自動銷毀設置為false
    //    tweener.Pause();//讓動畫在開始時暫停
    //}
    //public void OnClickBtn()
    //{
    //    //   taskPanelTransform.DOMove(new Vector3(0, 0, 0),1);//DOMove()方法是Dotween擴展的方法，表示經過1秒運動到0,0,0的位置(修改的是世界坐標)
    //    if (isShow == false)
    //    {
    //       // taskPanelTransform.DOPlay();//讓動畫只播放一次
    //        taskPanelTransform.DOPlayForward();//讓動畫向前播放
    //        isShow = true;
    //    }
    //    else
    //    {
    //        taskPanelTransform.DOPlayBackwards();//倒放動畫的方法
    //        isShow = false;
    //    }
    //}
    #endregion
}

以上就是一些基本使用方式，這是個局部，后續有機會再更新！！！

渴望交流！！！