【Unity3D】UGUI之Button

1 Button属性面板

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

img

​ Button 控件的属性面板如下:

img

1)Interactable

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

img Interactable=true

img Interactable=false

2)Transition

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

3)Navigation

​ Navigation 用于设置可交互 UI 的导航方式,即:当前控件获得焦点时,按上下左右箭头键,下一个焦点控件是谁。

2 Button 注册事件

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

1)注册已有组件的方法

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

img

​ 单击按钮,按钮的文本会显示为 “xxxx”,如下:

img

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"。如下:

img

​ 单击按钮控件,打印日志如下:

img

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 方法里只能添加无参方法,可以添加多个方法。

​ 单击按钮控件,打印日志如下:

img

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

posted @ 2023-03-20 20:49  little_fat_sheep  阅读(99)  评论(0编辑  收藏  举报