NGUI 3.5教程(七)Input 输入框
来源:互联网 发布:软件著作权怎么查询 编辑:程序博客网 时间:2024/05/20 17:40
本文将用NGUI创建一个经过美化的输入框。
欢迎大家纠错、拍砖!原创很辛苦,如有转载,请注明出处。
创建输入框
在NGUI 3.5中,创建控件都可以通过【搜索】,然后【拖拽】实现(也是NGUI推荐的方法)。
(1)在Project面板中,搜索“Control”,也就是搜索控件。之后,会发现NGUI的一堆控件。
(2)找到 Simple Input Field,拖拽到层级面板下面。我这里把它直接拖拽到UI Root下面了。
在game视图中,会出现这个控件,如下:
(3)美化输入框。我们的美术肯定不会对这种样式的输入框满意,那么我们就要替换掉它的样式,其实就是给控件换一张底图。
选中输入框,在inspector面板里更改 Atlas 和 Sprite,以修改底图。如果有不明白怎么建立atlas和sprite的,请参照我前面的文章《NGUI 3.5教程(四)Atlas和Sprite(制作图片按钮)》。
(4)更改输入框的字体。由于我们要应用自定义字体,所以要把做好的字体,设置上。如果有不明白字体制作的,请参照我前面的文章《NGUI 3.5教程(六)Font字体》。
(5)修改文字在输入框中的位置。定义好字体、字体大小后,会发现,字在输入框里不居中了,有些偏。需要在Label下,调整Anchors:
方法二:可以把Anchors的Type设置为None,然后通过Transform来调整。
(6)运行,试试输入效果:
关于输入框需要注意的是:
1,如果没自定义字体,输入中文的时候为透明的(空白),无法显示。
2,如果字体超过输入框的大小,一样无法显示。
3,使用动态字体,会增加draw call。
4,在手机里,点击输入框后,会自动调用手机的虚拟键盘,之后进行输入。
- NGUI 3.5教程(七)Input 输入框
- NGUI 3.5教程(七)Input 输入框
- NGUI输入文本Input
- NGUI的Input输入框限制中文字节数问题
- NGUI系列教程七(3D视图&ScrollView)
- NGUI系列教程七(3D视图&ScrollView)
- NGUI系列教程七(3D视图&ScrollView)
- NGUI 3.5教程(一)安装NGUI 3.5.8
- [Unity3d]NGUI的INPUT输入框限制中文字节数问题
- NGUI 3.5教程(三)Button 按钮
- NGUI 3.5教程(六)Font字体
- NGUI 3.5教程(三)Button 按钮 .
- NGUI 3.5教程(六)Font字体
- NGUI制作密码输入框
- 输入框(input)光标显示流程
- input输入框长度
- input输入框限制
- input输入框样式
- ZOJ-1008 Gnome Tetravex
- STL使用Unicode编码——tstring
- 使用 vc2008编译器 在命令行下编译 windows窗口程序
- 实用xcode5
- 善用do{...}while(0)
- NGUI 3.5教程(七)Input 输入框
- UVA 712 S-Trees
- poj 1850 Code(同 poj 1496 Word Index)
- 高效利用你的Xcode
- lambda表达式初步
- 逻辑回归模型及LBFGS的Sherman Morrison(SM) 公式推导
- hdu4901 The Romantic Hero 2014 Multi-University Training Contest 4
- 完全背包模板 hdoj 1114
- [Java积累]StringUtils类中isEmpty与isBlank的区别