DoTween的使用与详解

来源：互联网发布：mac粉底液专柜价编辑：程序博客网时间：2024/05/18 17:55

DOTween路径动画详解与使用

转载请注明出处

DOTween插件一般与UGUI结合使用

DoTween的运动方式

1、DOTween.To()方法

对变量做一个动画，通过插值的方式修改一个值的变化

using UnityEngine;
using System.Collections;
using DG.Tweening;//引入DoTween命名空间
public class GameStart : MonoBehaviour
{
​
    public Vector3 myValue = new Vector3(0, 0, 0);
    void Start()
    {
        //对变量做一个动画，通过插值的方式去修改一个值的变化
        DOTween.To(() => myValue, x => myValue = x, new Vector3(10, 0, 0), 2);//用两秒的时间从0,0,0变化到10,10,10
         //()=> myValue,表示返回值为myValue,x=>myValue=x,表示将系统计算好的x值(当前值到目标值的插值)赋给myValue,new Vector3(10,0,0),表示达到的目标值，2表示所需时间
    }

2、控制Cube和UI面板的动画

1)、将脚本挂在Cube上，并且在Update方法中把myValue的值赋给当前位置，这样便实现了Cube从当前位置移动到了目标位置

using UnityEngine;
using System.Collections;
using DG.Tweening;//引入DoTween命名空间
public class GameStart : MonoBehaviour
{
​
    public Vector3 myValue = new Vector3(0, 0, 0);
    void Start()
    {
        //对变量做一个动画，通过插值的方式去修改一个值的变化
        DOTween.To(() => myValue, x => myValue = x, new Vector3(10, 0, 0), 2);//用两秒的时间从0,0,0变化到10,10,10
         //()=> myValue,表示返回值为myValue,x=>myValue=x,表示将系统计算好的x值(当前值到目标值的插值)赋给myValue,new Vector3(10,0,0),表示达到的目标值，2表示所需时间
    }
    void Update()
    {
        transform.position = myValue;//赋值给当前位置
    }

2)、UI面板的移动

新建任务面板，将脚本挂到UI面板上

using UnityEngine;
using System.Collections;
using DG.Tweening;//引入DoTween命名空间
public class GameStart : MonoBehaviour
{
​
    private Vector3 myValue = new Vector3(1500, 0, 0);
   // public RectTransform TaskPanelTransform;//UGUI是通过RectTransform组件来控制移动属性的
    void Start()
    {
        //对变量做一个动画，通过插值的方式去修改一个值的变化
        DOTween.To(() => myValue, x => myValue = x, new Vector3(0, 0, 0), 2);//用两秒的时间从0,0,0变化到10,10,10
         //()=> myValue,表示返回值为myValue,x=>myValue=x,表示将系统计算好的x值(当前值到目标值的插值)赋给myValue,new Vector3(10,0,0),表示达到的目标值，2表示所需时间
    }
    void Update()
    {
        transform.localPosition = myValue;//UGUI中坐标为局部坐标
    }
}

3)、对float类型的值进行修改

    public float myValue2=0;
    void Start()
    {
        DOTween.To(() => myValue2, x => myValue2 = x, 10, 2);//表示将一个类型的值从0变为10，所需时间是2秒
    }

3、小案例：用按钮控制UI面板的显示和隐藏

将脚本挂在Canvas上

using UnityEngine;
using System.Collections;
using UnityEngine.UI;
using DG.Tweening;
public class MyButton : MonoBehaviour
{
    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;
        }
    }
}

FromTween:表示让物体从目标位置移动到当前位置，即等同于播放反向的移动动画

DOMoveX()、DOMoveY()、DOMoveZ()

如果只是让物体的单个坐标移动，可直接用DOMoveX()、DOMoveY()、DOMoveZ()方法控制移动动画,参数为(目标位置，所需时间)

 transform.DOMoveX(5, 1);

From()

DoTween中任何调用动画的方法后面都可以添加From(),表示从目标位置移动到当前位置

transform.DOMoveX(5, 1).From();//表示让物体从目标位置移动到当前位置

From(true)

表示目标坐标等于当前坐标加上当前目标坐标，如果物体当前坐标为2，那么这行代码表示从目标位置(5+2),经过1秒，移动到当前位置(2)

       transform.DOMoveX(5, 1).From(true);

DOLocalMoveX()、DOLocalMoveY()、DOLocalMoveZ()

表示局部坐标的位移动画方法。DoTween中所有对动画的设置都是通过对象Tweener来完成的

Tweener tweener=transform.DOLocalMoveX(0, 2f);

SetEase()

我们可以通过次方法来设置动画的曲线，曲线动画效果很多，在此仅做三个案例，其他的可以在系统给的枚举类型中找

Ease.InBack

表示物体先向后一点，再向前播放

            tweener.SetEase(Ease.InBack);

Ease.InBounce

相当于一个蓄力进入的效果

tweener.SetEase(Ease.InBounce);

Ease.OutBounce

相当于一个落地之后的弹跳效果

tweener.SetEase(Ease.OutBounce);

SetLoops()

我们可以通过此方法设置动画循环的次数

            tweener.SetLoops(2);//表示动画的循环次数

OnComplete()

表示事件函数，当前动画播放完后调用另一个方法，参数为需要调用的方法

    void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            Tweener tweener = transform.DOLocalMoveX(0, 2f);//DoTween中所有对动画的设置都是通过对象Tweener来完成的
            tweener.SetEase(Ease.OutBounce);//相当于一个落地之后弹跳的效果
            tweener.SetLoops(2);//表示动画的循环次数
            tweener.OnComplete(OnClick);//表示当前动画播放完之后调用的事件，相当于一个注册方法，参数为需要注册的方法
        }
    }
    void OnClick()
    {
        print("sss");
    }

DOText()

对话框文字动画，该方法显示打字机效果

    private Text text;
    void Start ()
    {
        text = GetComponent<Text>();
    }
    void Update () {
        if (Input.GetMouseButtonDown(0))
        {
            text.DOText("轰隆隆……\n大地在颤抖，\n这是哪里？\n为什么我的头会这么痛……\n……谁来救救我……",10);//表示再两秒内显示参数内文本(打字机效果)
        }
    }

DOShakePosition()

屏幕震动效果，原理是让摄像机进行随机方向的位移，产生震动的假象

        if (Input.GetMouseButtonDown(0))
        {
            transform.DOShakePosition(0.8f);//表示震动时间是0.8秒，震动方向随机
            transform.DOShakePosition(0.8f,new Vector3(1,1,0));//表示震动时间是0.8秒，震动方向为x和y方向，震动强度为1
        }

DOColor()、DOFade()

颜色渐变和透明度渐变动画

        if (Input.GetMouseButtonDown(0))
        {
            text.DOText("轰隆隆……\n大地在颤抖，\n这是哪里？\n为什么我的头会这么痛……\n……谁来救救我……", 10);//表示再两秒内显示参数内文本(打字机效果)
            text.DOColor(Color.blue, 1f);//渐变颜色动画
            text.DOFade(1, 5);//渐变透明度动画参数为(透明度,渐变时间),其中0为不透明，1为完全透明
        }

DoTween插件的可视化操作

在物体上添加DoTweenAnimation脚本

如何在脚本中控制DoTweenAnimation动画脚本的播放

前提，脚本挂在面板上，并且取消DoTweenAnimation面板的自动播放和自动销毁

using UnityEngine;
using System.Collections;
using DG.Tweening;
using UnityEngine.UI;
​
public class Panel : MonoBehaviour
{
​
    private DOTweenAnimation tweenAnimation;
    private Button _btnButton;
    private bool isShow = false;
    void Start ()
    {
        tweenAnimation = GetComponent<DOTweenAnimation>();
        _btnButton =transform.parent.Find("Button").GetComponent<Button>();
        _btnButton.onClick.AddListener(OnClickBtn);
     
    }
    void OnClickBtn()
    {
        if (isShow==false)
        {
            tweenAnimation.DOPlayForward();
            isShow = true;
        }
        else
        {
            tweenAnimation.DOPlayBackwards();
            isShow = false;
        }
    }
}