共计 2557 个字符,预计需要花费 7 分钟才能阅读完成。
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 挂载到物该体上。
- 在场景中创立一个 InputField 对象,并将其拖拽到 Example 脚本的 inputField 字段中。
- 将 maxCharacterLimit 的值设置为想要限度的最大字符数。
- 运行游戏,输入框中输出超过最大字符数的内容,察看输入框中的字符数是否受限制。
注意事项:
- 示例代码中的 maxLimitCharacter 变量管制了输入框中可输出的最大字符数。
示例 3:创立一个明码输入框
using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
public InputField inputField;
private void Start()
{inputField.contentType = InputField.ContentType.Password;}
}
操作步骤
:1. 创立一个空物体,并将脚本 Example 挂载到该物体上。
- 在场景中创立一个 InputField 对象,并将拖其拽到 Example 脚本的 inputField 字段中。
- 运行游戏,输出中框输出内容,察看输入框中的显示成果。
注意事项:
- 示例代码中的 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
正文完