【Unity3D】UGUI之Button

kirin77 · 发表于 2023-2-23 09:13

1 Button属性面板

在 Hierarchy 窗口右键，选择 UI 列表里的 Button 控件，即可创建 Button 控件，选中创建的 Button 控件，按键盘【T】键，可以调整 Button 控件的大小和位置。创建 Button 控件时，系统会自动给其创建一个 Text 子控件，用于承载按钮的文本显示和格式控制。

Button 控件的属性面板如下：

1）Interactable

Interactable 用于设置按钮交互是否有效，取消勾选后，按钮会变灰。

Interactable=true

Interactable=false

2）Transition

Transition 用于设置悬浮、点击、离开按钮时，按钮样式的变化。

3）Navigation

Navigation 用于设置可交互 UI 的导航方式，即：当前控件获得焦点时，按上下左右箭头键，下一个焦点控件是谁。
2 Button 注册事件

点击 OnClick 下面的 “+” 号，可以为按钮添加响应事件，可以添加多个事件。

1）注册已有组件的方法

点击 OnClick 下面的 “+” 号，将 Button 下面的 Text 控件拖拽到 OnClick 面板里，选择 Text.text，下方文本设置 "xxxx"，如下：

单击按钮，按钮的文本会显示为 “xxxx”，如下：

2）注册脚本组件里面的方法

给 Button 控件添加 ButtonController 脚本组件如下：

ButtonController.cs
using UnityEngine;public class ButtonController : MonoBehaviour { public void OnClick1() { Debug.Log("Click1"); } public void OnClick2(string msg) { Debug.Log("Click2, msg=" + msg); }}
注意：待注册的方法，最多只能提供 1 个参数。

点击 OnClick 下面的 “+” 号，将 ButtonController 脚本组件拖拽到 OnClick 面板里，选择 ButtonController.OnClick1 方法；再点击 OnClick 下面的 “+” 号，将 ButtonController 脚本组件拖拽到 OnClick 面板里，选择 ButtonController.OnClick2 方法，其下方输入"xxxx"。如下：

单击按钮控件，打印日志如下：

3）代码里注册事件

给 Button 控件添加 ButtonController 脚本组件如下：

ButtonController.cs
using UnityEngine;using UnityEngine.UI;public class ButtonController : MonoBehaviour { private void Start() { Button button = GetComponent<Button>(); button.onClick.AddListener(OnClick); } private void OnClick() { Debug.Log("Click"); }}
注意： AddListener 方法里只能添加无参方法，可以添加多个方法。

单击按钮控件，打印日志如下：

声明：本文转自【Unity3D】UGUI之Button

		自动登录	找回密码
密码			立即注册

【Unity3D】UGUI之Button

本帖子中包含更多资源