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. 洛谷P1598 垂直柱状图

    模拟题...我自己一直被光标下去上不去怎么模拟困扰,实际上可以直接从高到低,从左到右模拟 我的代码(算法借鉴题解) #include <bits/stdc++.h> using names ...

  2. vue项目中的常见问题(vue-cli版本3.0.0)

    一.样式问题 1.vue中使用less 安装less依赖 npm install less less-loader --save-dev 在使用时 在style标签中加入 lang="les ...

  3. Python 爬虫之第一次接触

    爬豆瓣网电影TOP250名单 ------- 代码未写完,等待更新 import requests from requests.exceptions import RequestException i ...

  4. Python基础-List找重复数

    请从L=[1,10,20,50,20,20,1]中找出重复数. L=[1,10,20,50,20,20,1] L1=[] for i in L: if(L.count(i)>1): L1.app ...

  5. webpack-dev-server和webpack

    指导小伙伴在webstorm+nodejs环境下新建项目时,小伙伴出现了一个很神奇的问题:没有执行webpack-dev-server情况下,即使执行npm init,也不会出现package.jso ...

  6. 【学QT】 3 - DEBUG集子

    1. [root@localhost helloqt]# make g++ -Wl,-rpath,/usr/local/qt/lib -o cfconv .obj/main.o .obj/cfconv ...

  7. HDU 4542

    T_T终于让我过了,坑啊,竟然时限是200ms... 我是预处理出不整除了个数的,因为这个较容易一点.利用算术基本定理,f=p1^a1*p2^a2...... 所以,整除它的个数就是(a1+1)*(a ...

  8. POJ 1128 Frame Stacking(拓扑排序&#183;打印字典序)

    题意  给你一些矩形框堆叠后的鸟瞰图  推断这些矩形框的堆叠顺序  每一个矩形框满足每边都至少有一个点可见  输入保证至少有一个解 按字典序输出全部可行解 和上一题有点像  仅仅是这个要打印全部的可行 ...

  9. 详略。。设计模式1——单例。。。。studying

    设计模式1--单例 解决:保证了一个类在内存中仅仅能有一个对象. 怎么做才干保证这个对象是唯一的呢? 思路: 1.假设其它程序可以任意用new创建该类对象,那么就无法控制个数.因此,不让其它程序用ne ...

  10. Java 7 可执行的 Nashorn,取代 Rhino

    惊现有人把 OpenJDK 上的 Nashorn dump 下来,使得 Java 7 都能够使用.源代码在 https://bitbucket.org/ramonza/nashorn-backport ...