您的位置:首页 > 移动开发 > Unity3D

Unity UGUI基础之InputField

2016-06-24 17:12 363 查看
InputField(输入域),为文本输入控件,等同于NGUI的Input。
一、InputField组件:


Text Component(文本组件):此输入域的文本显示组件,任何带有Text组件的物体。
Text(文本):此输入域的初始值。Character Limit(字符数量限制):限定此输入域最大输入的字符数,0为不限制。
Content Type(内容类型):限定此输入域的内容类型,包括数字、密码等,常用的类型如下: Standard(标准类型):什么字符都能输入,只要是当前字体支持的。 Integer Number(整数类型):只能输入一个整数。 Decimal Number(十进制数):能输入整数或小数。 Alpha numeric(文字和数字):能输入数字和字母。 Name(姓名类型):能输入英文及其他文字,当输入英文时自动姓名化(首字母大写)。 Password(密码类型):输入的字符隐藏为星号。Line Type(换行方式):当输入的内容超过输入域边界时:                single Line(单一行):超过边界也不换行,继续延伸此行,输入域中的内容只有一行;                multi Line Submit(多行):超过边界则换行,输入域中内容有多行;
                multi Line Newline(多行):超过边界则新建换行,输入域中内容有多行。Placeholder(位置标示):此输入域的输入位控制符,任何带有Text组件的物体。
注意:Placeholder对应的Text也为此输入框的提示语显示:(例如Enter text...为提示语,当输入框内容为空时,提示语可见,内容不为空时,提示语不可见)


Caret blink rate(光标闪烁速度):标示输入光标的闪烁速度。Hide mobile input(手机端隐藏输入):这个没测试过有什么效果。On Value Changed:值改变时触发消息。End Edit:结束编辑时触发消息。

二、使用中的技巧:

△最近发现了UGUI  InputField的一个BUG,我自己测试了很多遍,应该是BUG吧:
BUG描述:InputField的输入光标在本身已经active为false之后依然还显示在场景中;
触发这个BUG的方式:当一个InputField处于焦点状态(也就是光标在输入域内闪烁),当光标显示的时候(光标总是一闪一逝),立即隐藏该InputField自身的gameobject或者其任意父级的gameobject(代码中SetActive(false)或者在编辑器中直接勾掉整个gameobject,注意不是InputField的enabled),如果此时光标正好闪烁出现的话,那么光标就会一直显示在原地,而我们的整个InputField本身已经处于未激活状态了。
如下:
焦点这个InputField之后:


看到光标闪烁出来立刻隐藏他;


我们可以看到光标被孤立了(当然,光标一直比输入域高出一截这个问题也是相当的坑爹)。
△如何避免光标比输入域高的现象发生?
这个现象可以算是BUG也可以算是一种设定,InputField光标的大小与其中文本的大小一致,但他的位置却是始终上端对齐至InputField的目标Text Component上。
如下,如果你的InputField中输入的文本(123456)是上下居中对齐,那么光标的位置依然会保持在红箭头所指的位置(上端对齐),当然如果输入跳行的话光标还是会跳到下一行。


要避免出现这个问题的话,最好的方式就是所有输入域都统一保持左对齐和上对齐,如果非要居中对齐的话,那么整个Text的边框大小就尽量保持与文字大小一致,毕竟,居中对齐的输入域应该是不存在换行的吧,当然如果你非要这么做,那还是老老实实的靠边对齐吧。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: