查看: 7511|回复: 8
打印 上一主题 下一主题

[教程] 简单讲讲用NGUI的输入表情功能来自定义输入表情

[复制链接]

19

主题

3

听众

1357

积分

助理设计师

Rank: 4

纳金币
636
精华
0

活跃会员

跳转到指定楼层
楼主
发表于 2014-1-6 00:56:47 |只看该作者 |倒序浏览
我也没记清NGUI是哪个版本开始增加了表情这个功能,不过好像是3.0以后的,现在我就来简单的说说如何使用NGUI中新增的这个输入表情的功能的用法。

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

1.png

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



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

3.png

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

4.png

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

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

7.png

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

8.png     9.png

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




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

5.png

点评

waelink  楼主辛苦了。  发表于 2014-1-6 08:37
已有 2 人评分纳金币 收起 理由
艾西格亚 + 5
ku + 5 很给力!

总评分: 纳金币 + 10   查看全部评分

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

ku 智囊团   

89

主题

2

听众

5万

积分

首席设计师

Rank: 8Rank: 8

纳金币
25
精华
1

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2014-1-6 08:25:51 |只看该作者
不错,支持楼主,奖励你5个币
回复

使用道具 举报

19

主题

3

听众

1357

积分

助理设计师

Rank: 4

纳金币
636
精华
0

活跃会员

板凳
发表于 2014-1-6 08:36:58 |只看该作者
ku 发表于 2014-1-6 08:25
不错,支持楼主,奖励你5个币

谢谢!                                                        
回复

使用道具 举报

2206

主题

2

听众

3万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
32449
精华
23

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

地板
发表于 2014-1-7 08:59:24 |只看该作者
感谢分享!学习了
回复

使用道具 举报

0

主题

1

听众

2286

积分

中级设计师

Rank: 5Rank: 5

纳金币
0
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

5#
发表于 2014-1-7 12:07:32 |只看该作者
nice one! thanks
回复

使用道具 举报

0

主题

3

听众

729

积分

初级设计师

Rank: 3Rank: 3

纳金币
8
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

6#
发表于 2014-1-22 16:53:00 |只看该作者
不错 学习了!
回复

使用道具 举报

0

主题

1

听众

54

积分

设计初学者

Rank: 1

纳金币
0
精华
0
7#
发表于 2014-2-17 14:34:03 |只看该作者
谢谢分享教程.
回复

使用道具 举报

4

主题

1

听众

323

积分

设计实习生

Rank: 2

纳金币
43
精华
0

最佳新人

8#
发表于 2014-3-12 13:31:07 |只看该作者
很棒啊,感谢楼主
回复

使用道具 举报

0

主题

3

听众

2200

积分

中级设计师

Rank: 5Rank: 5

纳金币
0
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

9#
发表于 2014-3-12 15:08:23 |只看该作者
谢谢分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-26 01:54 , Processed in 0.102900 second(s), 36 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部