制作输入框(Input)
怎样判断是否应当使用输入框
输入框,就是用户可以自由输入文本的地方。当需要判断是否需要使用输入框时,可以遵循一条原则:凡是需要用户自主输入文本的地方,几乎都必须使用输入框。
输入框的常见用法:输入登录账号和密码、输入角色名称、输入聊天内容等。
创建输入框
输入框的3个核心控件:BoxCollider组件允许UI能输入事件、UIInput组件允许玩家能输入自己的文字、一个UILabel来显示输入的文字。
第一种创建方式:自己拼装
(1)创建一个Sprite作为输入框的底板。
(2)为这个输入框的底板附上UIInput组件,附加方法为AddComponent->NGUI->UI->Input Field。
(3)为这个输入框附加一个BoxCollider,附加方法为选中底板Sprite,然后选择Unity顶部NGUI菜单并选择Attach->BoxCollider。或者AddComponent->Physics->BoxCollider(此种方式创建的需要自主调整Box的尺寸用以匹配输入框大小)。
(4)在这个输入框下面创建一个Label子物体,创建方法为选中输入框,然后选择Unity顶部NGUI菜单,选择Create->Label即可。
(5)将这个新创建的Label子物体拖入到底框的Input组件中的Label选项中。
第二种创建方式:Prefab Tool Bar中直接拖入
核心组件Input设置
Input组件是输入框的核心组件,NGUI显示文字几乎全部依赖Label组件,所以,Input组件它本身是无法显示文字的,它必须和一个Label有一定的关联,让这个Label来帮助显示Input的文本内容。
1.Label设置
如果在这里不设置Label,运行之后单击输入框将会报错,导致输入框无法使用。
2.Starting Value
默认输入的文字。
默认输入的文字:当运行游戏时,输入框默认输入的文字,这个文本是模拟玩家输入进去的,就好像登录QQ时自动填充了你的QQ号一样,这个文本是一个属于输入的文本、真实有效的输入文本(只不过它是初始自动就输入进去了而已)。
初始显示的文本:这个是输入框在没有接收用户输入时显示的提示文本,例如:“请输入密码”,“请在这里单击进行聊天”等提示性文字,用户单机输入框之后文字就消失了变成了用户输入的文本的显示。这个初始显示的文本只有一个纯粹的提示作用,不属于输入的文本、是一个无效的文本。
初始显示的文本在Input相关联的Label中进行设置,这个关联的Label的文本内容就是输入框初始显示的内容。
3.Saved As
输入的内容在Player Pref中的哪个字段保存。这个一般用不到,而且它会自动保存,基本不用去管它。如果有特殊需求,可以在这里设置。
4.Active Text Color
活动文本的颜色和透明度设置,也就是用户在输入文字时的文字颜色和透明度。
5.Inactive Color
不活动的文字颜色和透明度,这个可以用来设定初始显示的文字的颜色透明度。
6.Caret Color
这个可以设定插入符的颜色和透明度。
7.Selection Color
选中的颜色和透明度,这个表示的是选中输入的文字时,覆盖在文本上的那一层遮罩的颜色,就像在Word办公软件中,输入的字可以通过拖动鼠标光标来选中他们一样。
8.Input Type
输入类型的设置,默认为Standard标准输入。
Standard
标准输入类型,输入的文字会正常一个挨一个地显示出来,它的对齐方式全部由Input相关联的Label决定。
AutoCorrect
自动调整模式,类似于Label中的自动调整模式。
Passward
密码模式,在这种模式下,输入的文字会自动地变成*符号。
9.Mobile Type
这是输入文本时,键盘的类型设定。它有以下几种类型:
Default;
ASCII Capable(任何格式都允许);
NumbersAndPunctuation;
URL;
NumberPad;
PhonePad;
NamePhonePad;
EmailAddress;
10.Validation
验证。默认为None没有验证,可以验证整数、浮点数等,如果输入的字符不属于验证类型将无法输入(整数允许视为浮点数)。
11.Character Limit
可输入的最大字符数限制。需要注意的是,一个汉子要占用两个字符。
12.On Submit
这里是提交输入内容时的触发事件函数设定。
13.On Change
这里是当输入内容改变时的触发事件函数设定。
输入框使用的一些注意事项
(1)输入框Input本身是无法显示文字的,它必须借助于一个Label来帮它显示输入的文本。
(2)输入框输入文字的字体,是在输入框关联的Label中设定的,这个关联的Label用的什么字体,则输入框中输入的内容就会是什么字体。
(3)输入框必须要有一个BoxCollider和一个Sprite底框,否则无法输入。
(4)输入框中对输入的文本的设定都受关联的Label的影响,因为它本身是借助这个Label来显示文字的。但是,如果发生冲突,比如在Input组件中设定文字颜色为红色,而在关联的Label中设定文字颜色为白色,那么将会以Input中的设置为准。
(5)如果发生以下情况,都将造成输入框无法显示文字:
超出最大字符数限定了;
输入的字符不符合要求的验证类型;
关联的Label所选用的字体中没有这个文字;
关联的Label中设定了文字大小超出范围则不显示;
将文字设为全透明了;
(6)输入的文字可以从Input中的value变量读取,也可以从关联的Label中的text变量读取。
(7)将相关联的Label设为输入框的子物体,就可以保证输入的文字和底框保持相对位置不变。
制作输入框(Input)的更多相关文章
- 输入框 input只能输入正数和小数点
输入框 input只能输入正数和小数点 限制文本框只能输入正数,负数,小数 onkeyup="value=value.replace(/[^\-?\d.]/g,'')" 限制文本 ...
- div模拟输入框input/textarea
//html<!--填写信息--> <div class="info-wrap"> <form class="formToCheck&quo ...
- palacehoder的自定义样式【输入框input /文本域textarea】
7.palacehoder的自定义样式[输入框input /文本域textarea] 因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和texta ...
- 微信小程序获取输入框(input)内容
微信小程序---获取输入框(input)内容 wxml <input placeholder="请输入手机号码" maxlength="11" type= ...
- 怎么去掉select的下拉箭头和输入框input类型为number时的上下箭头
一.去掉select的下拉箭头 方法一:在select外面加一个div,设置select宽度大于div的宽度,并加一个超出隐藏属性overflow:hidden,小三角会隐藏掉: 方法二:给selec ...
- 文本输入框input将输入转换为统一大小写
转载地址:http://blog.csdn.net/yieryi_/article/details/52078596 文本输入框input将输入转换为统一大小写,通常有两种方法:JS和CSS方法. 1 ...
- VUE实现Studio管理后台(九):开关(Switch)控件,输入框input系列
接下来几篇作文,会介绍用到的输入框系列,今天会介绍组普通的调用方式,因为RXEditor要求复杂的输入功能,后面的例子会用VUE的component动态调用,就没有今天的这么直观了,控件的实现原理都一 ...
- html页面输入框input的美化
input输入框是网页必不可少的组件,可是每个浏览器对于输入框的显示样式各有不同 例如: 上图分别就是谷歌浏览器和IE浏览器自带显示的输入框,样式也不足人意,所以大多都会自己写样式 以下是一个简 ...
- Bootstrap系列 -- 14. 表单控件输入框input
每一个表单都是由表单控件组成.离开了控件,表单就失去了意义.接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识. 单行输入框,常见的文本输入框,也就是input的type属性值为tex ...
随机推荐
- Flex性能优化常用手法总结 转
转自:http://bbs.51aspx.com/showtopic-43693.html 随着Flex越来越多的被人们所熟知,越来越多的互联网也开始了RIA应用.众所周知,目前国内的宽带应用并不是像 ...
- [改善Java代码]让工具类不可实例化
建议42: 让工具类不可实例化 Java项目中使用的工具类非常多,比如JDK自己的工具类java.lang.Math.java.util.Collections等都是我们经常用到的.工具类的方法和属性 ...
- MSP430常见问题之复位系统类
Q1:请问msp430 怎么手动复位啊?是不是连到RST/NMI 上?但是这个脚不是和JTAG 连吗?我看到一些资料上说复位的话还要上拉电阻或者复位电路.A1:JTAG 功能只在下载程序时候使用,正常 ...
- Gnome下Gvim菜单无法显示的解决办法
前些日子从Xfce转向了Elementary OS,安装Gvim后发现菜单无法显示,现在找到了解决的办法. 编辑文件 -/.gnome2/vim [Placement] Dock=Toolbar\\ ...
- fatal error LNK1168: cannot open Debug/opreat.exe for writing
问题:LINK : fatal error LNK1168: cannot open Debug/opreat.exe for writing Error executing li ...
- As,is含义?using 语句
Is:检查对象是否与给定的类型兼容.例如,下面的代码可以确定MyObject类型的一个实例,或者对象是否从MyObject派生的一个类型: if(obj is MyObject){} ...
- 去蓝港在线面试Unity3D的笔试题。难吗?知道答案的在评论里写出来分享
前一阵子去蓝港面试unity3d程序,在前台登记以后被领到一个吧台前面填2张个人信息表,之后有人送来笔试题,做了1个小时,感觉挺难的.之后被带到下面面试,面试的是一个年龄稍大的(可能是项目经理或者技术 ...
- android 中int 和 String 互相转换的多种方法
1 .如何将字串 String 转换成整数 int? A. 有两个方法: 1). int i = Integer.parseInt([String]); 或 i = Integer.parseInt( ...
- C语言(简单游戏)-走出迷宫
#include <stdio.h> //宏定义 maze[ROWS][COLS];行和列; #define ROWS 7 #define COLS 6 //绘制迷宫(全局变量) char ...
- 日常bug及解决方法记录
工作中经常会遇到一些Bug,时间长了有时候就忘记了,这样不好. 特地在这加一个随笔,把以后出现的有价值一点的bug记录在这里,提醒自己,也可以给刚入门的同学一些参考,避免这些坑. 1:界面已经销毁,代 ...