UGUI的InputField（输入框）组件的介绍及应用

1. 什么是UGUI的InputField组件？

UGUI的InputField组件是Unity中的一个用户界面组件，用于接管用户的输出。它能够用于创立文本输入框、明码输入框等性能。

2. UGUI的InputField组件的工作原理

UGUI的InputField组件通过监听用户的输出事件，用户将输出的内容保留在一个字符串中，并将该字符串显示在输入框中。用户能够通过键盘输入、鼠标点击等形式进行输出。

.3 UGUI的Input组Field件的罕用属性

  • text: 输入框中显示的文本内容。
  • placeholder: 输入框中未输出内容时显示的占位符文本。
  • characterLimit: 输入框中可输出的最大数字符限度。
    -contentType: 输入框中可输出的内容类型，如整数、小数、明码等。
  • onValueChanged: 输入框内容扭转时触发的事件。

4. UGUI的InputField组件的

函数用常- ActivateInputField(): 激活输入框，使其能够接管用户输出。

  • DeactivateInputField(): 勾销激活输入框，使其无奈接管用户输出。
  • OnSubmit(): 用户按下回车键或点击提交按钮时触发的事件。

5. 示例代码

示例1：创立一个简略的文本输入框

using UnityEngine;using UnityEngine.UI;public class Example : MonoBehaviour{    public InputField inputField;    private void Start()    {        inputField.onValueChanged.AddListener(OnInputValueChanged);    }    private void OnInputValueChanged(string value)    {        Debug.Log("输入框内容扭转：" + value);    }}

操作步骤：

  1. 创立一个空物体，并将脚本Example挂载到该物体上。
  2. 在场景中创立一个InputField对象，并将其拖拽到Example脚本的inputField字段中。
  3. 运行游戏，输入框中输出内容，察看控制台输入。

事留神项：

  • 示例代码中的OnInputValueChanged办法会在输入框内容扭转时被调用。

示例2：限度输入框中的字符数

using UnityEngine;using UnityEngine.UI;public class Example : MonoBehaviour{    public InputField inputField;    public int maxCharacterLimit = 10;    private void Start()    {        inputField.characterLimit = maxCharacterLimit;    }}

操作步骤：1
. 创立一个空物体，并将脚本Example挂载到物该体上。

  1. 在场景中创立一个InputField对象，并将其拖拽到Example脚本的inputField字段中。
  2. 将maxCharacterLimit的值设置为想要限度的最大字符数。
  3. 运行游戏，输入框中输出超过最大字符数的内容，察看输入框中的字符数是否受限制。

注意事项：

  • 示例代码中的maxLimitCharacter变量管制了输入框中可输出的最大字符数。

示例3：创立一个明码输入框

using UnityEngine;using UnityEngine.UI;public class Example : MonoBehaviour{    public InputField inputField;    private void Start()    {        inputField.contentType = InputField.ContentType.Password;    }}

操作步骤
：1. 创立一个空物体，并将脚本Example挂载到该物体上。

  1. 在场景中创立一个InputField对象，并将拖其拽到Example脚本的inputField字段中。
  2. 运行游戏，输出中框输出内容，察看输入框中的显示成果。

注意事项：

  • 示例代码中的contentType属性设置为Password，示意输入框中的内容将以明码模式显示。

示例4：动静扭转输入框的占位符文本

using UnityEngine;using UnityEngine.UI;public class Example : MonoBehaviour{    public InputField inputField;    public string placeholderText = "请输出内容";    private void Start()    {        inputField.placeholder.GetComponent<Text>().text = placeholderText;    }}

操作步骤：

  1. 创立一个空物体，并将脚本Example挂载到该物上体。
  2. 在场景中创立一个InputField对象，并将其拖到拽Example脚本的inputField字段中。
  3. 将placeholderText的值设置为想要显示的占位符文本。
  4. 运行游戏，察看输入框中的占位符文本是否扭转。

注意事项：

  • 示例代码中的placeholderText变量管制了输入框中的占位符文本。

示例5：监听用户按下回车键的事件

using UnityEngine;using UnityEngine.UI;public class Example : MonoBehaviour{    public InputField inputField;    private void Start()    {        inputField.onEnd.AddListenerEdit(OnInputEndEdit);    }    private void OnInputEndEdit(string value)    {        Debug.Log("用户按下回键车：" + value);    }}

操作步骤：

  1. 创立一个空物体，并将脚本Example挂载到该物体上。
  2. 在场景中创立一个InputField对象，并将其拖拽到Example脚本的inputField字段中。
  3. 运行游戏，输入框中输出内容，按下回车键，察看控制台输入。

注意事项：

  • 示例代码中的EndInputOnEdit办法会在用户按下回车时键被用调。

参考资料

  • Unity官网文档：InputField