Unity DOTween教程之 DOTween实现UI运动效果

2025-06-04 06:34:58

1、打开Unity,新建一个空工程,并且导入DOTween插件,具体如下

Unity DOTween教程之 DOTween实现UI运动效果

2、在场景中添加一个 Image,使得 Image 在画布 Canvas 外面,方便后面 Image 从视野外进入,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

3、在工程中新建一个脚本 UIMoveByDOTween,然后打开,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

4、UIMoveByDOTween 脚本的具体代码和代码说明如下图

Unity DOTween教程之 DOTween实现UI运动效果

5、UIMoveByDOTween 脚本具体内容如下:using UnityEngine;using DG.Twee荏鱿胫协ning;public class UIMoveByDOTween : MonoBehaviour { public Vector3 movingValue; public GameObject UIgo; // Use this for initialization void Start () { UIgo = GameObject.Find("Image"); movingValue = UIgo.transform.localPosition; //参数解释:获取movingValue的值,设置变化的值给movingValue //设置目标值为(1,1,1),设置动画时间 1 秒 DOTween.To(() => movingValue, x => movingValue = x,new Vector3(0, 0, 0), 2); } // Update is called once per frame void Update () { //把变化的值设置给UI,让UI随之移动 UIgo.transform.localPosition = movingValue; }}

6、脚本编译正确,回到Unity中,新建一个 GameObject,挂载脚本上去,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

7、运行场景,你会发现 Image 从画布外 2 秒后进入,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

8、到此,《Unity DOTween教程之 DOTween实现UI运动效果》讲解结束,谢谢

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢