纳金网

标题: 简单讲讲用NGUI的输入表情功能来自定义输入表情 [打印本页]

作者: 崇尚现在 时间: 2014-1-6 00:56
标题: 简单讲讲用NGUI的输入表情功能来自定义输入表情

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

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

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

[attach]105961[/attach]

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

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

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

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

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

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

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

作者: ku 时间: 2014-1-6 08:25
不错，支持楼主，奖励你5个币

作者: 崇尚现在 时间: 2014-1-6 08:36

ku 发表于 2014-1-6 08:25
不错，支持楼主，奖励你5个币

谢谢！

作者: 比巴卜 时间: 2014-1-7 08:59

感谢分享！学习了

作者: orokborokhulu 时间: 2014-1-7 12:07
nice one! thanks

作者: suibian27 时间: 2014-1-22 16:53
不错学习了!

作者: a935026613 时间: 2014-2-17 14:34
谢谢分享教程.

作者: 鸡贼不差钱 时间: 2014-3-12 13:31
很棒啊，感谢楼主

作者: tangqizuse 时间: 2014-3-12 15:08
谢谢分享

欢迎光临纳金网 (http://course.narkii.com/club/)