Unity 实现按钮 Loading 状态：让你的按钮更优雅更实用

开发工具

2023-07-02 07:40:46

Unity中按钮的Loading状态

一、Loading状态的意义

在现代软件和游戏设计中，Loading状态至关重要，它向用户传达应用程序或游戏正在处理数据或加载内容，缓解用户的焦急情绪。一个设计精良的Loading状态可以显著提升用户体验，让你的应用程序或游戏更加专业和吸引人。

二、Unity中实现按钮的Loading状态

1. 创建按钮脚本

首先，创建一个新的C#脚本，命名为“ButtonLoadingState.cs”。此脚本将负责管理按钮的Loading状态。

2. 添加必要组件

将“ButtonLoadingState.cs”脚本添加到你的按钮游戏对象上。你还需要添加一个Image组件和一个Text组件。Image组件用于显示Loading图标，而Text组件用于显示Loading文本。

3. 编写脚本代码

在“ButtonLoadingState.cs”脚本中，编写以下代码实现按钮的Loading状态：

using UnityEngine;
using UnityEngine.UI;

public class ButtonLoadingState : MonoBehaviour
{
    private Button _button;
    private Image _loadingIcon;
    private Text _loadingText;

    private bool _isLoading;

    private void Start()
    {
        _button = GetComponent<Button>();
        _loadingIcon = transform.Find("LoadingIcon").GetComponent<Image>();
        _loadingText = transform.Find("LoadingText").GetComponent<Text>();

        _isLoading = false;
    }

    public void StartLoading()
    {
        _isLoading = true;

        _button.interactable = false;
        _loadingIcon.gameObject.SetActive(true);
        _loadingText.gameObject.SetActive(true);
    }

    public void StopLoading()
    {
        _isLoading = false;

        _button.interactable = true;
        _loadingIcon.gameObject.SetActive(false);
        _loadingText.gameObject.SetActive(false);
    }

    private void Update()
    {
        if (_isLoading)
        {
            _loadingIcon.transform.Rotate(Vector3.forward * Time.deltaTime * 360);
        }
    }
}