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,在手机里,点击输入框后,会自动调用手机的虚拟键盘,之后进行输入。

时间: 2024-10-28 10:10:33

NGUI input输入框【转载见图片水印】的相关文章

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

> .time-bgimg01 { background-image: url('../../images/personal/carlist/timeIcon.png'); background-size: auto 18px; background-repeat: no-repeat; background-position: right center;}

input输入框与图片不在同一行的解决办法

在做input输入框与搜索图片(或者是验证码图片)的时候,发现总不能将他们水平对齐. 只要将input和图片都加上一个css:vertical-align:middle 就能成功解决了. 修改前: 修改后:

HTML中使用javascript解除禁止input输入框代码:

转:表单中Readonly和Disabled的区别 参考资料: disabled和readonly区别: 参考博文1地址:http://blog.csdn.net/symgdwyh/article/details/5342937 两种属性的写法如下: 1.<input type="text" name="name" value="xxx" disabled="true"/> 2.<input type=&qu

使用一般处理程序(IHttpHandler)制作图片水印

做网站的时候经常需要将图片加上网站名称的水印.这样做可以使别人转载图片的时候出现图片出处 ,利于网站宣传.但是如果利用ps来一个一个加水印工作量非常浩大,而且修改了之后就没法还原.这 篇教程教大家利用一般处理程序(Handler)制作图片水印,这种水印的优点是一经修改全站适用,而且不改变原来的图片. 制作水印分为两种方法,一种是利用局部Handler,给指定路径的图片添加水印:另一种是利用全局Handler.前者可以灵活的选择指定的图片添加水印,但是不方便的是每次做链接的时候都要 加入Handl

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

移动页面经常会做到这样一个效果,看下面的图片,重点就是那个固定定位的底部,里面有个input输入框,在输入字符的时候,安卓手机看着是完全没有问题! 1.页面没有点击底部input的初始状态 2.安卓手机下的样子,一切都是那么的正常,简直是完美. 3.ios手机下,就是这么任性,没有办法,完全挡着了,挡着了,挡着了...,必须把整个页面滑到最底下才能看见它,捉迷藏啊简直是. 不怕丢人的说,此问题遇见一年多了终于得到完美解决,更加精彩.更加狗血的是代码只有特么的一行! 请睁大眼睛看 <script

Java 实现图片水印之文字水印(SpringMVC + Jsp)

看之前要先对SpringMVC 有点了解... 直接先看效果图 代码编写 1.导入相关架包 2.配置文件 web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee"

win2d 图片水印

本文告诉大家如何使用 win2d 给图片加上水印. 安装 首先需要使用 Nuget 安装 win2d ,安装参见win10 uwp win2d 如果没有更新 dot net core 那么在运行可能会出现下面异常System.TypeLoadException: Requested Windows Runtime type 'Microsoft.Graphics.Canvas.Text.CanvasTextLayout' is not registered 那么直接更新 dot net core

C#图片处理3种高级应用(高缩略图清晰度、图片剪裁、图片水印)

利用C#图片处理的一些基本和高级应用,解决了显示排版时想让相片缩略图列表非常统一.整齐.和美观,每张缩略图大小固定为120 x 90且不拉伸变形,用户头像让缩略图比原图更清晰,上传的图片下加一个半透明的LOGO水印等等要求. 高缩略图清晰度 之前一直认为缩略图不可能比原图清晰,直到某天一位产品的同事给我看某网站的效果.于是开始寻找.NET下实现代码,仔细观察缩略图确实比原图更清晰了一些,但代价是缩略图文件比原图更大,所以如果你想让一张占满显示器屏幕的超大图片更清晰,那么图片占用空间和网络流量就必

input输入框下拉显示tree树

这次做项目还用到了另一个tree树的插件,就是input输入框下拉tree树 我这只是简单的下拉显示tree树,没有tree树的添加.编辑.删除.移动等操作 先看图片 zTree官方API文档 http://www.treejs.cn/v3/api.php 上代码 引入的js <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> <link href=