Unity3d中UGUI组件精简复盘（十五）InputField组件

Posted 2022-12-01 ProMer_Wang

上一节，我们简单概括了Unity3D编辑器中Dropdown组件的简要介绍。具体详情链接为：Unity3d中UGUI组件精简复盘（十四）Dropdown组件

话不多说，我们直接进入正题~ 今天我们简要概括复盘的组件便是InputField组件啦~

InputField组件

输入框，继承于Selectable基类

属性：应用于登陆，用户名输入

Text Component： Text的Transform

Text： Text输入的文本内容

Character Limit： 字符的数量限制，最多能输入多少个，数值为0则没有显示，数值非零则有输入数量限制。

Content Type：Standard 任何类型的字符，Autocorrected自动校正，pc端不支持，移动端支持，Integer Number整数值；Decimal Number十进制数；Alphanumeric大小写英文字母，0~9数字；特殊字符不行；Name只能输入英文字符，强制每个单词首字母大写；Email Address只能输入字母、数字与@，不支持其他特殊字符；Password可输入所有字符，输入字符不可见，用星号*隐藏输入字符；Pin只能输入整数，输入字符不可见，用星号隐藏字符；Custom用户自己定义的类型；

Lint Type： 描述框的输入类型，single line单行的输入表现格式；Multi Line Submit多行的输入表现格式，按下回车换行；Multi Line NewLine跟multi linesubmit类似，按下回车提交（即不可输入）

Input Type: 输入类型，Standard标准的键盘，作用于移动端，Auto Correct自动更正的键盘，PassWord密码的输入

Keyboard Type： 使用的键盘类型，Default目标平台的默认键盘；Number Pad 标准的数字键盘；其他的类型去官网查

Character Validation： 字符验证，None没有验证，Integer验证输入是否为整数，不是则不允许输入，即便按键了也无法输入进去；Decimal验证是否为十进制数，不是则不允许输入，Alphanumeric验证输入的字符是否为大小写英文字母，0~9数字，不是则不允许输入。Name只允许输入英文字符，自动将输入的单词首字母大写；Email Addresss只允许输入邮箱地址

Placeholder: 提示文本

Caret Blink Rate： 光标的闪烁频率

Caret Width： 光标的宽度

Custom Caret Color： 不勾选使用默认颜色，勾选后Caret Color可选择光标颜色

Selection Color： 选中文本时选中背景颜色

Hide Mobile Input： 隐藏到移动输入键盘，仅用于ios

Read Only： 只读，勾选上后，文本只能看，无法改动、输入；

添加了两种事件: OnValueChanged(string)每输入一个值都会响应一次，On End Edit(string)输入文本结束之后，回车后提交后会调用

例如：

using UnityEngine.UI;
public class TestInputField : MonoBehaviour 
	void Start () 
        GetComponent<InputField>().onValueChanged.AddListener((value) => Debug.Log(value));
        GetComponent<InputField>().onEndEdit.AddListener((value) => Debug.Log(value));
	

联系工作实际：
InputField组件可想而知，在游戏开发过程中，但凡涉及到输入文本有关的地方都可以用得上，当然，我们有时候也会直接直接通过Text组件来实现对应的InputField的效果。我们只需要通过代码控制，来读取Text中的文本信息即可，至于文本中的内容是否可见，即可通过对应的属性调整进行相关的设置，同时利用Text也会给我们带来更高的开发效率。

如果博客博友对这个章节有更多的内容想要了解的，可以评论哈，等这一个章节结束后，我会根据评论反馈以及自己的能力，将评论中反馈的内容在下一个计划中去制作出对应的内容的哈~

作者：ProMer_Wang

链接：https://blog.csdn.net/qq_43801020/article/details/119390896

本文为ProMer_Wang的原创文章，著作权归作者所有，转载请注明原文出处，欢迎转载！