123 第1页 | 共3 页下一页
返回列表 发新帖
查看: 14175|回复: 28
打印 上一主题 下一主题

[教程] ngui 实现聊天系统中玩家输入表情与文字结合显示

[复制链接]

3

主题

1

听众

85

积分

设计初学者

Rank: 1

纳金币
64
精华
0
跳转到指定楼层
楼主
发表于 2013-5-2 15:15:29 |只看该作者 |倒序浏览

先上图看效果:

原理:一个uilabel,多个uisprite

详情:首先利用input录入玩家输入的文字及用字符代替玩家选择输入的表情如 eq:324=哭泣来表示在这里会出现一个哭泣的表情图片并其id为324,最终于把input得到的数据为chatText;其实对chatText进行解析,对于出现表情符的地方用4个空格代替表情字符并记录这个表情所要显示的X位置及Y位置以及如果表情符是多行显示的要在这每行的起始位置插入\n(实际为"\n\n");最后把label显示出来,并利用得到的显示表情符位置及表情id用sprite进行显示出来;运行显示即可得到玩家输入表情符及输入文字的组合了!


注意:ngui中显示汉字所占位置是2个字符位置(和其所占内存是一样的),故计算字符显示长度利用这个方法即可得到。


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

使用道具 举报

wucnj    

1

主题

1

听众

3160

积分

中级设计师

Rank: 5Rank: 5

纳金币
1065
精华
0

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

沙发
发表于 2013-5-2 16:58:50 |只看该作者
顶楼主,学习一下!!!!!!!
回复

使用道具 举报

9903

主题

126

听众

7万

积分

首席设计师

Rank: 8Rank: 8

纳金币
53488
精华
316

最佳新人 热心会员 灌水之王 活跃会员 突出贡献 荣誉管理 论坛元老

板凳
发表于 2013-5-2 19:19:52 |只看该作者
不太理解这个功能的作用,貌似很少游戏里面会看到这个效果
回复

使用道具 举报

2

主题

9

听众

6387

积分

高级设计师

Rank: 6Rank: 6

纳金币
881
精华
0

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

地板
发表于 2013-5-2 23:38:27 |只看该作者
感谢分享
回复

使用道具 举报

2722

主题

42

听众

3万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
38268
精华
111

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

5#
发表于 2013-5-3 10:08:52 |只看该作者
好,这个不错的分享,先收藏下来
回复

使用道具 举报

2317

主题

54

听众

2万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
20645
精华
62

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

6#
发表于 2013-6-2 21:32:22 |只看该作者
感谢分享,这个必须支持一下!
回复

使用道具 举报

0

主题

1

听众

25

积分

设计初学者

Rank: 1

纳金币
5
精华
0

活跃会员 灌水之王

7#
发表于 2013-7-5 16:32:23 |只看该作者
虽然不懂,但还是谢谢楼主
回复

使用道具 举报

0

主题

1

听众

1530

积分

助理设计师

Rank: 4

纳金币
50
精华
0

活跃会员

8#
发表于 2013-8-21 08:40:43 |只看该作者
思路不错~感谢分享~~
回复

使用道具 举报

0

主题

1

听众

336

积分

设计实习生

Rank: 2

纳金币
12
精华
0

最佳新人

9#
发表于 2013-8-22 08:14:16 |只看该作者
多谢楼主 学习了
回复

使用道具 举报

0

主题

1

听众

329

积分

设计实习生

Rank: 2

纳金币
2
精华
0

最佳新人

10#
发表于 2013-12-10 14:35:16 |只看该作者
下来学习了!
回复

使用道具 举报

123 第1页 | 共3 页下一页
返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

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

GMT+8, 2024-11-13 18:43 , Processed in 0.193567 second(s), 35 queries .

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

© 2008-2019 Narkii Inc.

回顶部