Unity3D 场景切换加载进度条实现

た入场券 2022-01-07 09:15 605阅读 0赞

需要三个场景，场景A，场景B，场景C；

场景A：一个按钮，点击加载场景B；

场景B：从A切换到C过度场景，加载进度条；

场景C：目标场景；

创建OnProgress.cs脚本：

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    using UnityEngine.SceneManagement;
    
    public class OnProgress : MonoBehaviour {
    
        public void OnBtnClick()
        {
            Debug.Log("clicked");
            Globe.nextSceneName = "MainScene";//目标场景名称
            SceneManager.LoadScene("Loading");//加载进度条场景
        }
    }

创建一个panel，在panel下创建一个button，将OnProgress脚本挂载到canvas，点击button，设置button属性,绑定脚本方法，点击加号，选择canvas中刚才绑定脚本中的方法OnBtnClick。至此，A场景完成。

![570037-20181017152545966-908927304.png][]

创建B场景Loading：

Loading场景由两部分组成，加载进度百分比和进度条：

![570037-20181017153653828-132926143.png][]

文本就不说了，说明下进度条的实现，进度条实际是一个Image，设置Image Type为filled，fill Method为horizonal，这里一定要添加source Image，否则下面的Image Type不会出来。

![570037-20181017154025759-744106045.png][]

另外说下添加图片，普通的图片添加到assets中不能直接添加到Source Image中，需要对图片进行设置，如下图：

![570037-20181017154321932-711696804.png][]

OK，再看进度条加载过程的实现：

创建AsyncLoadScene脚本：

using UnityEngine;
    using System.Collections;
    using UnityEngine.UI;
    using UnityEngine.SceneManagement;
    
    public class Globe
    {
        public static string nextSceneName;
    }
    
    public class AsyncLoadScene : MonoBehaviour
    {
        public Text loadingText;
        public Image progressBar;
    
        private int curProgressValue = 0;
    
        private AsyncOperation operation;
    
        // Use this for initialization
        void Start()
        {
            if (SceneManager.GetActiveScene().name == "Loading")
            {
                //启动协程
                StartCoroutine(AsyncLoading());
            }
        }
    
        IEnumerator AsyncLoading()
        {
            operation = SceneManager.LoadSceneAsync(Globe.nextSceneName);
            //阻止当加载完成自动切换
            operation.allowSceneActivation = false;
    
            yield return operation;
        }
    
        // Update is called once per frame
        void Update()
        {
    
            int progressValue = 100;
    
            if (curProgressValue < progressValue)
            {
                curProgressValue++;
            }
    
            loadingText.text = curProgressValue + "%";//实时更新进度百分比的文本显示  
    
            progressBar.fillAmount = curProgressValue / 100f;//实时更新滑动进度图片的fillAmount值  
    
            if (curProgressValue == 100)
            {
                operation.allowSceneActivation = true;//启用自动加载场景  
                loadingText.text = "OK";//文本显示完成OK  
    
            }
        }
    }

将脚本挂在到Loading场景的camera上面。设置对象：

![570037-20181017154557175-1280817258.png][]

这样进度条加载场景就完成了，C场景就不介绍了，就是你要跳转的目标场景。

转载于:https://www.cnblogs.com/hutuzhu/p/9804348.html

[570037-20181017152545966-908927304.png]: /images/20211223/be402431ea6d4c0986bcba22024db470.png
[570037-20181017153653828-132926143.png]: /images/20211223/bb4132e97e6a40719f7850e3444d8af5.png
[570037-20181017154025759-744106045.png]: /images/20211223/0a709a2413cc4e36ba9d6f51ccb41864.png
[570037-20181017154321932-711696804.png]: /images/20211223/7334d9aca5ff477eaccd290ad601089d.png
[570037-20181017154557175-1280817258.png]: /images/20211223/3cb472782f1a4ef186efc6c88c4d72b5.png