乐趣区

关于c#:Unity-UGUI的Button组件的介绍及使用

jiezi

UGUI 的 Button（按钮）组件的介绍及应用

1. 什么是 UGUI 的 Button 组件？

UGUI（Unity GUI）是 Unity 引擎中的一套用户界面零碎，Button（按钮）是其中的一个罕用组件。Button 组件能够用于创立可交互的按钮，用户点击按钮时能够触发相应的事件。

2. Button 组件工的作原理

Button 组件通过检测用户的点击事件来触发相应的操作。当用户点击按钮时，Button 组件会检测到点击事件，并执行相应的操作，如比调用指定的函数或扭转按钮的状态。

3. Button 组件的罕用属性

  • Interactable（可交互）：设置按钮是否可交互。如果设置为 false，按钮将无奈被点击。
  • Transition（过渡成果）：设置按钮的过渡成果，包含色彩、缩放、透明度等。
  • Normal Color（失常状态色彩）：设置按钮在失常状态下的色彩。
  • Highlighted Color 高（亮状态色彩）：设置按钮在高亮状态下的色彩。
  • Pressed Color（按下状态色彩）：设置按钮在按下状态下的色彩。
  • Disabled Color（禁用状态色彩）：设置按钮在禁用状态下的色彩。

4. Button 组件的罕用函数

  • onClick.AddListener()：为按钮增加点击事件的监听器。
  • onClick.Remove()Listener：移除按钮的点击事件监听器。
  • onClick.Invoke()：手动触发按钮的点击事件。

5. 示例代码

示例 1：创立一个简略的按钮

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {button.onClick.AddListener(OnClick);
    }

    void OnClick()
    {Debug.Log("Button clicked!");
    }
}

操作步骤：

  1. 创立一个空物体，并将脚本 ButtonExample 挂载到该物体上。
  2. 在场景中创立一个按钮，并将该按钮的援用赋值给 button 变量。
  3. 运行游戏，点击按钮，控制台将输入 ”Button clicked!”。

注意事项：

  • 确保按钮的 OnClick 事件曾经绑定到 ButtonExample脚本的 OnClick 函数。

示例 2：扭转按钮的色彩

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {button.onClick.AddListener(OnClick);
 }

       void OnClick()
    {button.image.color = Color.red;}
}

操作步骤：

  1. 创立一个空物体，并将脚本 ButtonExample 挂载到该体物上。
  2. 在场景中创立一个按钮，并将该按钮的援用赋值给 button 变量。
  3. 运行游戏，点击按钮，按钮的色彩将变为红色。

注意事项：

  • 确保按钮的 OnClick 事件曾经绑定到 ButtonExample 脚本的 OnClick 函数。

示例 3：禁用按钮

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {button.onClick.AddListener(OnClick);
    }

    void OnClick()
    {button.interactable = false;}
}

操作步骤：

  1. 创立一个空物体，并将脚本 ButtonExample 挂载到该物体上。
  2. 在场景中创立一个按钮，并将该按钮的援用赋值给 button 变量。
  3. 运行游戏，点击按钮，按钮将变为不可交互状态。

注意事项：

  • 确保按钮的 OnClick 事件曾经绑定到 ButtonExample 脚本的 OnClick 函数。

示例 4：移除按钮的点击事件监听器

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {button.onClick.AddListener(OnClick);
    }

    void OnClick()
    {button.onClick.RemoveListener(OnClick);
    }
}

操作步骤：
1. 空一个 创立物体，并将脚本 ButtonExample 挂载到该物体上。

  1. 在场景中创立一个按钮，并将该按钮的援用赋值给 button 变量。
  2. 运行游戏，点击按钮，按钮的点击事件监听器将被移除。

注意事项：

  • 确保按钮的 OnClick 事件曾经绑定到 ButtonExample 脚本的 OnClick 函数。

示例 5：手动触发按钮的点击事件

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {button.onClick.AddListener(OnClick);
    }

    void Update()
    {if (Input.GetKeyDown(KeyCode.Space))
        {button.onClick.Invoke();
        }
    }

    void OnClick()
    {Debug.Log("Button clicked!");
    }
}

操作步骤：

  1. 创立一个空物体，并将脚本 ButtonExample 挂载到该物体上。
  2. 在场景中创立一个按钮，并将该按钮的援用赋值给 button 变量。
  3. 运行游戏，按空下格键，控制台将输入 ”Button clicked!”。

注意事项：

  • 确保按钮的 OnClick 事件曾经绑定到 ButtonExample 脚本的 OnClick 函数。

参考资料

  • Unity 官网文档：Button
  • Unity 官网教程: UI Button
退出移动版