UGUI 知识精讲与实用案例（第 3 弹）——Button 组件及触发事件详解

在 Unity 游戏开发的 UGUI 系统中，Button 组件作为极为常用的交互元素，承担着连接玩家与游戏功能的关键角色。从简单的确认操作到复杂的场景切换，Button 无处不在。本文将深入剖析 Button 组件的各个参数功能，并结合实际案例，帮助开发者更好地掌握其使用方法，提升游戏交互体验。

最终效果

button

一、Interactable 参数

该参数决定按钮是否可交互。勾选时，按钮可以响应玩家操作；取消勾选，按钮处于禁用状态，无法响应点击等操作。

二、Transition 参数

此参数用于设置按钮状态切换时的过渡效果，图中选择的是 “Color Tint”（颜色 tint 过渡），即通过改变颜色来表现按钮不同状态。

（一）Target Graphic

指定要应用颜色变化的图形组件，图中为 “Button (Image)”，即按钮自身的图片组件。

（二）Normal Color

按钮处于正常状态时的颜色。

（三）Highlighted Color

鼠标悬停在按钮上时的颜色。

（四）Pressed Color

按钮被按下时显示的颜色。

（五）Selected Color

当按钮处于选中状态（常用于 Toggle Button 场景）的颜色。

（六）Disabled Color

按钮禁用时的颜色。

（七）Color Multiplier

颜色乘法系数，取值范围 0 - 1，用于调整颜色过渡时的强度，图中值为 1。

（八）Fade Duration

颜色过渡的渐变持续时间，单位为秒，图中设置为 0.1 秒。

三、Navigation 参数

设置按钮的导航方式，图中为 “Automatic”（自动），即 Unity 会根据按钮布局自动处理导航。

四、On Click () 事件

这是按钮的点击事件列表，图中显示 “List is Empty”，表示当前没有添加任何点击响应函数。实际使用时，开发者可以通过点击 “+” 号添加函数，指定按钮被点击时要执行的操作，比如加载新场景、播放音效等。

五、实用案例

案例背景

创建一个简单的游戏界面，包含一个开始游戏按钮和一个退出游戏按钮。

实现步骤

在 Unity 场景中创建两个 Button 组件。
分别设置它们的文本为 “开始游戏” 和 “退出游戏”。
为 “开始游戏” 按钮的 On Click () 事件添加一个函数，用于加载游戏场景。
为 “退出游戏” 按钮的 On Click () 事件添加一个函数，用于退出应用程序（在编辑器中模拟退出可使用 UnityEditor.EditorApplication.isPlaying = false;，在真机上使用 Application.Quit();）。
根据需要调整按钮的颜色过渡参数，如将 Highlighted Color 设置为浅蓝色，Pressed Color 设置为深蓝色，增强交互反馈。
代码如下：

using UnityEngine;
using UnityEngine.SceneManagement;
#if UNITY_EDITOR
using UnityEditor;
#endif

public class GameButtonManager : MonoBehaviour
{
    // 开始游戏函数
    public void StartGame()
    {
        // 这里假设你的游戏场景名为 "gameScene"，你需要根据实际情况修改
        SceneManager.LoadScene("gameScene");
    }

    // 退出游戏函数
    public void QuitGame()
    {
#if UNITY_EDITOR
        // 在编辑器中模拟退出
        EditorApplication.isPlaying = false;
#else
        // 在真机上退出应用程序
        Application.Quit();
#endif
    }
}

Tips：

在实际运行过程中，如果出现 “Scene 'gameScene' couldn't be loaded because it has not been added to the build settings or the AssetBundle has not been loaded.” 这样的错误提示，说明需要将目标场景添加到构建设置中。通过 “File -> Build Settings...” 菜单，将对应的游戏场景添加到 “Scenes In Build” 列表中，即可解决该问题。