Unity_DOTween

DOTween官网

DG.Tweening.Ease枚举详解

 

2019.12.12补充：

问题：当前dotween动画没播放完，便再次播放有冲突的操做，如连续屡次播放、正播、倒播，致使显示不正常或报错。

解决方法：在每次开始执行播放动画时，先加上下面对应相似的杀死进程代码，就OK了

   
   
            
   
   

   
 
 
    
 
     
 
      
 
     
 
     
 
      

        transform.DOKill(); 
      
 
     
 
 
    
 
     
 
      
 
     
 
     
 
      

        transform.RectTransform().DOKill(); 
      
 
     
 

   

 

让DOTweenAnimation忽略Time.timeScale = 0的影响：

   
   
            
   
   
GetComponent<DOTweenAnimation>().tween.SetUpdate(true);

 

2019.06.25更新：

DOTween动态添加DOTweenAnimation的方法：

一、方法1

在实际测试，发现有时莫名失效。建议采用预制体形式。

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      using DG.Tweening; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      using DG.Tweening.Core; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       DOTweenAnimation da= ob.gameObject.AddComponent<DOTweenAnimation>(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       da.animationType = DOTweenAnimationType.LocalRotate; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       da.easeType = Ease.Linear; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       da.duration = 
      0.3f; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       da.loops = 
      -1; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       da.endValueV3 = 
      new Vector3( 
      0, 
      50, 
      0); 
     
 
    
 

  

 

方法2

实现让该物体不停旋转。

• 默认的第三个参数是RotateMode.Fast,也就是全部的旋转操做都不能超过360°,若是超过旋转就无效，因此如今采用RotateMode.FastBeyond360

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     

       icon.transform.DOLocalRotate( 
      new Vector3( 
      0, 
      0, 
      -360), 
      2, RotateMode.FastBeyond360) 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       .SetEase(Ease.Linear).SetLoops( 
      -1, LoopType.Restart).Play(); 
     
 
    
 

  

 

 

一、DOTween.To()

将某点在必定时间内移动到某点

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      using DG.Tweening; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       Vector3 myvalue = 
      new Vector3( 
      0, 
      0, 
      0); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       DOTween.To(() => myvalue, x => myvalue = x, 
      new Vector3( 
      10, 
      10, 
      10), 
      2); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       要移动的初始值 目标值 时间 
     
 
    
 

  

二、DOMove()

在1s内将目标物体从当前位置移动到目标位置

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DOMove( 
      new Vector3( 
      1, 
      1, 
      1), 
      1); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DOLocalMove( 
      new Vector3( 
      1, 
      1, 
      1), 
      1); 
     
 
    
 

  

三、DOMoveX()、DOMoveY()、DOMoveZ()

从当前位置延X/Y/Z方向，移动到目标位置5

  
  
           
  
  
transform.DOMoveX(5, 1);

四、From()

从目标位置，移动到当前位置

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     

       绝对位置，若当前坐标（ 
      1, 
      0, 
      0），即从 
      5运动到 
      1 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

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

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

       相对位置，若当前坐标（ 
      1, 
      0, 
      0），即从 
      6运动到 
      1（ 
      6 
      -1= 
      5，相对位移 
      5） 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

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

  

五、Pause()、DOPlay()、DOPlayForward()、DOPlayBackwards()、DORestart()

动画暂停、动画播放、动画向前播放、动画倒放

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //DOTween播放会生成动画，动画保存在Tweener信息中，默认动画播放完会被销毁，要想倒放，必须设为不被销毁 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //tweener也会播放动画 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       Tweener tweener= transform.DOLocalMove( 
      new Vector3( 
      1, 
      1, 
      1), 
      1); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.SetAutoKill( 
      false); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //暂停动画 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.Pause(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //播放动画,只播放一次，再次调用不可播放 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DOPlay(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //向前播放动画 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DOPlayForward(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画倒放 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DOPlayBackwards(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //从新播放动画：若用的可视化编辑，需取消AutoKill 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DORestart(); 
     
 
    
 

  

六、SetEase()

设置动画曲线，即动画运动方式（相似设置PPT动画的出现效果）

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     

       Tweener tweener = transform.DOLocalMoveX( 
      0, 
      5); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.SetEase(Ease.InBounce); 
     
 
    
 

  

七、SetLoops

设置动画播放次数，下为播放两次动画

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     

       Tweener tweener = transform.DOLocalMoveX( 
      0, 
      5); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.SetLoops( 
      2); 
     
 
    
 

  

八、事件函数

动画播放完成事件函数、

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     

       Tweener tweener = transform.DOLocalMoveX( 
      0, 
      5); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画播放完成调用事件函数 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.OnComplete(你的方法); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画销毁调用事件函数 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.OnKill(你的方法); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画播放时调用事件函数（一直调用） 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.OnPlay(你的方法); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画暂停时调用事件函数 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.OnPause(你的方法); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画重置时调用事件函数 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.OnRewind(你的方法); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画开始播放时调用事件函数 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.OnStart(你的方法); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //动画播放时调用事件函数（一次） 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweener.OnPlay(你的方法); 
     
 
    
 

  

九、DOText    文本动画

若文本框内无文字，在3s内逐字显示文字。

如有文字，则逐字覆盖掉原先文字，显示新文字

  
  
           
  
  
GetComponent<Text>().DOText("接下来咱们进入第二篇章", 3);

十、DOShakePosition    震动效果

挂载在摄像机上面

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //持续时间,其他默认 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DOShakePosition( 
      1); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //持续时间、强度（下为只在X、Y方向上震动） 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       transform.DOShakePosition( 
      1, 
      new Vector3( 
      3, 
      3, 
      0)); 
     
 
    
 

  

十一、DOColor    改变颜色

在2s中将本来颜色变为红色

  
  
           
  
  
GetComponent<Text>().DOColor(Color.red, 2);

十二、DOFade    改变透明度

文字透明度会在3s内从0变为1

  
  
           
  
  
GetComponent<Text>().DOFade(1, 3);

1三、可视化动画编辑

该组件在DOTween Pro插件里面

可以使用代码经过控制ID的方式来控制动画的播放

下载地址：下载

  
  
           
  
  

  
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      using UnityEngine; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      using DG.Tweening; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      public 
      class 
      UIController : 
      MonoBehaviour { 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       DOTweenAnimation tweenAnimation; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      void Start () { 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweenAnimation = GetComponent<DOTweenAnimation>(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       } 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      public void OnClick() 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       { 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweenAnimation.DOPlayBackwards(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       } 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       } 
     
 
    
 

  

1四、可视化路径编辑

该组件在DOTween Pro插件里面

下载地址：下载

Shift+Ctrl：添加路径点

Shift+Alt：删除路径点

Duration：时长

Delay：延迟时间

Ease：运动模式

Loops：播放次数，-1为循环播放，0为播放一次

Path Type：Linner/Catmull Rom，Linner，线性；Catmull Rom给路径作圆滑处理

Close Path：将起点与终点链接，围成一个圈

Local Movement：局部坐标下移动

Orientation：朝向。To Path，游戏物体朝向路径运动；Look At Transform；Look At Position

Relative：勾选后，选择游戏物体，路径可总体移动

Show Indexes：是否显示路径索引

Handles Type：Free/Full，Full，每一个点显示三坐标

Reset Path：删除全部点，重置路径

代码控制：

该组件自带控制方法，直接调用便可，固然也可在Unity经过Button拖拽方式直接控制

  
  
           
  
  
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      using UnityEngine; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      using DG.Tweening; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      public 
      class 
      UIController : 
      MonoBehaviour { 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       DOTweenPath tweenAnimation; 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      void Start () { 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweenAnimation = GetComponent<DOTweenPath>(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       } 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      public void OnClick() 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       { 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //开始播放 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweenAnimation.DOPlay(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //运动开关：点击一次，继续开始播放，再点击一次，在当前位置暂停 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweenAnimation.DOTogglePause(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //从新播放动画 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweenAnimation.DORestart(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     
 
      //杀死动画，此后没法再播放动画 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       tweenAnimation.DOKill(); 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       } 
     
 
    
 
 
   
 
    
 
     
 
    
 
    
 
     

       }