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

参考资料

Unity UGUI的InputField(输入框)组件的介绍及使用的更多相关文章

  1. Unity UGUI Layout自动排版组件用法介绍

    Unity UGUI布局组件 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分享 ...

  2. 关于 Unity UGUI 中修改 Mask 组件下 Image 等子节点组件的材质无效的问题

    前几天同事做了一个效果,希望在原本使用了遮罩组件 Mask 的技能图标(让技能图标变成圆形)上在添加一个置灰的功能,但问题来了:因为是动态根据游戏中玩家的条件才动态置灰,以修改 Mask 下子节点 I ...

  3. Unity UGUI —— 无限循环List

    还记得大学毕业刚工作的时候是做flash的开发,那时候看到别人写的各种各样的UI组件就非常佩服,后来自己也慢慢尝试着写,发现其实也就那么回事.UI的开发其实技术的成分相对来说不算多,但是一个好的UI是 ...

  4. Unity UGUI

    超详细的基础教程传送门:(持续更新中) Unity UGUI之Canvas&EventSystem:http://blog.csdn.net/qq992817263/article/detai ...

  5. Unity UGUI图文混排源码(三) -- 动态表情

    这里是根据图文混排源码(二)进一步修改的,其他链接也不贴了,就贴一个链接就好了,第一次看这文章的同学可以先去看看其他几篇文章 Unity UGUI图文混排源码(二):http://blog.csdn. ...

  6. Unity UGUI图文混排源码(二)

    Unity UGUI图文混排源码(一):http://blog.csdn.net/qq992817263/article/details/51112304 Unity UGUI图文混排源码(二):ht ...

  7. Unity UGUI实现图文混排

    目前在unity实现图文混排的好像都是通过自定义字体然后在文本获取字符的位置,用图片替换掉图片标签,这样对于支持英文来说,并没有什么影响.然后对于中文来说就是一个相当麻烦的事了,毕竟图文混排多用于游戏 ...

  8. Unity Jobsystem 详解实体组件系统ECS

    原文摘选自Unity Jobsystem 详解实体组件系统ECS 简介 随着ECS的加入,Unity基本上改变了软件开发方面的大部分方法.ECS的加入预示着OOP方法的结束.随着实体组件系统ECS的到 ...

  9. unity ugui Toggle Group详解(Chinar出品、简单易懂)

    UGUI Toggle Group用法教程 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar ...

  10. 【Unity】4.1 创建组件

    分类:Unity.C#.VS2015 创建日期:2016-04-05 一.简介 组件(Component)在Unity游戏开发工作中非常重要,可以说是实现一切功能所必需的. 1.游戏对象(Game O ...

随机推荐

  1. 2020-12-29:mysql中,innodb表里,某一条数据删除了之后,这条数据会被真实的擦掉吗,还是删除了关系?

    福哥答案2020-12-29:[答案来自此链接,答案相当详细:](https://www.zhihu.com/question/436957843)面试的时候受 <MySQL技术内幕 InnoD ...

  2. 2021-08-29:N * M的棋盘(N和M是输入参数),每种颜色的格子数必须相同的,上下左右的格子算相邻,相邻格子染的颜色必须不同,所有格子必须染色,返回至少多少种颜色可以完成任务。 福大大 答

    2021-08-29:N * M的棋盘(N和M是输入参数),每种颜色的格子数必须相同的,上下左右的格子算相邻,相邻格子染的颜色必须不同,所有格子必须染色,返回至少多少种颜色可以完成任务. 福大大 答案 ...

  3. 向量数据库Pinecone,治疗ChatGPT幻觉的药方?

    大白话了解新鲜事,今天讲讲以Pinecone为代表的向量数据库.向量数据库Pinecone一夜爆火,4月27日B轮拿到了1亿美元的融资,估值达到7.5亿美元,一个2021年刚刚推出的数据库产品,火爆背 ...

  4. flutter填坑之旅(有状态组件StatefulWidget)

    今天我们来看看flutter的StatefulWidget(有状态组件),最常用就是app 主页的底部导航栏的应用 效果图 首页 关于 我的 statefull-widget-learn .dart ...

  5. 代码随想录算法训练营Day27 回溯算法|39. 组合总和 40.组合总和II 131.分割回文串

    代码随想录算法训练营 39. 组合总和 题目链接:39. 组合总和 给定一个无重复元素的数组 candidates 和一个目标数 target ,找出 candidates 中所有可以使数字和为 ta ...

  6. 在SQL中将特定的数据始终排在第一行

    将特定的数据始终排在第一行 第一种方式: select * from ( select Id,1 num from InquiryPurchaseProduct where Id = 50 union ...

  7. 如何制作 Storybook Day 网页上的 3D 效果?

    Storybook 刚刚达到了一个重要的里程牌:7.0 版本!为了庆祝,该团队举办了他们的第一次用户大会 - Storybook Day.为了更特别,在活动页面中添加了一个视觉上令人惊叹的 3D 插图 ...

  8. 可视化生信分析利器 Galaxy 之 Docker 开发

    1. 背景 我们常常会基于某个 image 来启动一个 container,在这个 container 中我们可能会执行某些操作,比如创建一个文件,但是当这个 container 退出以后,如果我们以 ...

  9. 【Python&目标识别】labelimg报错IndexError: list index out of range

            博主在使用labelimg选取深度学习样本时,命令行报错IndexError: list index out of range,几经周折终于解决了,所以跟大家分享一下.         ...

  10. RT_Device

    以上图片来自网页,非原创