首页 > 其他分享 >【Unity3D】UGUI之Button

【Unity3D】UGUI之Button

时间:2023-03-20 20:57:40浏览次数:49  
标签:Unity3D 控件 Button OnClick 按钮 组件 UGUI ButtonController

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

标签:Unity3D,控件,Button,OnClick,按钮,组件,UGUI,ButtonController
From: https://www.cnblogs.com/zhyan8/p/17234884.html

相关文章

  • 【Unity3D】UGUI之Image和RawImage
    1纹理(Texture)​Image控件和RawImage控件都是承载渲染图片的控件,都需要指定一个纹理(Texture)图片。在Assets窗口选中一张图片,在Inspector窗口的参数设置面板可......
  • 【Unity3D】UGUI之Slider
    1Slider属性面板​在Hierarchy窗口右键,选择UI列表里的Slider控件,即可创建Slider控件,选中创建的Slider控件,按键盘【T】键,可以调整Slider控件的大小和位置......
  • 【Unity3D】UGUI之Toggle
    1Toggle属性面板​在Hierarchy窗口右键,选择UI列表里的Toggle控件,即可创建Toggle控件,选中创建的Toggle控件,按键盘【T】键,可以调整Toggle控件的大小和位置......
  • 05:Swift-Button
      正文importSwiftUIstructButtonPage:View{varbody:someView{Button{//按钮点击事件print("按钮点击事件")......
  • 用xml来定义imagebutton的状态
    res/drawable/[color=red]drawable_x[/color].xml<?xmlversion="1.0"encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/ap......
  • android ImageButton示例
    packagecom.xiaohang;importandroid.app.Activity;importandroid.app.AlertDialog;importandroid.app.Dialog;importandroid.app.AlertDialog.Builder;impo......
  • Winform-ToolStripButton实现高清红黄绿指示灯(改善图片造成的模糊)
     //自定义控件(ToolStripButton)publicpartialclassRoundButton:ToolStripButton{protectedoverridevoidOnPaint(PaintEventArgspevent)......
  • UI(一) - NGUI和UGUI比较
    UI是游戏项目中重要的组成部分,面对一个从零开始的项目,首先要确立的就是选用哪个UI系统作为主框架。===现在主流项目中基本上都是NGUI和UGUI,那么到底选哪个。我们先来做个比......
  • Unity3D 小案例技巧04------UI登录+场景切换
    编辑器使用Unity20211.创建UI---Canvas,修改名称为login设置Canvas的大小为1920*1080      2. 在login下创建UI----image  背景:bg给背景添加背......
  • Unity3D 小案例技巧01------小地图
    使用编辑器:Unity2021 1.先添加场地----Plane组件 2.在场地下添加主物体 3.在主物体下添加摄像机拍摄小地图场景----Camera 4.在外部添加UI---RawImage画板承载小......