InputField 文本输入组件,本文练习InputField的属性及事件

一、属性

1

Interactable: 是否禁用

Transition:过渡方式

Normal Color 正常的未有任何操作的文本框颜色

Highlighted Color 文本框背景颜色

Pressed Color  文本框被点击时的背景颜色

Disabled Color 没有用到

Color Multiplier 颜色的饱和度

Fade Duration  没用到

Navigation:导航栏

Visualize:可视化

Text Component:文本Transform

Text:显示的文本

Character Limit:字符数限制

Content Type:显示内容类型

Line Type:行类型

Placeholder: 占位符

Caret Blink Rate:光标闪烁频率

Selection Color:鼠标框选字体后的背景颜色

Hide mobile Input:无用

Read Only  只能读,不能输入

aracter

限制字符长度(0表示不限制),比如:设置只能输入3个字符(中文,英文,数字,符号都按1个字符来算),如下图所示

2、Multi Line:多选显示

3、validation:验证输入类型

4、keyboardType:键盘类型

二、事件

1. onSubmit

当文本框提交时触发这个事件

2. onValidateInput

当在验证字符串是触发这个事件,可以用来当输入错误时及时提示

3. 函数列表

三、Submit练习

1、创建一个Panel,在Panel下创建一个InputField,两个Text,如下图所示

2、设置InputFileld的Anchor为Bottom Center,其中一个Text命名为TextField,并把它设为 Stretch,并一个Text Anchor为Top Center

InputField练习代码

3、创建InputFieldScene.cs ,代码如下:

using UnityEngine;
using UnityEngine.UI;
using System.Collections; public class InputFieldScene : MonoBehaviour {
[SerializeField]
private InputField inputField;
[SerializeField]
private Text textField; void Awake()
{
inputField.validation = InputField.Validation.Name;
inputField.keyboardType = TouchScreenKeyboardType.Default;
} void Start()
{
inputField.onSubmit.AddListener(OnSubmit);
} void OnSubmit(string text)
{
textField.text = textField.text + "\n\t\t\t\t" + text;
inputField.value = "";
}
}

其中上面的代码主要部分是在 OnSubmit(string text) 函数,就是 回车 提交事件。

4、把InputFieldScene绑定在InputField上,设置好参数

四、Submit效果

Unity引擎GUI之Input Field的更多相关文章

  1. Unity引擎GUI之Canvas和EventSystem

    最近想写一套关于UGUI所有控件的基础使用教程系列,主要是根据本人的使用心得以及部分测试附带字面翻译来写的,所以其中可能难以避免会有不正确的地方. 好了进入主题,既然是第一篇,我觉得我有必要先介绍一下 ...

  2. Unity引擎GUI之Slider和Scrollbar

    Slider(滑动条):是一个主要用于形象的拖动以改变目标值的控件,他的最恰当应用是用来改变一个数值,最大值和最小值自定义,拖动滑块可在此之间改变,例如改变声音大小. Scrollbar(滚动条):是 ...

  3. Unity引擎GUI之Button

    UGUI Button,可以说是真正的使用最广泛.功能最全面.几乎涵盖任何模块无所不用无所不能的组件,掌握了它的灵巧使用,你就几乎掌握了大半个UGUI! 一.Button组件: Interactabl ...

  4. Unity引擎GUI之Image

    UGUI的Image等价于NGUI的Sprite组件,用于显示图片. 一.Image组件: Source Image(图像源):纹理格式为Sprite(2D and UI)的图片资源(导入图片后选择T ...

  5. Unity引擎GUI之Text

    Text 文本 要显示的字符串. Font 字体 Font Style 加粗与倾斜 Font Size 字体大小 Line Spacing 行距,文本行之间的间距 Rich Text 勾选后,想要单独 ...

  6. unity, ugui input field

    ugui Input Field,获取输入的字符串. 错误方法: string content=inputField.FindChild("Text").text; 这样得到的是输 ...

  7. Unity引擎入门——制作第一个2D游戏(2)角色移动与动画

    在上一节的内容里,我们已经创建出了一个主角,也搭建了一个简单的场景. 传送门:https://www.cnblogs.com/zny0222/p/12653088.html 既然有了主角,要怎样才能让 ...

  8. 游戏引擎/GUI的设计与实现-序

    几年前写<嵌入式GUI FTK设计与实现>,没写几篇就停止更新了.当时自己研究过MicroWindows, X Window, DirectFB, GTK+和Android的GUI,又写过 ...

  9. 盛大游戏技术总监徐峥:Unity引擎使用的三种方式

    在5月13日Unite 2017 案例分享专场上,盛大游戏技术总监徐峥分享了使用Unity引擎的三种方式,以下为详细内容: 大家好,我先简单介绍一下我自己,我是盛大游戏的技术总监徐峥.我今天想分享的主 ...

随机推荐

  1. models中字段参数blank和null的用法区别

    blank当blank=True时,说明此处的数据可以不填,默认情况下为False,也就意味着默认情况下,所输入的数据不得空,blank是和页面表单有关,在页面需要输入参数的时候,如果在models里 ...

  2. jdk编译安装及tomcat编译安装

    这里我安装的jdk版本为1.8版本,tomcat版本为8.5(请上官网下载) 运维开发技术交流群欢迎大家加入一起学习(QQ:722381733) jdk部署: 1.前往软件所在路径 [root@web ...

  3. 00.Python中下划线的5种含义

    转自这里 先放上 简短的"速查表",罗列了五种Python下划线模式的含义: 模式 举例 含义 单前导下划线 _var 命名约定,仅供内部使用.通常不会由Python解释器强行执行 ...

  4. fastclick:处理移动端click事件300毫秒延迟

    fastclick:处理移动端click事件300毫秒延迟 1.兼容性 iOS 3及更高版本的移动Safari iOS 5及更高版本的Chrome Android上的Chrome(ICS) Opera ...

  5. Maven学习总结(3)——使用Maven构建项目

    Maven学习总结(三)--使用Maven构建项目 maven作为一个高度自动化构建工具,本身提供了构建项目的功能,下面就来体验一下使用maven构建项目的过程. 一.构建Jave项目 1.1.创建J ...

  6. 某种密码(password.*)

    关于某种密码有如下描述:某种密码的原文A是由N个数字组成,而密文B是一个长度为N的01数串,原文和密文的关联在于一个钥匙码KEY.若KEY=∑▒[Ai*Bi],则密文就是原文的一组合法密码.现在有原文 ...

  7. java debug jdk(转载)

    Debug info unavailable 解决之道 从事Java的小伙伴们估计都有断点代码的习惯,可以很方便的查看运行期代码中一些变量的值. 但是JDK中有些类你会发现是无法断点的,即使你在IDE ...

  8. TCP 连接状态

    TCP/IP的设计者如此设计,主要原因有两个: 防止上一次连接中的包迷路后重新出现,影响新的连接(经过2MSL时间后,上一次连接中所有重复的包都会消失). 为了可靠地关闭TCP连接.主动关闭方发送的最 ...

  9. React Native Mac配置指南

    步骤 http://facebook.github.io/react-native/docs/getting-started.html#content 依照React Native官网步骤一步步安装, ...

  10. Yum重装走过的坑

    今天因为用yum方式安装mongo遇到报错,从而我选择卸载yum并重新安装. 我先选择了用rpm方式进行重装,从163的packages列表里面找到64位redhat6.5可以用的三个rpm包,安装过 ...