Unity——两种进度条的制作

最新推荐文章于 2025-04-28 11:36:28 发布

Laker404

最新推荐文章于 2025-04-28 11:36:28 发布

阅读量3.8k

点赞数 5

分类专栏： Unity引擎游戏开发 C# 文章标签： unity

本文链接：https://blog.youkuaiyun.com/leikang111/article/details/130423241

版权

C# 同时被 3 个专栏收录

51 篇文章

订阅专栏

Unity引擎

42 篇文章

订阅专栏

游戏开发

13 篇文章

订阅专栏

本文介绍了如何在Unity3D中创建线状和饼状的进度条来显示场景加载进度。通过使用Slider组件和Image组件，结合AsyncOperation进行异步加载，动态更新进度条的值。当加载达到一定比例时，显示‘加载完成’的信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、进度条-线状

Step1:创建Slider和Text，随便摆一下

Step2:写脚本

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

public class LineLoad : MonoBehaviour
{
    //进度显示
    public Text text;
    //进度条
    public Slider progressSlider;

    private void Start()
    {
        StartCoroutine(LoadScene());
    }
    IEnumerator LoadScene()
    {
        AsyncOperation operation = SceneManager.LoadSceneAsync("ExcelScene");

        while (!operation.isDone)
        {
            progressSlider.value = operation.progress;

            text.text = operation.progress * 100 + "%";

            if (operation.progress >= 0.9f)//如果进度条已经到达90%
            {
                progressSlider.value = 1; //那就让进度条的值编变成1
                text.text = "加载完成！";
            }
            yield return null;
        }
    }
}

Step3:把场景加载到BuildSetting中

Done!

二、进度条-饼状

Step1:找到类似圆环的图片，做成Image，再加一个Text

Step2：把Image的类型改成Filled类型，起始点Origin改成Top，Clockwise改为false

fillAmount改为0

Step3:写脚本

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

public class CircleLoad : MonoBehaviour
{
    public Image m_Image;
    public Text m_Text;

    private void Start()
    {
        m_Image.fillAmount = 0;

        StartCoroutine(LoadSceneCircle());
    }

    IEnumerator LoadSceneCircle()
    {
        AsyncOperation operation = SceneManager.LoadSceneAsync("ExcelScene");

        while (!operation.isDone)
        {
            m_Image.fillAmount = operation.progress / 100f ;

            m_Text.text = operation.progress * 100 + "%";

            if (operation.progress >= 0.9f)//如果进度条已经到达90%
            {
                m_Image.fillAmount = 1; //那就让进度条的值编变成1
                m_Text.text = "加载完成！";
            }
            yield return null;
        }
    }
}

这里和上面不一样的地方是，这里主要用到了fillAmout属性，而进度条就只需要Slider的Process属性即可

怎么样，是不很简单？