Unity中UI框架的使用2-进度条跳转到主页面

最新推荐文章于 2025-09-14 00:46:33 发布

原创

最新推荐文章于 2025-09-14 00:46:33 发布 · 1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#unity #ui #游戏引擎

本文介绍了如何在Unity中创建一个Loading面板，并通过协程控制进度条动画，当加载完成后自动跳转到主页面。详细步骤包括编写LoadingPanel脚本，控制进度条的移动，以及在条件满足时关闭Loading面板并显示主页面。

效果图：Loading面板的进度条加载完毕之后，直接跳转到主页面

实现方法：

1.首先要控制进度条的移动：这部分功能我们是在LoadingPanel面板上写了一个名LoadingPanel的脚本，其中利用一个协程，来控制进度条的移动。

2.其次是跳到主页面：在协程条件退出的时候，（这里我们设置的是三秒后退出协程），退出时先关闭当前UI面板，再显示主面板即可。

LoadingPanel.cs

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

public class LodingPanel : NBasePanel {


	void Start () {
        StartCoroutine(Loding());//开启协程
	}

    private IEnumerator Loding()
    {
        var t = Time.time;//记录一开始的时间
        var img = transform.Find("bottom/Image").GetComponent<Image>();