NGUI input输入框转载见图片水印

Posted 你看起来很好吃

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了NGUI input输入框转载见图片水印相关的知识,希望对你有一定的参考价值。

 

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 input输入框转载见图片水印的主要内容,如果未能解决你的问题,请参考以下文章

NGUI的输入框的校验(input filed script)

ngui 输入事件处理

input输入框的背景图片也可以这样玩

<input>标签

IOS 固定定位底部input输入框,获取焦点时弹出的输入法键盘挡住input

input输入框下拉显示tree树