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键提前结束加载:
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

iteapoy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值