XMPP的IOS聊天客户端程序

关于XMPP的框架,以文本聊天为例,需要发送的消息为:

 
  1. <</SPAN>message type="chat" from="[email protected]" to="[email protected]">
  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,所以任何操作系统都可以做我们的聊天服务器。好了,下载完后,一步一步安装就可以了,这里我们要注意一下

XMPP的IOS聊天客户端程序_第1张图片

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

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

好了,安装完后启动,显示如下:

XMPP的IOS聊天客户端程序_第2张图片

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

XMPP的IOS聊天客户端程序_第3张图片

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

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

XMPP的IOS聊天客户端程序_第4张图片

这里我们需要解释的就是<<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>,也点开

XMPP的IOS聊天客户端程序_第5张图片

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

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

XMPP的IOS聊天客户端程序_第6张图片

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

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

 

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

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

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

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

XMPP的IOS聊天客户端程序_第7张图片XMPP的IOS聊天客户端程序_第8张图片

XMPP的IOS聊天客户端程序_第9张图片

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

XMPP的IOS聊天客户端程序_第10张图片

点ZIP下载

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

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

XMPP的IOS聊天客户端程序_第11张图片

XMPP的IOS聊天客户端程序_第12张图片

加入framework

XMPP的IOS聊天客户端程序_第13张图片

并设置

 

XMPP的IOS聊天客户端程序_第14张图片

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

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


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

XMPP的IOS聊天客户端程序_第15张图片

我们的KKViewController.h

[java]  view plain copy print ?
  1. #import
  2. @interface KKViewController : UIViewController
  3. @property (strong, nonatomic) IBOutlet UITableView *tView;
  4. - (IBAction)Account:(id)sender;
  5. @end


 

KKViewController.m

[java]  view plain copy print ?
  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的简单应用学习一下吧

接下来是登录的页面

XMPP的IOS聊天客户端程序_第16张图片

KKLoginController.m

[java]  view plain copy print ?
  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. }

下面是聊天的页面

XMPP的IOS聊天客户端程序_第17张图片
这里着重的还是UITableView

KKChatController.m

[java]  view plain copy print ?
  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:25 6625人阅读 评论(27) 收藏 举报
ios xmpp 聊天 iphone dictionary server

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

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

XMPP的IOS聊天客户端程序_第18张图片

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

[java]  view plain copy print ?
  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 plain copy print ?
  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中的

XMPP的IOS聊天客户端程序_第19张图片

XMPP的IOS聊天客户端程序_第20张图片

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

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

[java]  view plain copy print ?
  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 plain copy print ?
  1. //设定在线用户委托
  2. KKAppDelegate *del = [self appDelegate];
  3. del.chatDelegate = self;
这两行代码,让好友列表的委托实现方法在本程序中

viewWillAppear中加入

[java]  view plain copy print ?
  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 plain copy print ?
  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 plain copy print ?
  1. NSMutableArray *messages;
这是我们要显示的消息,每一条消息为一条字典

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

[java]  view plain copy print ?
  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 plain copy print ?
  1. -(KKAppDelegate *)appDelegate{
  2. return (KKAppDelegate *)[[UIApplication sharedApplication] delegate];
  3. }
  4. -(XMPPStream *)xmppStream{
  5. return [[self appDelegate] xmppStream];
  6. }
在ViewDidLoad中加入
[java]  view plain copy print ?
  1. KKAppDelegate *del = [self appDelegate];
  2. del.messageDelegate = self;
设定消息委托由自己来接收和处理
[java]  view plain copy print ?
  1. #pragma mark KKMessageDelegate
  2. -(void)newMessageReceived:(NSDictionary *)messageCotent{
  3. [messages addObject:messageCotent];
  4. [self.tView reloadData];
  5. }
接下来最重要的就是发送消息了
[java]  view plain copy print ?
  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:17 4063人阅读 评论(14) 收藏 举报

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

XMPP的IOS聊天客户端程序_第21张图片

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

这里我们自定义了TableViewCell

XMPP的IOS聊天客户端程序_第22张图片

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

[java]  view plain copy print ?
  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 plain copy print ?
  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 plain copy print ?
  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 plain copy print ?
  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 plain copy print ?
  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 plain copy print ?
  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的内容

源码下载

你可能感兴趣的:(XMPP的IOS聊天客户端程序)