NGUI 图文表情Emoticons

我也没记清NGUI 是哪个版本开始增加了表情这个功能,不过好像是3.0 以后的,现在我就来简单的说说如何使用NGUI 中新增的这个输入表情的功能的用法。

我们要准备表情图片,去网上随便找些表情来,我这是在百度后经过 ps 后得到表情,大家也可以自己去网上找下表情的图片,然后自己PS 下得到自己所要的。我的如下:

1.png 

我们在这里要注意一下,表情图片最好是20X20 大小,因为在外部是修改不了大小的,这个估计是NGUI 作者封装在内部了,要去修改内部代码才行的哦。还有一个是如果想输入表情,暂时不支持动态字体的哦。所以得自己用BMFont 去制作Bitmap 字体。我将我已经制作好的Bitmap 字体放进来了,如图:



我们将我们千辛万苦弄来的表情来制作成一个图集吧,待会会用到,我这如下:

3.png 

现在我将BMFont 制作好的字体放进NGUI 里面,然后用来创建字体图集。大家会发现这里和原来有点不一样了,在Output 栏里面多了个Atlas 这一栏,这个其实就是表情图集了。我们将我们的表情图集拖放到这一栏就可以了,然后点击创建吧。如图:

4.png 

我们现在来给表情定义特殊字体集合吧,其实就是解析这些定义的文字,然后用表情来代替他们显示,我们选择我们刚才创建的字体,就会发现有这个了:

    6.png 
然后我们点击展开一下,就会把我们的表情和一个特殊文字对应吧。我把一些对应的表情设置的如下:

7.png 

6   好了,现在我们可以来输入我们的自定义的表情了,我输入<:kx ( 就是开心那个表情对应的特殊字码)   如图:

8.png    9.png 

不要怀疑啊,就是这样简单。  没了。




5.png (13.65 KB, 下载次数: 5)

5.png



转:http://www.narkii.com/club/thread-313296-1.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值