Unity使用DOTween实现分段进度条

需求

用组件进度条(Slider),利用分段加载进行以假乱真的进度效果,比如说2秒钟到达20%的进度,10秒钟加载20%到50%进度,1分钟加载50%到90%的进度,30秒钟加载90%到100%的进度。在加载过程中,如果加载完成了,则直接把进度条拉到100%。

贴上 DOTween官方网站 以供学习,但是感觉实例讲得不是很清楚,利用 Sequence 自己操作了一下终于实现了,贴上来给大家参考。

可以看到官方对于Slider的动画只有一个函数 DOValue(to, duration, snapping)
在这里插入图片描述
to是要到达的值,duration是到达这个值所用的时间

下载安装 DOTween

在asset store中添加免费版的 dotween 到 My Asset后,download 并 import

在这里插入图片描述

弹出配置面板。如果关闭,也可以在“Tools / Demigiant”菜单中打开DOTween 工具面板,然后从出现的面板中选择“Setup DOTween …”完成初始化配置
在这里插入图片描述

实现

绑定脚本,Slider设置:
在这里插入图片描述
在这里插入图片描述

实现代码如下:

using UnityEngine;
using DG.Tweening;
using UnityEngine.UI;

public class LoadingBar : MonoBehaviour
{
    
    
    public Slider loadingSlider;
    private Sequence seq;
    void Start()
    {
    
    
        loadingSlider.value = 0;
        seq = DOTween.Sequence();
        seq.Append(loadingSlider.DOValue(0.2f, 2f).SetEase(Ease.Linear));
        seq.Append(loadingSlider.DOValue(0.5f, 10f).SetEase(Ease.Linear));
        seq.Append(loadingSlider.DOValue(0.9f, 60f).SetEase(Ease.OutCubic));
        seq.Append(loadingSlider.DOValue(1f, 30f).SetEase(Ease.Linear));
    }

    void Update()
    {
    
    
        if (Input.GetKey(KeyCode.E))
        {
    
    
            LoadingComplete();
        }

    }

    private void LoadingComplete()
    {
    
    
        seq.Complete();
    }
}

实现效果

让它自动加载完:
在这里插入图片描述

按下E键提前结束加载:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/iteapoy/article/details/134594251
今日推荐