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

【Unity3D】UGUI之Button

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
页: [1]
查看完整版本: 【Unity3D】UGUI之Button