手把手教会你Unity场景切换进度条制作

大家好,我是橙子,今天为大家带来的是Unity场景切换进度条的教程。
★,♫◦★,♫◦★,♫◦★,--------------------华丽的分割线--------------------♫◦★,♫◦★,♫◦★,♫◦★,♫◦

首先问一个问题:为什么要用进度条,以及什么情况下才用进度条呢?

答:有一些场景,里面包含非常多的资源,比如一个很大的游戏场景,往往加载很慢。这个时候,如果你什么都不干,在场景加载的过程中,用户会认为"游戏卡死"了,所以用一个进度条来过度,增加游戏体验。 话不多说 ,直接上才艺!

一、 创建游戏场景及搭建面板UI

首先,我们创建一个游戏场景
然后我们新建一个UI->>Panel
在这里插入图片描述
再新建一个Skuder(滑动条) 如果有小伙伴不知道Skuder是什么,可以先去看看Unity的UGUI教程再来哦在这里插入图片描述
就像这样 tips:按键盘上的T 然后鼠标选中边框,按住Ait键 可以等比放大哦~
放大后的滑动条
我们可以在这里,修改滑动块的样式

我的设置好了,不知道你们是什么样的呢?
在这里插入图片描述
在这里全选他们,然后设置一下锚点,可以适应不同设备的分辨率哦~
在这里插入图片描述
我的进度条大概就是这样了。你的做完了吗?
在这里插入图片描述

二 、添加代码

我们新建一个C#脚本 名为LoadSceneManager

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class LoadSceneManager : MonoBehaviour
{
    public GameObject loadScreen;//显示进度条的面板
    public Slider slider;//滑动条组件
    public Text text;//显示百分比的文字
}

定义好以后,咱们回到Unity去赋值。然后添加Button的绑定事件(你切换场景的按钮)
在这里插入图片描述

赋值完成后 我们继续写代码

(1)加载完成后进入场景完整代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;
using UnityEngine.UI;

public class LoadSceneManager : MonoBehaviour
{
    public GameObject loadScreen;//显示进度条的面板
    public Slider slider;//滑动条组件
    public Text text;//显示百分比的文字

	//别忘了给按钮添加点击事件
    public void LoadNextLevel()
    {
        StartCoroutine(Loadlevel());
    }
    IEnumerator Loadlevel()
    {
        loadScreen.SetActive(true);
        AsyncOperation operation = SceneManager.LoadSceneAsync("Main");
        while (!operation.isDone)//isDone 是否完成进度条
        {
            slider.value = operation.progress;
            text.text = operation.progress * 100 + "%";//百分比
            if (operation.progress>=0.9f)//如果进度条已经到达90%
            {
                slider.value = 1; //那就让进度条的值编变成1
                text.text = "加载完成!";
            }
            yield return null;
        }
    }
}

在这里插入图片描述

(2)加载完成 需要按键后 进入场景完整代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;
using UnityEngine.UI;

public class LoadSceneManager : MonoBehaviour
{
    public GameObject loadScreen;//显示进度条的面板
    public Slider slider;//滑动条组件
    public Text text;//显示百分比的文字

    public void LoadNextLevel()
    {
        StartCoroutine(Loadlevel());
    }
    IEnumerator Loadlevel()
    {
        loadScreen.SetActive(true);
        AsyncOperation operation = SceneManager.LoadSceneAsync("Main");//(SceneManager.GetActiveScene().buildIndex+1);
        operation.allowSceneActivation = false;//是否允许加载新场景? 需要加载完自动跳转  就不用添加这句话

        while (!operation.isDone)//isDone 是否完成进度条
        {
            slider.value = operation.progress;
            text.text = operation.progress * 100 + "%";//百分比

            if (operation.progress>=0.9f)//如果进度条已经到达90%
            {
                slider.value = 1; //那就让进度条的值编变成1
                text.text = "请点击屏幕继续!";
                if (Input.anyKey)//如果点击了任意按键
                {
                    operation.allowSceneActivation = true;//就可以跳转场景
                }
            }
            yield return null;
        }
    }
}

在这里插入图片描述
.

三、 最终效果

在这里插入图片描述

四、结束语

不及硅步,无以至千里。
不积小流,无以成江海。
每天进步一点点 谢谢您的观看。

觉得对自己有帮助,欢迎关注、收藏、转发!

  • 23
    点赞
  • 119
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Unity中可以使用uGUI系统轻松地制作进度条。下面是一些简单的步骤: 1. 创建一个新的Canvas对象,它将包含进度条的所有元素。 2. 在Canvas上创建一个新的Image对象,用于表示进度条的填充。 3. 通过调整Image的宽度或高度属性设置进度条的初始值(例如,如果您希望进度条在50%处开始填充,则将其宽度设置为Canvas宽度的一半)。 4. 在Canvas上创建一个新的Text对象,用于显示进度条的百分比。 5. 创建一个C#脚本来控制进度条的行为。这个脚本应该包含一个公共方法,当进度条需要更新时调用。 6. 将脚本附加到Canvas对象上。 7. 在脚本的Update方法中更新进度条的显示,并更新Text对象以显示进度的百分比。 以下是一个简单的C#脚本示例,用于控制进度条的行为: ```csharp using UnityEngine; using UnityEngine.UI; public class ProgressBar : MonoBehaviour { public Image barFill; public Text percentageText; private float currentValue = 0f; private float targetValue = 1f; private float fillSpeed = 0.5f; void Update () { if (currentValue < targetValue) { currentValue += fillSpeed * Time.deltaTime; barFill.fillAmount = currentValue; percentageText.text = Mathf.RoundToInt(currentValue * 100) + "%"; } } public void SetTargetValue(float value) { targetValue = value; } } ``` 在这个示例中,我们使用Image对象控制进度条的填充,并使用Text对象显示进度的百分比。我们还定义了一个公共方法SetTargetValue,用于在外部控制进度条的目标值。在Update方法中,我们使用当前值和目标值之间的线性插值来更新进度条的显示,同时更新Text对象以显示当前进度的百分比。 您可以使用此脚本的示例代码在您的Unity项目中创建进度条

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

_济南橙子

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

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

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

打赏作者

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

抵扣说明:

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

余额充值