首页 > 其他分享 >Unity UGUI的InputField(输入框)组件的介绍及使用

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

时间:2023-08-16 16:11:37浏览次数:53  
标签:inputField 示例 InputField Example 输入框 Unity public

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挂载到物该体上。
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;
    }
}

操作步骤:

  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方法会在用户按下回车时键被用调。

参考资料

标签:inputField,示例,InputField,Example,输入框,Unity,public
From: https://www.cnblogs.com/alianblank/p/17635379.html

相关文章

  • 问题--清空输入框表单
    1.问题--想要清空输入框表单//3.验证的是验证码//3.1获取验证码表单constcodeInput=document.querySelector('[name="code_login"]')//3.2使用change事件监听器,邮箱输入框值发生变化的时候,执行verify_Code函数codeInput.addEventListener('change',verify_Code)//......
  • Unity 精准伤害检测
      usingSystem;usingUnityEngine;publicclassTestGameAnimEevnt:MonoBehaviour{[Range(0,1)]publicfloattimeScale=1;publicTransform[]checkPointsTrans;publicVector3[]checkPointsOld;publicboolcheck;privateRaycastHit[]r......
  • 【Unity开发】Unity 学习网址 资源 收藏整理大全
    Unity相关网站整理大全众所周知,工欲善其事必先利其器,有一个好的工具可以让我们事半功倍,有一个好用的网站更是如此!但是好用的网站真的太多了,收藏夹都满满的(但是几乎没打开用过......
  • Unity3d - 触摸屏幕手指控制物体移动(跟随手指移动)
    最近工作中的新需求,手指触摸屏幕选中物体跟随手指移动的任务,开发完成后便记录下来,大家共勉publicclassTouchTest:MonoBehaviour{  publicTransformcurrTouchObj;  privateCameramainCamera;  privatevoidAwake()  {    mainCamera=C......
  • UnityExcel数据查看以及文件导入
    需要插件EPPlus.dll、Excel.dll///<summary>///读取Excel表并返回一个DataRowCollection对象///</summary>///<paramname="_path">Excel表路径</param>///<paramname="_sheetIndex">读取的Sheet索引。Excel表中是有多个......
  • unity中Input.GetAxis()用法
     学习笔记:usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;publicclassTransformPointTest:MonoBehaviour{publicTransformCube;voidFixedUpdate(){//vector3.clampMagnitude(vector,maxlength)......
  • unity中Input.GetAxis()用法
    usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;publicclassTransformPointTest:MonoBehaviour{publicTransformCube;voidFixedUpdate(){//vector3.clampMagnitude(vector,maxlength)//返回原向......
  • unity学习笔记------游戏对象和脚本
    创建工程在开始使用Unity编辑器之前,我们需要首先创建一个项目。打开UnityHub,这个是Unity的启动程序和安装程序应用程序,你可以在其中创建或打开项目,安装Unity版本以及执行其他操作。创建新项目时,可以选择其Unity版本和模板。创建之后,它将添加到项目列表中,并在相应版本的Unity编......
  • Burp Suite Professional / Community 2023.9 (macOS, Linux, Windows) - Web 应用安
    BurpSuiteProfessional/Community2023.9(macOS,Linux,Windows)-Web应用安全、测试和扫描BurpSuiteProfessional,Test,find,andexploitvulnerabilities.请访问原文链接:https://sysin.org/blog/burp-suite-pro-2023/,查看最新版。原创作品,转载请保留出处。作者......
  • Unity的AssetPostprocessor之Model之动画:深入解析与实用案例 3
    UnityAssetPostprocessor的Model的动画相关的函数修改实际应用在Unity中,AssetPostprocessor是一个非常有用的工具,它可以在导入资源时自动执行一些操作。其中,Model的动画相关的函数修改可以帮助我们在导入模型时自动修改动画相关的函数,从而提高我们的工作效率。本文将介绍如何使......