ToB企服应用市场:ToB评测及商务社交产业平台

标题: Unity UGUI的InputField（输入框）组件的介绍及使用 [打印本页]

---

作者: 缠丝猫    时间: 2023-8-29 04:43
标题: 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：创建一个简单的文本输入框

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class Example : MonoBehaviour
5. {
6.     public InputField inputField;
8.     private void Start()
9.     {
10.         inputField.onValueChanged.AddListener(OnInputValueChanged);
11.     }
13.     private void OnInputValueChanged(string value)
14.     {
15.         Debug.Log("输入框内容改变：" + value);
16.     }
17. }

复制代码

操作步骤：

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

事注意项：

• 示例代码中的OnInputValueChanged方法会在输入框内容改变时被调用。
  

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

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class Example : MonoBehaviour
5. {
6.     public InputField inputField;
7.     public int maxCharacterLimit = 10;
9.     private void Start()
10.     {
11.         inputField.characterLimit = maxCharacterLimit;
12.     }
13. }

复制代码

操作步骤：1
. 创建一个空物体，并将脚本Example挂载到物该体上。
2. 在场景中创建一个InputField对象，并将其拖拽到Example脚本的inputField字段中。
3. 将maxCharacterLimit的值设置为想要限制的最大字符数。
4. 运行游戏，输入框中输入超过最大字符数的内容，观察输入框中的字符数是否受限制。
注意事项：

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

示例3：创建一个密码输入框

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class Example : MonoBehaviour
5. {
6.     public InputField inputField;
8.     private void Start()
9.     {
10.         inputField.contentType = InputField.ContentType.Password;
11.     }
12. }

复制代码

操作步骤
：1. 创建一个空物体，并将脚本Example挂载到该物体上。
2. 在场景中创建一个InputField对象，并将拖其拽到Example脚本的inputField字段中。
3. 运行游戏，输入中框输入内容，观察输入框中的显示效果。
注意事项：

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

示例4：动态改变输入框的占位符文本

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class Example : MonoBehaviour
5. {
6.     public InputField inputField;
7.     public string placeholderText = "请输入内容";
9.     private void Start()
10.     {
11.         inputField.placeholder.GetComponent<Text>().text = placeholderText;
12.     }
13. }

复制代码

操作步骤：

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

注意事项：

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

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

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class Example : MonoBehaviour
5. {
6.     public InputField inputField;
8.     private void Start()
9.     {
10.         inputField.onEnd.AddListenerEdit(OnInputEndEdit);
11.     }
13.     private void OnInputEndEdit(string value)
14.     {
15.         Debug.Log("用户按下回键车：" + value);
16.     }
17. }

复制代码

操作步骤：

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

注意事项：

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

参考资料

• Unity官方文档：InputField
  

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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4