【Unity3D】UGUI之InputField

1 InputField 属性面板

​ 在 Hierarchy 窗口右键,选择 UI 列表里的 InputField(输入框)控件,即可创建 InputField 控件,选中创建的 InputField 控件,按键盘【T】键,可以调整 InputField 控件的大小和位置。

img

​ 创建 InputField 控件时,系统会自动为其创建 2 个 Text 子控件,如下:

img

  • Placeholder:Text 控件,当用户未输入时,提示用户输入的文本
  • Text:Text 控件,用户显示的文本

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

img

  • Character Limit:文本长度限长,0 表示不受限;
  • Content Type:文本类型,主要有:Standard(标准)、Integer Number(整数)、Decimal Number(浮点数)、Name(姓名格式,每个单词手写字母大写,其后字母小写)、Email Address(邮件格式)、Password(密码)、Pin(Pin 码)

2 InputField 注册事件

​ InputField 可以监听 OnValueChanged 和 OnEndEdit 事件,可以给 InputField 注册多个事件。当输入的字符串有变化时,会触发 OnValueChanged 事件;当输入 Enter 时,会触发 OnEndEdit 事件,

​ 给 InputField 添加 InputFieldController 脚本组件,如下:

​ InputFieldController.cs

using UnityEngine;
using UnityEngine.UI;

public class InputFieldController : MonoBehaviour {

	void Start () {
		InputField inputField = GetComponent<InputField>();
		inputField.onValueChanged.AddListener(OnValueChanged);
		inputField.onEndEdit.AddListener(OnEndEdit);
	}

	public void OnValueChanged(string text) {
		Debug.Log("OnValueChanged, text=" + text);
	}

	public void OnEndEdit(string text) {
		Debug.Log("OnEndEdit, text=" + text);
	}
}

​ 注意:AddListener 方法里只能添加入参为 string 类型的方法,可以添加多个方法。

​ 在输入框中输入 “123”,并按 “Enter” 键结束输入,打印日志如下:

img

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

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