致善致德 发表于 2023-8-16 18:32:13

Unity UGUI的InputField(输入框)组件的介绍及使用

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);
    }
}操作步骤:

[*]创建一个空物体,并将脚本Example挂载到该物体上。
[*]在场景中创建一个InputField对象,并将其拖拽到Example脚本的inputField字段中。
[*]运行游戏,输入框中输入内容,观察控制台输出。
事注意项:

[*]示例代码中的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挂载到物该体上。
2. 在场景中创建一个InputField对象,并将其拖拽到Example脚本的inputField字段中。
3. 将maxCharacterLimit的值设置为想要限制的最大字符数。
4. 运行游戏,输入框中输入超过最大字符数的内容,观察输入框中的字符数是否受限制。
注意事项:

[*]示例代码中的maxLimitCharacter变量控制了输入框中可输入的最大字符数。
示例3:创建一个密码输入框

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    public InputField inputField;

    private void Start()
    {
      inputField.contentType = InputField.ContentType.Password;
    }
}操作步骤
:1. 创建一个空物体,并将脚本Example挂载到该物体上。
2. 在场景中创建一个InputField对象,并将拖其拽到Example脚本的inputField字段中。
3. 运行游戏,输入中框输入内容,观察输入框中的显示效果。
注意事项:

[*]示例代码中的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;
    }
}操作步骤:

[*]创建一个空物体,并将脚本Example挂载到该物上体。
[*]在场景中创建一个InputField对象,并将其拖到拽Example脚本的inputField字段中。
[*]将placeholderText的值设置为想要显示的占位符文本。
[*]运行游戏,观察输入框中的占位符文本是否改变。
注意事项:

[*]示例代码中的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);
    }
}操作步骤:

[*]创建一个空物体,并将脚本Example挂载到该物体上。
[*]在场景中创建一个InputField对象,并将其拖拽到Example脚本的inputField字段中。
[*]运行游戏,输入框中输入内容,按下回车键,观察控制台输出。
注意事项:

[*]示例代码中的EndInputOnEdit方法会在用户按下回车时键被用调。
参考资料


[*]Unity官方文档:InputField
            本文作者:                            Blank                        
      本文链接:      
      版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
      声援博主:如果您觉得文章对您有帮助,可以点击文章右下角            【                推荐】                  一下。您的鼓励是博主的最大动力!

来源:https://www.cnblogs.com/alianblank/archive/2023/08/16/17635379.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: Unity UGUI的InputField(输入框)组件的介绍及使用