Unity跳转场景进度条制作教程(异步加载)

痛定思痛。 2021-09-19 03:56 878阅读 0赞

**Unity跳转场景进度条制作**

--------------------

<table> 
 <tbody> 
  <tr> 
   <td> <font>本文提供全流程，中文翻译。<br><br> Chinar 坚持将简单的生活方式，带给世人！<br><br>（拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例） </font> </td> 
  </tr> 
 </tbody> 
</table>

--------------------

<table> 
 <tbody> 
  <tr> 
   <td> <font> Chinar —— 心分享、心创新！<br><br>助力快速完成跳转场景进度条的制作<br><br>为新手节省宝贵的时间，避免采坑！ </font> </td> 
  </tr> 
 </tbody> 
</table>

**Chinar 教程效果：**  
![这里写图片描述][70]

--------------------

*  1
    
     *   Loading Scene —— 加载场景
 *  2
    
     *   Loading Scripts —— 加载脚本
 *  3
    
     *   Warm Prompt —— 温馨提示
 *  4
    
     *   Project —— 项目文件
 *  支持
    
     *   May Be —— 搞开发，总有一天要做的事！

--------------------

全文高清图片，点击即可放大观看 (很多人竟然不知道)

--------------------

# **1** #

##  **Loading Scene —— 加载场景** ##

**游戏开发中，我们经常会遇到需要做一个进度条**

**用来告诉玩家，进行场景切换时，等待加载的进度或者时间等等**

**那么在Unity开发中，我们就需要用到异步加载，来实现此类功能了**  
![举个栗子黑白88][88]  
**例如：市面常见这样的例子**  
![这里写图片描述][70 1]

--------------------

# **2** #

##  **Loading Scripts —— 加载脚本** ##

**把一下脚本挂载前场景**

**然后指定需要跳转到的场景的 名称 / 下标**

**UI 上创建一个 Slider 滑动条**

**然后 我在这里是用 动态获取的方式获得的 名称为“ Slider ”**  
![这里写图片描述][70 2]  
![举个栗子黑白88][88]

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    using UnityEngine.SceneManagement;
    using UnityEngine.UI;
    
    
    /// <summary>
    /// 加载场景 —— 脚本挂载前场景
    /// </summary>
    public class ChinarLoadScene : MonoBehaviour
    {
        private Slider slider;          //滑动条
        int            currentProgress; //当前进度
        int            targetProgress;  //目标进度
    
    
        private void Start()
        {
            currentProgress = 0;
            targetProgress  = 0;
            slider          = GameObject.Find("Slider").GetComponent<Slider>();
            StartCoroutine(LoadingScene()); //开启协成
        }
    
    
        /// <summary>
        /// 异步加载场景
        /// </summary>
        /// <returns>协成</returns>
        private IEnumerator LoadingScene()
        {
            AsyncOperation asyncOperation       = SceneManager.LoadSceneAsync(1); //异步加载1号场景
            asyncOperation.allowSceneActivation = false;                          //不允许场景立即激活//异步进度在 allowSceneActivation= false时，会卡在0.89999的一个值，这里乘以100转整形
            while (asyncOperation.progress < 0.9f)                                //当异步加载小于0.9f的时候
            {
                targetProgress = (int) (asyncOperation.progress * 100); //异步进度在 allowSceneActivation= false时，会卡在0.89999的一个值，这里乘以100转整形
                yield return LoadProgress();
            }
            targetProgress = 100; //循环后，当前进度已经为90了，所以需要设置目标进度到100；继续循环
            yield return LoadProgress();
            asyncOperation.allowSceneActivation = true; //加载完毕，这里激活场景 —— 跳转场景成功
        }
    
    
        /// <summary>
        /// 由于需要两次调用，在这里进行简单封装
        /// </summary>
        /// <returns>等一帧</returns>
        private IEnumerator<WaitForEndOfFrame> LoadProgress()
        {
            while (currentProgress < targetProgress) //当前进度 < 目标进度时
            {
                ++currentProgress;                            //当前进度不断累加 （Chinar温馨提示，如果场景很小，可以调整这里的值 例如：+=10 +=20，来调节加载速度）
                slider.value = (float) currentProgress / 100; //给UI进度条赋值
                yield return new WaitForEndOfFrame();         //等一帧
            }
        }
    }

**效果如下：**  
![这里写图片描述][70]

--------------------

# **3** #

##  **Warm Prompt —— 温馨提示** ##

**Chinar 温馨提示：**

**如果需要跳转的场景很小，资源很少**

**可以通过代码中的`++currentProgress;//当前进度不断累加`**

**调整`++currentProgress`的值 例如：+=10 +=20，来调节加载速度**  
![举个栗子黑白88][88]  
**加载速度明显提升：**  
![这里写图片描述][70 3]

--------------------

# **4** #

##  **Project —— 项目文件** ##

**项目文件为 unitypackage 文件包：**

**下载导入 Unity 即可使用**  
![举个栗子黑白88][88]  
**[ 免费下载 —— 项目资源 ][_ _ _]**

--------------------

# **支持** #

##  **May Be —— 搞开发，总有一天要做的事！** ##

<table> 
 <tbody> 
  <tr> 
   <td> <font>拥有自己的服务器，无需再找攻略！<br><br> Chinar 提供一站式教程，闭眼式创建！<br><br>为新手节省宝贵时间，避免采坑！ </font> </td> 
  </tr> 
 </tbody> 
</table>

**[ 先点击领取 —— 阿里全产品优惠券 (享受最低优惠)][_ _ _ 1]**  
  
  
**1 —— [云服务器超全购买流程 (新手必备!)][Link 1]**  
  
**2 —— [ 阿里ECS云服务器自定义配置 - 购买教程(新手必备!)][_ECS_ -]**  
  
**3—— [ Windows 服务器配置、运行、建站一条龙 !][Windows _]**  
  
**4 ——  [ Linux 服务器配置、运行、建站一条龙 !][Linux _]**

--------------------

![70][70 4]  
   
 **技术交流群：806091680 ！ Chinar 欢迎你的加入**

--------------------

END

本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究  
  
对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: ichinar@icloud.com  
  
对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址

[70]: /images/20210726/bdee01dafb5641f6927994d7f7b49b46.png
[88]: /images/20210726/902c8f06349546d7ba21f2f870811ad8.png
[70 1]: /images/20210726/ed6251ca79984fca9c48c581d71b41c3.png
[70 2]: /images/20210726/74f58e65e8bf4319af8bd4181a1d2772.png
[70 3]: /images/20210726/2e6362aeb1374bad90fc334b146f4a0b.png
[_ _ _]: https://pan.baidu.com/s/1tKaYyOSnuZyYAwm-yfKUqQ
[_ _ _ 1]: https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=fvo2dp6a&utm_source=fvo2dp6a
[Link 1]: http://blog.csdn.net/ChinarCSDN/article/details/79575821
[_ECS_ -]: https://blog.csdn.net/ChinarCSDN/article/details/79656311
[Windows _]: http://blog.csdn.net/ChinarCSDN/article/details/79588171
[Linux _]: https://blog.csdn.net/ChinarCSDN/article/details/79661152
[70 4]: /images/20210726/1139eb81f4b040119d7a5e3be998f989.png