Unity 使用 Dotween 的 Sequence 制作UI动画并且可重复利用-Toy模板网

这篇具有很好参考价值的文章主要介绍了Unity 使用 Dotween 的 Sequence 制作UI动画并且可重复利用。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

一、DOTween是什么？

二、使用步骤

1.导入DOTween

2.配置DOTween

3.使用代码编写动画

4.代码API解释

总结

前言

DOTween可以制作简易的UI动画，避免创建大量的Animator，本篇文章介绍一下我制作UI动画时的一些技巧

效果展示

unity ui动画,unity,ui,游戏引擎,c#

一、DOTween是什么？

DOTween是UnityAssetStore中一个免费的插件，用于创建简单的补间动画，常用与UI动画，延迟调用，移动旋转，打字机等效果

二、使用步骤

1.导入DOTween

UnityAssetStore中添加到我的资源，在Windows->PackageManager ，Packages选择My Assets，搜索DOTween，点击import全部导入即可

unity ui动画,unity,ui,游戏引擎,c#

2.配置DOTween

unity ui动画,unity,ui,游戏引擎,c#

第一次导入DOTween需要等待一定时间编译完成，出现此面板后点击Setup DOTween（如果没有出现此面板，点击 unity ui动画,unity,ui,游戏引擎,c# ）

下一个出现的面板点击apply即可

unity ui动画,unity,ui,游戏引擎,c#

3.使用代码编写动画

using DG.Tweening;

Sequence se;

    private void Awake()
    {
        se = DOTween.Sequence();
        se.SetAutoKill(false);
        se.Pause();

        CanvasGroup[] canvasGroups=GetComponentsInChildren<CanvasGroup>();
        se.Append(canvasGroups[0].DOFade(0, 1f).From().SetDelay(2));
        se.Append(canvasGroups[0].GetComponent<RectTransform>().DOAnchorPosX(200f, 1f).From(true).SetEase(Ease.OutExpo));
        se.Insert(0.5f, canvasGroups[1].DOFade(0, 1f).From())
           .Join(canvasGroups[1].GetComponent<RectTransform>().DOAnchorPosX(-200f, 1f).From(true).SetEase(Ease.OutExpo))
           .Join(canvasGroups[2].DOFade(0, 1f).From())
           .Join(canvasGroups[2].GetComponent<RectTransform>().DOAnchorPosY(-200f, 1f).From(true).SetEase(Ease.OutExpo));


    }
    private void Update()
    {
        if(Input.GetKeyDown(KeyCode.Escape))
        {
            se.Restart();
        }
    }

实现效果为

unity ui动画,unity,ui,游戏引擎,c#