即时聊天 / XMPP

MQTT是第二个即时聊天协议(了解)

5.即时通讯 即时通讯网上有第三方的解决方案，比如环信，融云等。我们是自己搭的xmpp服务器，服务器使用的tigase，之前写过相关的博客，自己去年也做了对应的webim。前段时间看了环信webim的sdk，使用的也是strophe的js类库，相关实现跟我们的差不多，但是自己搭建xmpp会遇到了不少问题，比如丢消息！所以如果想比较快速的实现im，推荐使用第三方的解决方案。 移动端的丢消息大概是这个样子。A和B通讯，A发了一条消息给服务器，服务器发给B，但是B网络不好掉线了，而服务器却不知道B退出了（B正常退出会给服务器发下线通知），所以消息丢失了。XMPP中有xep-0184协议（消息回执），A给B发消息，消息体中带一行代码（要求消息回执），当B收到消息后发送一条回执，证明我收到了。后来XMPP又有了xep-0198协议（流管理），断线后快速重链，同时判断一定时间收不到消息，就把消息写离线消息，减少丢消息情况。但是可能网络情况复杂，加上各种不确定因素，还会出现丢消息的问题。目前比较靠谱的方法就是存所有的聊天记录，由手机端根据时间点去数据库拉消息，只要别人发出的消息就不会丢。 这次即时通讯模块进行了相关改动，也是参考了之前开发人员的一些建议。比如用户返回home的时候，断开xmpp连接（iOS进入后台后，只有5秒的处理时间，特殊方法可延长到10分钟，如果内存不够，应用随时就被杀死了）。所以返回home时就断开，进入应用再连接。同时应用使用状态下，有心跳检测，判断是否保持连接。 考虑到iOS的特殊性，我们采取了xmpp和远程推送都走的方法，推送的自定义消息体和xmpp消息体一样，消息的处理方法一样。用户聊天发送xmpp消息的同时也调用我们的消息推送接口调用友盟push（push可以设置过期时间，避免特殊情况，推送延时，聊天结束了才收到推送）。一是解决iOS应用未启动时的推送接收，二是解决xmpp丢消息的问题。 关于推送，AppDelage中有两个方法，一个是使用中收到推送，不会提示，会直接处理推送信息。另外是程序非使用状态，收到推送，会进行提示，可以点击推送消息进入应用，获取这一条推送消息的推送消息（需要注意，点击推送启动应用拿到信息时view还没有加载，消息不能立刻处理）。 android端因为是真后台，可以后台一直保持运行，无论收到xmpp消息还是友盟推送，都可以自己进行处理，然后自己弹一个本地推送（也有弊端，如果android程序杀死，就无法接受消息和推送）。iOS端因为后台不可控，所以推送使用远程推送，进入应用连接xmpp再收全部离线消息（不保证友盟推送能否保证及时）。当然大部分都还是正常情况，网络情况比较好的条件下，就实时收到了xmpp的消息或者远程推送。我们又不是QQ和微信，只要保证用户看到的数据能保持一致性就行了（所以QQ和微信就是diao啊）。 根据测试反馈的情况，iOS这个应用的丢消息情况比上个应用有一定改善。具体情况再进一步观察把。 我们的即时通讯也包括语音和图片，采用的是http的解决方案（xmpp也支持二进制的传输，但是估计没人那样用）。具体流程就是先把附件传到附件服务器拿到附件服务器的地址，再封装到消息体。接收方收到消息解析的时候，再从附件服务器拿到对应的资源，加载到本地。 同时屏蔽，取消屏蔽等一些实时操作也都会发xmpp，第一时间双方更新状态。

 

深入认识Tigase XMPP Server（上）: http://blog.csdn.net/chszs/article/details/41280957

原文地址：http://blog.csdn.net/kangkangz4/article/category/1089711

 http://blog.sina.com.cn/s/blog_5fb39f910101akyo.html

[iPhone高级] 基于XMPP的IOS聊天客户端程序(XMPP服务器架构)

 

xmpp服务器聊天iosiphonewindows

最近看了关于XMPP的框架，以文本聊天为例，需要发送的消息为：

 XMPP的扩展协议Jingle使得其支持语音和视频。

1. <</SPAN>message type="chat" from="kang@server.com" to="test@server.com">
2. <</SPAN>body>helloWord</</SPAN>body>
3. </</SPAN>message>

helloWord

基中from是从哪个用户发送的消息，to是发给谁的消息，XMPP的用户都是以邮箱形式。body就是我们发送的消息文本。

好了，说到这里，我们就来开发一个基于XMPP的IOS聊天客户端程序，首先我们需要XMPP服务器，这里，我就拿本机做服务器，首先从xmpp Server下载ejabberd这个服务器，ejabberd支持Linux / Mac OS X / Solaris / Windows，所以任何操作系统都可以做我们的聊天服务器。好了，下载完后，一步一步安装就可以了，这里我们要注意一下

这里我们的服务器就是dpc1338a（一般就是机器名，默认就可以了，不需要改），每台机器的用户名都不一样，这里的服务器域名就是机器名，这个我们需要记住哦

接着一步一步，还要设置管理员密码，密码当然也需要记住了，不然我们没办法登录管理员页面去。

好了，安装完后启动，显示如下：

我们点击admin interface，会要求我们输入用户名和密码：

这里用户名是前面我们安装的时候有一个管理员名，将管理员名跟我们的服务器组合就可以了，我这里是admin@dpc1338a，每一台机器都不一样，不要照抄哦，这样你是登录不了的，密码就是安装的时候设置的密码

登录成功后就会显示如下页面：

这里我们需要解释的就是<<SPAN style="COLOR: rgb(153,0,0)">访问控制列表>，这里是设置管理员的，我们可以在这里创建其他管理员，这个不是我们的重点，我们的重点是<<SPAN style="COLOR: rgb(102,0,0)">虚拟主机>

点开<<SPAN style="COLOR: rgb(102,0,0)">虚拟主机>，下面有一个<<SPAN style="COLOR: rgb(102,0,0)">dpc1338a>，也点开

这里有一个<<SPAN style="COLOR: rgb(102,0,0)">用户>，我们需要创建几个用户来进行数据交互。

我创建了kang@dpc1338a，test@dpc1338a, abc@dpc1338a这几个用户，过一会我们就用这几个用户进行聊天

好了，服务器装好了以后，我们就需要下载个客户端来进行聊天，这里有一些客户端工具

http://xmpp.org/xmpp-software/clients/，这里我们主要推荐MAC用Adium,Windows用Citron，下一章我们要介绍IOS的xmpp framework。

[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端一)

分类： iPhone高级2012-07-13 07:297966人阅读评论(19)收藏举报

介绍完了服务器，这篇我们就要介绍重点了，写我们自己的IOS客户端程序

先看一下我们完成的效果图

首先下载xmppframework这个框架,下载

点ZIP下载

接下来，用Xcode新建一个工程

将以下这些文件拖入新建工程中

加入framework

并设置

到这里我们就全部设好了，跑一下试试，看有没有错呢

如果没有错的话，我们的xmppframework就加入成功了。

我们设置我们的页面如下图：

我们的KKViewController.h

[java] view plaincopyprint?

1. #import
2. @interface KKViewController : UIViewController
3. @property (strong, nonatomic) IBOutlet UITableView *tView;
4. - (IBAction)Account:(id)sender;
5. @end

 

KKViewController.m

[java] view plaincopyprint?

1. #import "KKViewController.h"
2. @interface KKViewController (){
3. //在线用户
4. NSMutableArray *onlineUsers;
5. }
6. @end
7. @implementation KKViewController
8. @synthesize tView;
9. - (void)viewDidLoad
10. {
11. [super viewDidLoad];
12. self.tView.delegate = self;
13. self.tView.dataSource = self;
14. onlineUsers = [NSMutableArray array];
15. // Do any additional setup after loading the view, typically from a nib.
16. }
17. - (void)viewDidUnload
18. {
19. [self setTView:nil];
20. [super viewDidUnload];
21. // Release any retained subviews of the main view.
22. }
23. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
24. {
25. return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
26. }
27. - (IBAction)Account:(id)sender {
28. }
29. #pragma mark UITableViewDataSource
30. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
31. return [onlineUsers count];
32. }
33. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
34. static NSString *identifier = @"userCell";
35. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
36. if (cell == nil) {
37. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
38. }
39. return cell;
40. }
41. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
42. return 1;
43. }
44. #pragma mark UITableViewDelegate
45. -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
46. }
47. @end

这里的代码相信大家学过UITableView的话应该很熟悉了，如果不知道的话，就查一下UITableView的简单应用学习一下吧

接下来是登录的页面

KKLoginController.m

[java] view plaincopyprint?

1. - (IBAction)LoginButton:(id)sender {
2. if ([self validateWithUser:userTextField.text andPass:passTextField.text andServer:serverTextField.text]) {
3. NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
4. [defaults setObject:self.userTextField.text forKey:USERID];
5. [defaults setObject:self.passTextField.text forKey:PASS];
6. [defaults setObject:self.serverTextField.text forKey:SERVER];
7. //保存
8. [defaults synchronize];
9. [self dismissModalViewControllerAnimated:YES];
10. }else {
11. UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"请输入用户名，密码和服务器"delegate:nil cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
12. [alert show];
13. }
14. }
15. - (IBAction)closeButton:(id)sender {
16. [self dismissModalViewControllerAnimated:YES];
17. }
18. -(BOOL)validateWithUser:(NSString *)userText andPass:(NSString *)passText andServer:(NSString *)serverText{
19. if (userText.length > 0 && passText.length > 0 && serverText.length > 0) {
20. return YES;
21. }
22. return NO;
23. }

下面是聊天的页面

这里着重的还是UITableView

KKChatController.m

[java] view plaincopyprint?

1. -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
2. return 1;
3. }
4. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
5. return [messages count];
6. }
7. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
8. static NSString *identifier = @"msgCell";
9. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
10. if (cell == nil) {
11. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
12. }
13. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
14. cell.textLabel.text = [dict objectForKey:@"msg"];
15. cell.detailTextLabel.text = [dict objectForKey:@"sender"];
16. cell.accessoryType = UITableViewCellAccessoryNone;
17. return cell;
18. }

这些都比较简单，相信大家应该都能看得懂

把这些都设置好以后，我们就要着重介绍XMPP了，怕太长了，接下一章吧。

[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端二)

分类： iPhone高级2012-07-13 08:256625人阅读评论(27)收藏举报

iosxmpp聊天iphonedictionaryserver

接上一章的，这一章我们着重介绍XMPP

为了方便程序调用，我们把XMPP的一些主要方法写在AppDelegate中

在AppDelegate.m下这几个方法为：

[java] view plaincopyprint?

1. -(void)setupStream{
2. //初始化XMPPStream
3. xmppStream = [[XMPPStream alloc] init];
4. [xmppStream addDelegate:self delegateQueue:dispatch_get_current_queue()];
5. }
6. -(void)goOnline{
7. //发送在线状态
8. XMPPPresence *presence = [XMPPPresence presence];
9. [[self xmppStream] sendElement:presence];
10. }
11. -(void)goOffline{
12. //发送下线状态
13. XMPPPresence *presence = [XMPPPresence presenceWithType:@"unavailable"];
14. [[self xmppStream] sendElement:presence];
15. }
16. -(BOOL)connect{
17. [self setupStream];
18. //从本地取得用户名，密码和服务器地址
19. NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
20. NSString *userId = [defaults stringForKey:USERID];
21. NSString *pass = [defaults stringForKey:PASS];
22. NSString *server = [defaults stringForKey:SERVER];
23. if (![xmppStream isDisconnected]) {
24. return YES;
25. }
26. if (userId == nil || pass == nil) {
27. return NO;
28. }
29. //设置用户
30. [xmppStream setMyJID:[XMPPJID jidWithString:userId]];
31. //设置服务器
32. [xmppStream setHostName:server];
33. //密码
34. password = pass;
35. //连接服务器
36. NSError *error = nil;
37. if (![xmppStream connect:&error]) {
38. NSLog(@"cant connect %@", server);
39. return NO;
40. }
41. return YES;
42. }
43. -(void)disconnect{
44. [self goOffline];
45. [xmppStream disconnect];
46. }

这几个是基础方法，接下来就是XMPPStreamDelegate中的方法，也是接受好友状态，接受消息的重要方法

[java] view plaincopyprint?

1. //连接服务器
2. - (void)xmppStreamDidConnect:(XMPPStream *)sender{
3. isOpen = YES;
4. NSError *error = nil;
5. //验证密码
6. [[self xmppStream] authenticateWithPassword:password error:&error];
7. }
8. //验证通过
9. - (void)xmppStreamDidAuthenticate:(XMPPStream *)sender{
10. [self goOnline];
11. }
12. //收到消息
13. - (void)xmppStream:(XMPPStream *)sender didReceiveMessage:(XMPPMessage *)message{
14. // NSLog(@"message = %@", message);
15. NSString *msg = [[message elementForName:@"body"] stringValue];
16. NSString *from = [[message attributeForName:@"from"] stringValue];
17. NSMutableDictionary *dict = [NSMutableDictionary dictionary];
18. [dict setObject:msg forKey:@"msg"];
19. [dict setObject:from forKey:@"sender"];
20. //消息委托(这个后面讲)
21. [messageDelegate newMessageReceived:dict];
22. }
23. //收到好友状态
24. - (void)xmppStream:(XMPPStream *)sender didReceivePresence:(XMPPPresence *)presence{
25. // NSLog(@"presence = %@", presence);
26. //取得好友状态
27. NSString *presenceType = [presence type]; //online/offline
28. //当前用户
29. NSString *userId = [[sender myJID] user];
30. //在线用户
31. NSString *presenceFromUser = [[presence from] user];
32. if (![presenceFromUser isEqualToString:userId]) {
33. //在线状态
34. if ([presenceType isEqualToString:@"available"]) {
35. //用户列表委托(后面讲)
36. [chatDelegate newBuddyOnline:[NSString stringWithFormat:@"%@@%@", presenceFromUser, @"nqc1338a"]];
37. }else if ([presenceType isEqualToString:@"unavailable"]) {
38. //用户列表委托(后面讲)
39. [chatDelegate buddyWentOffline:[NSString stringWithFormat:@"%@@%@", presenceFromUser, @"nqc1338a"]];
40. }
41. }
42. }

这里面有两个委托方法，一个是用户列表委托，还有一个就是消息委托，用户列表委托主要就是取得在线用户，更新用户TableView，消息委托就是取得好友发送的消息，并更新消息TableView，当然这两个TableView是在不同的Controller中的

定义完两个委托，我们就要在不同的Controller中实现这两个委托了

在好友Controller中实现并写入如下方法

[java] view plaincopyprint?

1. //取得当前程序的委托
2. -(KKAppDelegate *)appDelegate{
3. return (KKAppDelegate *)[[UIApplication sharedApplication] delegate];
4. }
5. //取得当前的XMPPStream
6. -(XMPPStream *)xmppStream{
7. return [[self appDelegate] xmppStream];
8. }
9. //在线好友
10. -(void)newBuddyOnline:(NSString *)buddyName{
11. if (![onlineUsers containsObject:buddyName]) {
12. [onlineUsers addObject:buddyName];
13. [self.tView reloadData];
14. }
15. }
16. //好友下线
17. -(void)buddyWentOffline:(NSString *)buddyName{
18. [onlineUsers removeObject:buddyName];
19. [self.tView reloadData];
20. }

在viewDidLoad中加入

[java] view plaincopyprint?

1. //设定在线用户委托
2. KKAppDelegate *del = [self appDelegate];
3. del.chatDelegate = self;

这两行代码，让好友列表的委托实现方法在本程序中

在viewWillAppear中加入

[java] view plaincopyprint?

1. [super viewWillAppear:animated];
2. NSString *login = [[NSUserDefaults standardUserDefaults] objectForKey:@"userId"];
3. if (login) {
4. if ([[self appDelegate] connect]) {
5. NSLog(@"show buddy list");
6. }
7. }else {
8. //设定用户
9. [self Account:self];
10. }

判断本地保存的数据中是否有userId，没有的话就跳转到登录页面

这里最重要的就是connect了，这一句话就是登录了，成功的话，页面就会显示好友列表了。

[java] view plaincopyprint?

1. #pragma mark UITableViewDelegate
2. -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
3. //start a Chat
4. chatUserName = (NSString *)[onlineUsers objectAtIndex:indexPath.row];
5. [self performSegueWithIdentifier:@"chat" sender:self];
6. }
7. -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
8. if ([segue.identifier isEqualToString:@"chat"]) {
9. KKChatController *chatController = segue.destinationViewController;
10. chatController.chatWithUser = chatUserName;
11. }
12. }

当显示出好友列表，我们选择一个好友进行聊天

将当前好友名称发送给聊天页面

下面是聊天Controller了

在KKChatController.h中加入

[java] view plaincopyprint?

1. NSMutableArray *messages;

这是我们要显示的消息，每一条消息为一条字典

接下来就是每一条消息的显示了

[java] view plaincopyprint?

1. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
2. static NSString *identifier = @"msgCell";
3. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
4. if (cell == nil) {
5. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
6. }
7. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
8. cell.textLabel.text = [dict objectForKey:@"msg"];
9. cell.detailTextLabel.text = [dict objectForKey:@"sender"];
10. cell.accessoryType = UITableViewCellAccessoryNone;
11. return cell;
12. }

跟上面好友Controller一样，这里我们也需要XMPPStream

[java] view plaincopyprint?

1. -(KKAppDelegate *)appDelegate{
2. return (KKAppDelegate *)[[UIApplication sharedApplication] delegate];
3. }
4. -(XMPPStream *)xmppStream{
5. return [[self appDelegate] xmppStream];
6. }

在ViewDidLoad中加入

[java] view plaincopyprint?

1. KKAppDelegate *del = [self appDelegate];
2. del.messageDelegate = self;

设定消息委托由自己来接收和处理

[java] view plaincopyprint?

1. #pragma mark KKMessageDelegate
2. -(void)newMessageReceived:(NSDictionary *)messageCotent{
3. [messages addObject:messageCotent];
4. [self.tView reloadData];
5. }

接下来最重要的就是发送消息了

[java] view plaincopyprint?

1. - (IBAction)sendButton:(id)sender {
2. //本地输入框中的信息
3. NSString *message = self.messageTextField.text;
4. if (message.length > 0) {
5. //XMPPFramework主要是通过KissXML来生成XML文件
6. //生成文档
7. NSXMLElement *body = [NSXMLElement elementWithName:@"body"];
8. [body setStringValue:message];
9. //生成XML消息文档
10. NSXMLElement *mes = [NSXMLElement elementWithName:@"message"];
11. //消息类型
12. [mes addAttributeWithName:@"type" stringValue:@"chat"];
13. //发送给谁
14. [mes addAttributeWithName:@"to" stringValue:chatWithUser];
15. //由谁发送
16. [mes addAttributeWithName:@"from" stringValue:[[NSUserDefaults standardUserDefaults] stringForKey:USERID]];
17. //组合
18. [mes addChild:body];
19. //发送消息
20. [[self xmppStream] sendElement:mes];
21. self.messageTextField.text = @"";
22. [self.messageTextField resignFirstResponder];
23. NSMutableDictionary *dictionary = [NSMutableDictionary dictionary];
24. [dictionary setObject:message forKey:@"msg"];
25. [dictionary setObject:@"you" forKey:@"sender"];
26. [messages addObject:dictionary];
27. //重新刷新tableView
28. [self.tView reloadData];
29. }
30. }

文档 NSXMLElement *body = [NSXMLElement elementWithName:@"body"]; [body setStringValue:message]; //生成XML消息文档 NSXMLElement *mes = [NSXMLElement elementWithName:@"message"]; //消息类型 [mes addAttributeWithName:@"type" stringValue:@"chat"]; //发送给谁 [mes addAttributeWithName:@"to" stringValue:chatWithUser]; //由谁发送 [mes addAttributeWithName:@"from" stringValue:[[NSUserDefaults standardUserDefaults] stringForKey:USERID]]; //组合 [mes addChild:body]; //发送消息 [[self xmppStream] sendElement:mes]; self.messageTextField.text = @""; [self.messageTextField resignFirstResponder]; NSMutableDictionary *dictionary = [NSMutableDictionary dictionary]; [dictionary setObject:message forKey:@"msg"]; [dictionary setObject:@"you" forKey:@"sender"]; [messages addObject:dictionary]; //重新刷新tableView [self.tView reloadData]; } }上面都加了注释，大家应该能明白，接下来还有一个章节，我们会对发送的消息在界面进行美化，跟苹果自带的消息一样。谢谢大家有耐心看完，我这个人比较不喜欢打字，所以有的地方注释比较少，希望大家别介意，还有希望大家能够多多支持， 以后会接着介绍XMPP文件传输之类的内容。

 

 

[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端三)

分类： iPhone高级2012-07-16 04:174063人阅读评论(14)收藏举报

前两篇介绍了如何通过XMPP来发送消息和接收消息，这一篇我们主要介绍如何来美化我们的聊天程序，看一下最终效果呢，当然源程序也会在最后放出

好了，我们来看一下我们写的程序

这里我们自定义了TableViewCell

一行是显示发布日期，一行是显示发送的消息，还有一个是背景

[java] view plaincopyprint?

1. -(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
2. self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
3. if (self) {
4. //日期标签
5. senderAndTimeLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 5, 300, 20)];
6. //居中显示
7. senderAndTimeLabel.textAlignment = UITextAlignmentCenter;
8. senderAndTimeLabel.font = [UIFont systemFontOfSize:11.0];
9. //文字颜色
10. senderAndTimeLabel.textColor = [UIColor lightGrayColor];
11. [self.contentView addSubview:senderAndTimeLabel];
12. //背景图
13. bgImageView = [[UIImageView alloc] initWithFrame:CGRectZero];
14. [self.contentView addSubview:bgImageView];
15. //聊天信息
16. messageContentView = [[UITextView alloc] init];
17. messageContentView.backgroundColor = [UIColor clearColor];
18. //不可编辑
19. messageContentView.editable = NO;
20. messageContentView.scrollEnabled = NO;
21. [messageContentView sizeToFit];
22. [self.contentView addSubview:messageContentView];
23. }
24. return self;
25. }

定义好，在UITableViewCell中将Cell改成我们自己定义的Cell

[java] view plaincopyprint?

1. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
2. static NSString *identifier = @"msgCell";
3. KKMessageCell *cell =(KKMessageCell *)[tableView dequeueReusableCellWithIdentifier:identifier];
4. if (cell == nil) {
5. cell = [[KKMessageCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:identifier];
6. }
7. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
8. //发送者
9. NSString *sender = [dict objectForKey:@"sender"];
10. //消息
11. NSString *message = [dict objectForKey:@"msg"];
12. //时间
13. NSString *time = [dict objectForKey:@"time"];
14. CGSize textSize = {260.0 ,10000.0};
15. CGSize size = [message sizeWithFont:[UIFont boldSystemFontOfSize:13] constrainedToSize:textSize lineBreakMode:UILineBreakModeWordWrap];
16. size.width +=(padding/2);
17. cell.messageContentView.text = message;
18. cell.accessoryType = UITableViewCellAccessoryNone;
19. cell.userInteractionEnabled = NO;
20. UIImage *bgImage = nil;
21. //发送消息
22. if ([sender isEqualToString:@"you"]) {
23. //背景图
24. bgImage = [[UIImage imageNamed:@"BlueBubble2.png"] stretchableImageWithLeftCapWidth:20topCapHeight:15];
25. [cell.messageContentView setFrame:CGRectMake(padding, padding*2, size.width, size.height)];
26. [cell.bgImageView setFrame:CGRectMake(cell.messageContentView.frame.origin.x - padding/2, cell.messageContentView.frame.origin.y - padding/2, size.width + padding, size.height + padding)];
27. }else {
28. bgImage = [[UIImage imageNamed:@"GreenBubble2.png"] stretchableImageWithLeftCapWidth:14topCapHeight:15];
29. [cell.messageContentView setFrame:CGRectMake(320-size.width - padding, padding*2, size.width, size.height)];
30. [cell.bgImageView setFrame:CGRectMake(cell.messageContentView.frame.origin.x - padding/2, cell.messageContentView.frame.origin.y - padding/2, size.width + padding, size.height + padding)];
31. }
32. cell.bgImageView.image = bgImage;
33. cell.senderAndTimeLabel.text = [NSString stringWithFormat:@"%@ %@", sender, time];
34. return cell;
35. }

在这个Cell里设置了发送的消息的背景图和接收消息的背景图

这里在字典里有一个"time"

这是我们接收和发送消息的时间

[java] view plaincopyprint?

1. +(NSString *)getCurrentTime{
2. NSDate *nowUTC = [NSDate date];
3. NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
4. [dateFormatter setTimeZone:[NSTimeZone localTimeZone]];
5. [dateFormatter setDateStyle:NSDateFormatterMediumStyle];
6. [dateFormatter setTimeStyle:NSDateFormatterMediumStyle];
7. return [dateFormatter stringFromDate:nowUTC];
8. }

在AppDelegate.m中

将我们收到消息的内容也做一下调整

[java] view plaincopyprint?

1. - (void)xmppStream:(XMPPStream *)sender didReceiveMessage:(XMPPMessage *)message{
2. // ......
3. NSMutableDictionary *dict = [NSMutableDictionary dictionary];
4. [dict setObject:msg forKey:@"msg"];
5. [dict setObject:from forKey:@"sender"];
6. //消息接收到的时间
7. [dict setObject:[Statics getCurrentTime] forKey:@"time"];
8. ......
9. }

最后我们再设置一下每一行显示的高度

[java] view plaincopyprint?

1. //每一行的高度
2. -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
3. NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
4. NSString *msg = [dict objectForKey:@"msg"];
5. CGSize textSize = {260.0 , 10000.0};
6. CGSize size = [msg sizeWithFont:[UIFont boldSystemFontOfSize:13] constrainedToSize:textSize lineBreakMode:UILineBreakModeWordWrap];
7. size.height += padding*2;
8. CGFloat height = size.height < 65 ? 65 : size.height;
9. return height;
10. }

，对了，在发送消息的时候，别忘了也加上

[java] view plaincopyprint?

1. - (IBAction)sendButton:(id)sender {
2. //本地输入框中的信息
3. ......
4. if (message.length > 0) {
5. .....
6. NSMutableDictionary *dictionary = [NSMutableDictionary dictionary];
7. [dictionary setObject:message forKey:@"msg"];
8. [dictionary setObject:@"you" forKey:@"sender"];
9. [dictionary setObject:[Statics getCurrentTime] forKey:@"time"];
10. [messages addObject:dictionary];
11. //重新刷新tableView
12. [self.tView reloadData];
13. }
14. }

好了，这里关于XMPP发送消息的教程就结束了，以后我们会详细介绍其他关于XMPP的内容

源码下载

GitHub资源下载: https://github.com/robbiehanson/XMPPFramework

GitHub iOS客户端使用教程: https://github.com/robbiehanson/XMPPFramework/wiki/GettingStarted_iOS