分享

Unity UGUI基础之InputField

 office0228 2018-01-12

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的边框大小就尽量保持与文字大小一致,毕竟,居中对齐的输入域应该是不存在换行的吧,当然如果你非要这么做,那还是老老实实的靠边对齐吧。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多