Unity中DoTween的使用

在Unity手游开发中,经常用到插值运算,我们可以使用Mathf.Lerp自行去实现效果,但是使用插件提高了我们的开发效率,这里归结一下DoTween的基本使用方式以及效果说明:

直接代码:

  1 using DG.Tweening;
  2 using System.Collections;
  3 using System.Collections.Generic;
  4 using UnityEngine;
  5 using UnityEngine.UI;
  6 
  7 public class OwnTextDoTween : MonoBehaviour {
  8     //DoTween.To();
  9     public int value;
 10     public GameObject cube;
 11     Vector3 myValue = new Vector3(0, 0, 0);
 12 
 13     //打字机
 14     //text.DoText()
 15     public Text text;
 16 
 17     //屏幕震动效果
 18     // mainCamera.DOShakePosition()
 19     public Camera mainCamera;
 20 
 21     //冷却Image
 22     public Image image;
 23 
 24     public float start = 1;//fillAmount最大值
 25     public float end = 0;//fillAmount最小值
 26 
 27     void Start()
 28     {
 29         #region 1. DOTween.To() 对变量做一个动画,通过插值的方式修改一个值的变化
 30         ///对变量做一个动画,通过插值的方式修改一个值的变化
 31         //A.    用两秒的时间从0变化到50
 32 
 33         //()=> value,表示返回值为value,x=>value=x,表示将系统计算好的x值(当前值到目标值的插值)赋给value,50,表示达到的目标值,5表示所需时间
 34 
 35         //  value = 0;
 36         //  DOTween.To(() => value, x => value =x, 50,5);
 37 
 38 
 39         //B.     控制Cube或UI面板的动画
 40 
 41         ///1)、将脚本挂在Cube上,并且在Update方法中把myValue的值赋给当前位置,这样便实现了Cube从当前位置移动到了目标位置 
 42         ///用两秒的时间从0,0,0变化到10,10,10
 43         ///()=> myValue,表示返回值为myValue,x=>myValue=x,表示将系统计算好的x值(当前值到目标值的插值)赋给myValue,new Vector3(10,10,10),表示达到的目标值,5表示所需时间
 44 
 45         // DOTween.To(() => myValue, x => myValue = x, new Vector3(10, 10, 10), 5);
 46 
 47 
 48         #endregion
 49 
 50         #region 5.  FromTween:表示让物体从目标位置移动到当前位置,即等同于播放反向的移动动画
 51 
 52         //1.     DOMoveX()、DOMoveY()、DOMoveZ()
 53 
 54         ///A. 如果只是让物体的单个坐标移动,可直接用DOMoveX()、DOMoveY()、DOMoveZ()方法控制移动动画,参数为(目标位置,所需时间)
 55         // Tweener tweer =cube.transform.DOMoveX(10, 3);
 56 
 57         ///B. DoTween中任何调用动画的方法后面都可以添加From(),表示从目标位置移动到当前位置
 58         // tweer.From();
 59 
 60         ///C. From(true)表示目标坐标等于当前坐标加上当前目标坐标,如果物体当前坐标为2,那么这行代码表示从目标位置(10+ 2),经过1秒,移动到当前位置(2)
 61         /// tweer.From(true);
 62 
 63         //2.  DOLocalMoveX()、DOLocalMoveY()、DOLocalMoveZ()
 64 
 65         ///  表示局部坐标的位移动画方法。DoTween中所有对动画的设置都是通过对象Tweener来完成的
 66 
 67         // Tweener tweener = cube.transform.DOLocalMoveX(10, 2f);
 68 
 69 
 70 
 71         #endregion
 72 
 73         #region 6.SetEase() 设置缓冲类型  通过次方法来设置动画的曲线,曲线动画效果很多,在此仅做三个案例,其他的可以在系统给的枚举类型中找
 74 
 75         // Tweener teweer = cube.transform.DOMoveX(10, 2);
 76         //A.Ease.InBack
 77         /// 表示物体先向后一点,再向前播放(相当于蓄力起跑)
 78         // teweer.SetEase(Ease.InBack);
 79 
 80         //B.Ease.InBounce
 81 
 82         ///相当于一个多次蓄力进入的效果
 83         // teweer.SetEase(Ease.InBounce);
 84 
 85         //C.Ease.OutBounce
 86 
 87         /// 相当于一个落地之后的弹跳效果(惯性撞击反弹(物理属性))
 88         // teweer.SetEase(Ease.OutBounce);
 89 
 90 
 91 
 92         #endregion
 93 
 94         #region 7.SetLoops()可以通过此方法设置动画循环的次数
 95         // Tweener twer = cube.transform.DOMoveX(10, 3);
 96 
 97         //表示动画的循环次数
 98         //twer.SetLoops(2);//循环两次
 99 
100 
101 
102         #endregion
103 
104         #region 8.OnComplete()表示事件函数,当前动画播放完后调用另一个方法,参数为需要调用的方法
105         //Tweener twer = cube.transform.DOMoveX(10, 3);//DoTween中所有对动画的设置都是通过对象Tweener来完成的
106         //twer.SetEase(Ease.OutBounce);//相当于一个落地之后弹跳的效果
107         //twer.SetLoops(2);//表示动画的循环次数
108         //twer.OnComplete(Onclick);//表示当前动画播放完之后调用的事件,相当于一个注册方法,参数为需要注册的方法即为Onclick
109         #endregion
110 
111         #region 9. SetId 设置ID 可以只用 int、string、object等类型的值
112         //Tweener tweener = cube.transform.DOScale(2, 2);
113         //tweener.OnComplete(() =>
114         //{
115         //    tweener.Restart();//重复播放此动画
116         //});
117         //tweener.SetId(1);
118 
119         #endregion
120 
121         #region 10. SetAutoKill  设置自动销毁
122         //  Tweener tweener = cube.transform.DOScale(2, 2);
123         // tweener.SetAutoKill();//执行完就销毁
124         #endregion
125 
126         #region  11.Sequence 队列
127         //在实际的需求中,一个动画一般都包含对多个物体的操作,那么如何使用DoTween制作这种动画呢?对于一些简单的动画,直接顺序执行多个DoTween语句即可;对于一些复杂的动画,诸如包含延时、动画事件回调、播放音效等的动画,可以利用DoTween的动画队列完成这些操作。
128         //Sequence sequence = DOTween.Sequence();//创建一个动画(Tweener)队列
129         //sequence.Append(cube.transform.DOMoveX(6, 3).SetRelative().SetEase(Ease.OutBounce));
130         //sequence.Append(cube.transform.DOScale(3,3));
131         //sequence.Append(cube.transform.DOShakeScale(5, 1, 10, 90));//果冻颤动的效果
132         #endregion
133 
134         #region 12.设置冷却转圈的 Image
135         ///设置冷却转圈 附带设置 转一圈(回调方法直接实现,不用调用其他的方法)
136        // image.DOFillAmount(0, 5).SetEase(Ease.Linear).SetLoops(1, LoopType.Yoyo);//从当前到0,时间为5秒
137 
138         #endregion
139 
140 
141         #region
142         #endregion
143         #region
144         #endregion
145         #region
146         #endregion
147 
148 
149     }
150     /// <summary>
151     /// OnComplete()事件函数执行完所有动画后调用的方法
152     /// </summary>
153     public void Onclick()
154     {
155         Debug.Log("OnComplete()表示事件函数,当前动画播放完后调用另一个方法,我是参数为需要调用的方法");
156     }
157 
158 
159     void Update()
160     {
161 
162         #region 1. DOTween.To() 对变量做一个动画,通过插值的方式修改一个值的变化(updata中赋值show变化)
163         ///对变量做一个动画,通过插值的方式修改一个值的变化(updata中赋值show变化)
164         //A.  text.text = value.ToString();
165 
166 
167         ///B.1)、将脚本挂在Cube上,并且在Update方法中把myValue的值赋给当前位置,这样便实现了Cube从当前位置移动到了目标位置
168         // cube.transform.localPosition = myValue;
169 
170 
171         #endregion
172 
173         #region 2. 对话框文字动画,该方法显示打字机效果
174         ///DOText()
175         ///对话框文字动画,该方法显示打字机效果
176         if (Input.GetKeyDown(KeyCode.A))
177         {
178             text.DOText("你好我好他好大家好大大所多所多", 10);//打字机效果
179         }
180         #endregion
181 
182         #region 3. 屏幕震动效果,原理是让摄像机进行随机方向的位移,产生震动的假象
183         ///DOShakePosition()
184         /// 屏幕震动效果,原理是让摄像机进行随机方向的位移,产生震动的假象
185         if (Input.GetKeyDown(KeyCode.B))
186         {
187             mainCamera.DOShakePosition(0.8f);//表示震动时间是0.8秒,震动方向随机
188             mainCamera.DOShakePosition(0.8f, new Vector3(1, 1, 0));//表示震动时间是0.8秒,震动方向为x和y方向,震动强度为1
189         }
190         #endregion
191 
192         #region 4. 颜色渐变和透明度渐变动画
193         /// DOColor()、DOFade()
194         ///颜色渐变和透明度渐变动画
195         if (Input.GetKeyDown(KeyCode.C))
196         {
197             text.DOText("你好拿的数据大发发附件", 8);//打字机
198             text.DOColor(Color.blue, 2);//渐变颜色动画
199             text.DOFade(0, 5);//渐变透明度动画参数为(透明度,渐变时间),其中0为不透明,1为完全透明
200         }
201         #endregion
202 
203     }
204 
205     #region 小案例
206     //private Button myButton;
207     //private RectTransform taskPanelTransform;//UGUI是通过RectTransform组件来控制移动属性的
208     //private bool isShow = false;
209 
210     //void Start()
211     //{
212     //    myButton = transform.Find("Button").GetComponent<Button>();
213     //    taskPanelTransform = transform.Find("Panel").GetComponent<RectTransform>();
214     //    myButton.onClick.AddListener(OnClickBtn);//UGUI中监听按钮的方法
215     //    Tweener tweener = taskPanelTransform.DOLocalMove(new Vector3(0, 0, 0), 1);//修改的是局部坐标,默认动画完后会被销毁
216     //     //Tweener对象保存这个动画的信息,每次调用do类型的方法都会调用一个tweener对象,这个对象使用DoTween来管理
217     //    tweener.SetAutoKill(false);//把SetAutoKill自动销毁设置为false
218     //    tweener.Pause();//让动画在开始时暂停
219     //}
220     //public void OnClickBtn()
221     //{
222     //    //   taskPanelTransform.DOMove(new Vector3(0, 0, 0),1);//DOMove()方法是Dotween扩展的方法,表示经过1秒运动到0,0,0的位置(修改的是世界坐标)
223     //    if (isShow == false)
224     //    {
225     //       // taskPanelTransform.DOPlay();//让动画只播放一次
226     //        taskPanelTransform.DOPlayForward();//让动画向前播放
227     //        isShow = true;
228     //    }
229     //    else
230     //    {
231     //        taskPanelTransform.DOPlayBackwards();//倒放动画的方法
232     //        isShow = false;
233     //    }
234     //}
235     #endregion
236 }

以上就是一些基本使用方式,这是个局部,后续有机会再更新!!!

渴望交流!!!

posted @ 2019-05-18 15:39  答案-Answer  阅读(6844)  评论(0编辑  收藏  举报