IOS_QQ表情聊天

这近正在做一个项目，我是负责里面的聊天模块，聊天分为单聊和群聊；开始做的时候时候采用的XMPP,虽然之前都没接触过，但一直都想有这么一个机会深入的了解下XMPP的通讯协议；

经过一个星期的各种GOOGLE，百度，查看XMPP协议文档（文档信息太大了，看的头疼），自己照着搭建了一个xmpp服务器，利用Adium模拟客户端通讯，简单的实现了

单聊，群聊；好友上线，下线，加人，同意加入，邀请群加入等。。。完成了2/1的功能。

服务器原因，后俩采用HTTP长连接进行聊天通讯。

长连接对于移动端来说简单多了，所有的工作都有服务器帮我们进行实现.

扯远了，改天吧我写的xmppDemo给补上，今天还是说这个qq聊天表情的实现实现吧；

这个表情聊天的实现思路：客户端跟服务器定义通信时表情符号：比如<sml>smile</sml> 代表（微笑）的表情，

客户端再聊天的过程中凡是遇到这个标签的信息就需要转换成微笑表情图片；<sml> 与</sml>是封装表情的特定的标签，凡是遇到这两个标签就需要提取其中的值。

比如有人发来聊天信息： 美女，你好<sml>smile</sml> 客户端应该展示的是：美女，你好；

怎么解析这样的标签，我的做法是这样的，一个聊天信息由文字与表情构成，我们则把它放在一个数组中表示，

比如： 美女，你好 代表arr[0] 然后 <sml>smile</sml>代表 arr[1], 不断类似反复的解析，其实这里可以用递归实现，非常简单；

为了实现图文混排的效果，自己简单的对此进行的一个简单的封装，继承UITextView，复写

drawRect重画计算其中表情数据的解析和文字.结合UITableViewCell 进行表情数据的展示。

[java] view plaincopy

//
// FaceTextView.h
// 聊天表情TextView
//
// Created by liaoyp on 13-7-5.
// Copyright (c) 2013年 CDEL. All rights reserved.
//
#import <UIKit/UIKit.h>
#define KFacialSizeWidth 24
#define KFacialSizeHeight 24
// 可以换成自定义的表情解析符
#define startTag @"[sml]"
#define endTag @"[/sml]"
@interface FaceTextView : UITextView
@end

[java] view plaincopy

//
// FaceTextView.m
// qhChat
//
// Created by liaoyp on 13-7-5.
//
#import "FaceTextView.h"
@implementation FaceTextView
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
}
return self;
}
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
// Drawing code
NSString *text = [NSString stringWithFormat:@"%@",self.text];
self.text =@"";
NSLog(@"chatMessage: %@",text);
if (text.length == 0) {
return;
}
//解析数据信息
NSMutableArray *data=[[NSMutableArray alloc] init];
[self parseChatMessage:text :data]; // 解析表情数据
UIFont *fon=self.font;
CGFloat upX=0;
if (data) {
for (int i=0;i<[data count];i++) {
NSString *str=[data objectAtIndex:i];
if ([str hasPrefix: startTag ]&&[str hasSuffix: endTag ]) {
NSString *imageName=[str substringWithRange:
NSMakeRange(startTag.length, str.length-(startTag.length+endTag.length))];
UIImage *img=[UIImage imageNamed:imageName];
[img drawInRect:CGRectMake(upX, 0, KFacialSizeWidth, KFacialSizeHeight)];
upX=KFacialSizeWidth+upX;
}else {
CGSize size=[str sizeWithFont:fon constrainedToSize:CGSizeMake(320, 40)];
[str drawInRect:CGRectMake(upX, 0, size.width, self.bounds.size.height) withFont:fon];
upX=upX+size.width;
}
}
}
[data release];
}
/**
聊天信息表情解析
@param (NSString*)message 需要被数据源
@param (NSMutableArray*)array 解析完毕后的表情和字符数组
@returns array
@by liaoyp
*/
-(void)parseChatMessage:(NSString*)message :(NSMutableArray*)array
{
NSRange sRange=[message rangeOfString:startTag];
NSRange eRange=[message rangeOfString:endTag];
if (sRange.length&&eRange.length) { //没有表情信息
if (sRange.location>0) {//当前信中含有文字信息
[array addObject:[message substringToIndex:sRange.location]];// 解析初文字信息
}
NSString *nextstr=[message substringWithRange:NSMakeRange(sRange.location, eRange.location+endTag.length-sRange.location)];
//排除文字是“”的
if (![nextstr isEqualToString:@""]) {
[array addObject:nextstr];//添加表情信息
NSString *str=[message substringFromIndex:eRange.location+endTag.length];//删除解析完毕
[self parseChatMessage:str :array]; //递归进行表情解析
}else {
return;
}
}else {
[array addObject:message];
}
}
@end

简单的表情数据解析完毕，接着就是结合UITableView进行聊天信息的展现。

相信大家对UITableView非常熟悉了，自定义一个聊天Cell，这里就不在多说。

我这边自己写了一个关于的demo，本想上传Github,密码暂时找不回来，大家想要的话留个言；

IOS_QQ表情聊天相关推荐

Android最完整的仿QQ表情聊天图文展示代码示例
安卓最完整的表情聊天特效(大家可以看我上一篇文章websocket的整合,这是他的后续) 首先我们需要知道安卓输入的是EditText 显示的内容是TextView, 但是TextView里面又只能显 ...
php聊天室发送表情,聊天室之表情发送
表情图片渲染将表情包放置在public/img路径下,遍历文件渲染到前端界面 function initEmoji() { //获取前端存放表情的div var emojiContainer = d ...
vue websocket 聊天之发送表情
万事开头难,第一次接触websocket客服聊天聊天得我,也遇到了许多坑,被折磨过来得我,今天总结下一部分功能(发送表情)我也是借鉴了别人得代码,然后简化后,功能也实现了. <!-- 聊天记录得 ...
Python+Socket实现多人聊天室，功能：好友聊天、群聊、图片、表情、文件等
一.项目简介本项目主要基于python实现的多人聊天室,主要的功能如下: 登录注册添加好友与好友进行私聊创建群聊邀请/申请加入群聊聊天发送图片聊天发送表情聊天发送文件聊天记录保存在本 ...
ios 表情符号键盘_iOS 表情键盘+gif聊天图文混排，看我的就够了
更新: 1.解决首次加载键盘卡顿的问题: 2.修改聊天布局方式,现在无需计算,更加丝滑. 前言: 之前做过[OC版本]和[swift版本]图文混排和表情键盘,说实在的很low,特别是键盘,整体只是实现 ...
程序员专用表情包_拿走不谢
摘要: 作为一个程序员,聊天时怎么能没有专属表情包? 业余收集适合程序员必备的表情,聊天,吐槽必备之良品啊! 程序猿不想和你说话,并- 被吐槽写BUG时怎么办 ...
程序员专用表情包，拿走不谢！
作为一个程序员,聊天时怎么能没有专属表情包? 业余收集适合程序员必备的表情,聊天,吐槽必备之良品啊! 程序猿不想和你说话,并- 被吐槽写BUG时怎么办产品又来提需求产品又 ...
基于C++实现视频聊天软件（一）
初来乍到,接触到音视频领域,在这期间参考开源代码和项目代码,用C++做了一个类似QQ的视频聊天Demo,这里将其中开源的视频通讯技术分享给大家. 工具: vs2010,MFC制作界面,网络传输机制(S ...
什么样的产品都会被山寨,最近和陌生人聊天很流行!!!Omegle
Omegle 突然之间开始火了,短短数天,它创造了几十万的访问量,并且数据还在上升.Omegle是在2009年3月25日,由美国一个名叫Leif K-Brooks的小伙子开发的一款和陌生人聊天的We ...

IOS_QQ表情聊天

IOS_QQ表情聊天相关推荐

最新文章

热门文章