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,第一时间双方更新状态。html
最近看了关于XMPP的框架,以文本聊天为例,须要发送的消息为:git
XMPP的扩展协议Jingle使得其支持语音和视频。
- <</SPAN>message type="chat" from="kang@server.com" to="test@server.com">
- <</SPAN>body>helloWord</</SPAN>body>
- </</SPAN>message>
helloWord
基中from是从哪一个用户发送的消息,to是发给谁的消息,XMPP的用户都是以邮箱形式。body就是咱们发送的消息文本。github
好了,说到这里,咱们就来开发一个基于XMPP的IOS聊天客户端程序,首先咱们须要XMPP服务器,这里,我就拿本机作服务器,首先从xmpp Server下载ejabberd这个服务器,ejabberd支持Linux / Mac OS X / Solaris / Windows,因此任何操做系统均可以作咱们的聊天服务器。好了,下载完后,一步一步安装就能够了,这里咱们要注意一下web
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
这里咱们的服务器就是dpc1338a(通常就是机器名,默认就能够了,不须要改),每台机器的用户名都不同,这里的服务器域名就是机器名,这个咱们须要记住哦数据库
接着一步一步,还要设置管理员密码,密码固然也须要记住了,否则咱们没办法登陆管理员页面去。windows
好了,安装完后启动,显示以下:服务器
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
咱们点击admin interface,会要求咱们输入用户名和密码:
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
这里用户名是前面咱们安装的时候有一个管理员名,将管理员名跟咱们的服务器组合就能够了,我这里是admin@dpc1338a,每一台机器都不同,不要照抄哦,这样你是登陆不了的,密码就是安装的时候设置的密码
登陆成功后就会显示以下页面:
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
这里咱们须要解释的就是<<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>,也点开
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
这里有一个<<SPAN style="COLOR: rgb(102,0,0)">用户>,咱们须要建立几个用户来进行数据交互。
我建立了kang@dpc1338a,test@dpc1338a, abc@dpc1338a这几个用户,过一会咱们就用这几个用户进行聊天
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
好了,服务器装好了之后,咱们就须要下载个客户端来进行聊天,这里有一些客户端工具
http://xmpp.org/xmpp-software/clients/,这里咱们主要推荐MAC用Adium,Windows用Citron,下一章咱们要介绍IOS的xmpp framework。
[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端一)
介绍完了服务器,这篇咱们就要介绍重点了,写咱们本身的IOS客户端程序
先看一下咱们完成的效果图
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
首先下载xmppframework这个框架,下载
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
点ZIP下载
接下来,用Xcode新建一个工程
将如下这些文件拖入新建工程中
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
加入framework
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
并设置
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
到这里咱们就所有设好了,跑一下试试,看有没有错呢
若是没有错的话,咱们的xmppframework就加入成功了。
咱们设置咱们的页面以下图:
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
咱们的KKViewController.h
- #import
- @interface KKViewController : UIViewController
- @property (strong, nonatomic) IBOutlet UITableView *tView;
- - (IBAction)Account:(id)sender;
- @end
KKViewController.m
- #import "KKViewController.h"
- @interface KKViewController (){
- //在线用户
- NSMutableArray *onlineUsers;
- }
- @end
- @implementation KKViewController
- @synthesize tView;
- - (void)viewDidLoad
- {
- [super viewDidLoad];
- self.tView.delegate = self;
- self.tView.dataSource = self;
- onlineUsers = [NSMutableArray array];
- // Do any additional setup after loading the view, typically from a nib.
- }
- - (void)viewDidUnload
- {
- [self setTView:nil];
- [super viewDidUnload];
- // Release any retained subviews of the main view.
- }
- - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
- {
- return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
- }
- - (IBAction)Account:(id)sender {
- }
- #pragma mark UITableViewDataSource
- -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
- return [onlineUsers count];
- }
- -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
- static NSString *identifier = @"userCell";
- UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
- if (cell == nil) {
- cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
- }
- return cell;
- }
- - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
- return 1;
- }
- #pragma mark UITableViewDelegate
- -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
- }
- @end
这里的代码相信你们学过UITableView的话应该很熟悉了,若是不知道的话,就查一下UITableView的简单应用学习一下吧
接下来是登陆的页面
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
KKLoginController.m
- - (IBAction)LoginButton:(id)sender {
- if ([self validateWithUser:userTextField.text andPass:passTextField.text andServer:serverTextField.text]) {
- NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
- [defaults setObject:self.userTextField.text forKey:USERID];
- [defaults setObject:self.passTextField.text forKey:PASS];
- [defaults setObject:self.serverTextField.text forKey:SERVER];
- //保存
- [defaults synchronize];
- [self dismissModalViewControllerAnimated:YES];
- }else {
- UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"请输入用户名,密码和服务器"delegate:nil cancelButtonTitle:@"肯定" otherButtonTitles:nil, nil];
- [alert show];
- }
- }
- - (IBAction)closeButton:(id)sender {
- [self dismissModalViewControllerAnimated:YES];
- }
- -(BOOL)validateWithUser:(NSString *)userText andPass:(NSString *)passText andServer:(NSString *)serverText{
- if (userText.length > 0 && passText.length > 0 && serverText.length > 0) {
- return YES;
- }
- return NO;
- }
下面是聊天的页面
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
这里着重的仍是UITableView
KKChatController.m
- -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
- return 1;
- }
- -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
- return [messages count];
- }
- -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
- static NSString *identifier = @"msgCell";
- UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
- if (cell == nil) {
- cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
- }
- NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
- cell.textLabel.text = [dict objectForKey:@"msg"];
- cell.detailTextLabel.text = [dict objectForKey:@"sender"];
- cell.accessoryType = UITableViewCellAccessoryNone;
- return cell;
- }
这些都比较简单,相信你们应该都能看得懂
把这些都设置好之后,咱们就要着重介绍XMPP了,怕太长了,接下一章吧。
[iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端二)
接上一章的,这一章咱们着重介绍XMPP
为了方便程序调用,咱们把XMPP的一些主要方法写在AppDelegate中
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
在AppDelegate.m下这几个方法为:
- -(void)setupStream{
- //初始化XMPPStream
- xmppStream = [[XMPPStream alloc] init];
- [xmppStream addDelegate:self delegateQueue:dispatch_get_current_queue()];
- }
- -(void)goOnline{
- //发送在线状态
- XMPPPresence *presence = [XMPPPresence presence];
- [[self xmppStream] sendElement:presence];
- }
- -(void)goOffline{
- //发送下线状态
- XMPPPresence *presence = [XMPPPresence presenceWithType:@"unavailable"];
- [[self xmppStream] sendElement:presence];
- }
- -(BOOL)connect{
- [self setupStream];
- //从本地取得用户名,密码和服务器地址
- NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
- NSString *userId = [defaults stringForKey:USERID];
- NSString *pass = [defaults stringForKey:PASS];
- NSString *server = [defaults stringForKey:SERVER];
- if (![xmppStream isDisconnected]) {
- return YES;
- }
- if (userId == nil || pass == nil) {
- return NO;
- }
- //设置用户
- [xmppStream setMyJID:[XMPPJID jidWithString:userId]];
- //设置服务器
- [xmppStream setHostName:server];
- //密码
- password = pass;
- //链接服务器
- NSError *error = nil;
- if (![xmppStream connect:&error]) {
- NSLog(@"cant connect %@", server);
- return NO;
- }
- return YES;
- }
- -(void)disconnect{
- [self goOffline];
- [xmppStream disconnect];
- }
这几个是基础方法,接下来就是XMPPStreamDelegate中的方法,也是接受好友状态,接受消息的重要方法
- //链接服务器
- - (void)xmppStreamDidConnect:(XMPPStream *)sender{
- isOpen = YES;
- NSError *error = nil;
- //验证密码
- [[self xmppStream] authenticateWithPassword:password error:&error];
- }
- //验证经过
- - (void)xmppStreamDidAuthenticate:(XMPPStream *)sender{
- [self goOnline];
- }
- //收到消息
- - (void)xmppStream:(XMPPStream *)sender didReceiveMessage:(XMPPMessage *)message{
- // NSLog(@"message = %@", message);
- NSString *msg = [[message elementForName:@"body"] stringValue];
- NSString *from = [[message attributeForName:@"from"] stringValue];
- NSMutableDictionary *dict = [NSMutableDictionary dictionary];
- [dict setObject:msg forKey:@"msg"];
- [dict setObject:from forKey:@"sender"];
- //消息委托(这个后面讲)
- [messageDelegate newMessageReceived:dict];
- }
- //收到好友状态
- - (void)xmppStream:(XMPPStream *)sender didReceivePresence:(XMPPPresence *)presence{
- // NSLog(@"presence = %@", presence);
- //取得好友状态
- NSString *presenceType = [presence type]; //online/offline
- //当前用户
- NSString *userId = [[sender myJID] user];
- //在线用户
- NSString *presenceFromUser = [[presence from] user];
- if (![presenceFromUser isEqualToString:userId]) {
- //在线状态
- if ([presenceType isEqualToString:@"available"]) {
- //用户列表委托(后面讲)
- [chatDelegate newBuddyOnline:[NSString stringWithFormat:@"%@@%@", presenceFromUser, @"nqc1338a"]];
- }else if ([presenceType isEqualToString:@"unavailable"]) {
- //用户列表委托(后面讲)
- [chatDelegate buddyWentOffline:[NSString stringWithFormat:@"%@@%@", presenceFromUser, @"nqc1338a"]];
- }
- }
- }
这里面有两个委托方法,一个是用户列表委托,还有一个就是消息委托,用户列表委托主要就是取得在线用户,更新用户TableView,消息委托就是取得好友发送的消息,并更新消息TableView,固然这两个TableView是在不一样的Controller中的
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
定义完两个委托,咱们就要在不一样的Controller中实现这两个委托了
在好友Controller中实现并写入以下方法
- //取得当前程序的委托
- -(KKAppDelegate *)appDelegate{
- return (KKAppDelegate *)[[UIApplication sharedApplication] delegate];
- }
- //取得当前的XMPPStream
- -(XMPPStream *)xmppStream{
- return [[self appDelegate] xmppStream];
- }
- //在线好友
- -(void)newBuddyOnline:(NSString *)buddyName{
- if (![onlineUsers containsObject:buddyName]) {
- [onlineUsers addObject:buddyName];
- [self.tView reloadData];
- }
- }
- //好友下线
- -(void)buddyWentOffline:(NSString *)buddyName{
- [onlineUsers removeObject:buddyName];
- [self.tView reloadData];
- }
在viewDidLoad中加入
- //设定在线用户委托
- KKAppDelegate *del = [self appDelegate];
- del.chatDelegate = self;
这两行代码,让好友列表的委托实现方法在本程序中
在viewWillAppear中加入
- [super viewWillAppear:animated];
- NSString *login = [[NSUserDefaults standardUserDefaults] objectForKey:@"userId"];
- if (login) {
- if ([[self appDelegate] connect]) {
- NSLog(@"show buddy list");
- }
- }else {
- //设定用户
- [self Account:self];
- }
判断本地保存的数据中是否有userId,没有的话就跳转到登陆页面
这里最重要的就是connect了,这一句话就是登陆了,成功的话,页面就会显示好友列表了。
- #pragma mark UITableViewDelegate
- -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
- //start a Chat
- chatUserName = (NSString *)[onlineUsers objectAtIndex:indexPath.row];
- [self performSegueWithIdentifier:@"chat" sender:self];
- }
- -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
- if ([segue.identifier isEqualToString:@"chat"]) {
- KKChatController *chatController = segue.destinationViewController;
- chatController.chatWithUser = chatUserName;
- }
- }
当显示出好友列表,咱们选择一个好友进行聊天
将当前好友名称发送给聊天页面
下面是聊天Controller了
在KKChatController.h中加入
- NSMutableArray *messages;
这是咱们要显示的消息,每一条消息为一条字典
接下来就是每一条消息的显示了
- -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
- static NSString *identifier = @"msgCell";
- UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
- if (cell == nil) {
- cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
- }
- NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
- cell.textLabel.text = [dict objectForKey:@"msg"];
- cell.detailTextLabel.text = [dict objectForKey:@"sender"];
- cell.accessoryType = UITableViewCellAccessoryNone;
- return cell;
- }
跟上面好友Controller同样,这里咱们也须要XMPPStream
- -(KKAppDelegate *)appDelegate{
- return (KKAppDelegate *)[[UIApplication sharedApplication] delegate];
- }
- -(XMPPStream *)xmppStream{
- return [[self appDelegate] xmppStream];
- }
在ViewDidLoad中加入
- KKAppDelegate *del = [self appDelegate];
- del.messageDelegate = self;
设定消息委托由本身来接收和处理
- #pragma mark KKMessageDelegate
- -(void)newMessageReceived:(NSDictionary *)messageCotent{
- [messages addObject:messageCotent];
- [self.tView reloadData];
- }
接下来最重要的就是发送消息了
- - (IBAction)sendButton:(id)sender {
- //本地输入框中的信息
- NSString *message = self.messageTextField.text;
- if (message.length > 0) {
- //XMPPFramework主要是经过KissXML来生成XML文件
- //生成文档
- 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];
- }
- }
文档 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端三)
前两篇介绍了如何经过XMPP来发送消息和接收消息,这一篇咱们主要介绍如何来美化咱们的聊天程序,看一下最终效果呢,固然源程序也会在最后放出
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
好了,咱们来看一下咱们写的程序
这里咱们自定义了TableViewCell
![[iPhone高级] <wbr>基于XMPP的IOS聊天客户端程序(全)【转】](http://static.javashuo.com/static/loading.gif)
一行是显示发布日期,一行是显示发送的消息,还有一个是背景
- -(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
- self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
- if (self) {
- //日期标签
- senderAndTimeLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 5, 300, 20)];
- //居中显示
- senderAndTimeLabel.textAlignment = UITextAlignmentCenter;
- senderAndTimeLabel.font = [UIFont systemFontOfSize:11.0];
- //文字颜色
- senderAndTimeLabel.textColor = [UIColor lightGrayColor];
- [self.contentView addSubview:senderAndTimeLabel];
- //背景图
- bgImageView = [[UIImageView alloc] initWithFrame:CGRectZero];
- [self.contentView addSubview:bgImageView];
- //聊天信息
- messageContentView = [[UITextView alloc] init];
- messageContentView.backgroundColor = [UIColor clearColor];
- //不可编辑
- messageContentView.editable = NO;
- messageContentView.scrollEnabled = NO;
- [messageContentView sizeToFit];
- [self.contentView addSubview:messageContentView];
- }
- return self;
- }
定义好,在UITableViewCell中将Cell改为咱们本身定义的Cell
- -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
- static NSString *identifier = @"msgCell";
- KKMessageCell *cell =(KKMessageCell *)[tableView dequeueReusableCellWithIdentifier:identifier];
- if (cell == nil) {
- cell = [[KKMessageCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:identifier];
- }
- NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
- //发送者
- NSString *sender = [dict objectForKey:@"sender"];
- //消息
- NSString *message = [dict objectForKey:@"msg"];
- //时间
- NSString *time = [dict objectForKey:@"time"];
- CGSize textSize = {260.0 ,10000.0};
- CGSize size = [message sizeWithFont:[UIFont boldSystemFontOfSize:13] constrainedToSize:textSize lineBreakMode:UILineBreakModeWordWrap];
- size.width +=(padding/2);
- cell.messageContentView.text = message;
- cell.accessoryType = UITableViewCellAccessoryNone;
- cell.userInteractionEnabled = NO;
- UIImage *bgImage = nil;
- //发送消息
- if ([sender isEqualToString:@"you"]) {
- //背景图
- bgImage = [[UIImage imageNamed:@"BlueBubble2.png"] stretchableImageWithLeftCapWidth:20topCapHeight:15];
- [cell.messageContentView setFrame:CGRectMake(padding, padding*2, size.width, size.height)];
- [cell.bgImageView setFrame:CGRectMake(cell.messageContentView.frame.origin.x - padding/2, cell.messageContentView.frame.origin.y - padding/2, size.width + padding, size.height + padding)];
- }else {
- bgImage = [[UIImage imageNamed:@"GreenBubble2.png"] stretchableImageWithLeftCapWidth:14topCapHeight:15];
- [cell.messageContentView setFrame:CGRectMake(320-size.width - padding, padding*2, size.width, size.height)];
- [cell.bgImageView setFrame:CGRectMake(cell.messageContentView.frame.origin.x - padding/2, cell.messageContentView.frame.origin.y - padding/2, size.width + padding, size.height + padding)];
- }
- cell.bgImageView.image = bgImage;
- cell.senderAndTimeLabel.text = [NSString stringWithFormat:@"%@ %@", sender, time];
- return cell;
- }
在这个Cell里设置了发送的消息的背景图和接收消息的背景图
这里在字典里有一个"time"
这是咱们接收和发送消息的时间
- +(NSString *)getCurrentTime{
- NSDate *nowUTC = [NSDate date];
- NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
- [dateFormatter setTimeZone:[NSTimeZone localTimeZone]];
- [dateFormatter setDateStyle:NSDateFormatterMediumStyle];
- [dateFormatter setTimeStyle:NSDateFormatterMediumStyle];
- return [dateFormatter stringFromDate:nowUTC];
- }
在AppDelegate.m中
将咱们收到消息的内容也作一下调整
- - (void)xmppStream:(XMPPStream *)sender didReceiveMessage:(XMPPMessage *)message{
- // ......
- NSMutableDictionary *dict = [NSMutableDictionary dictionary];
- [dict setObject:msg forKey:@"msg"];
- [dict setObject:from forKey:@"sender"];
- //消息接收到的时间
- [dict setObject:[Statics getCurrentTime] forKey:@"time"];
- ......
- }
最后咱们再设置一下每一行显示的高度
- //每一行的高度
- -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
- NSMutableDictionary *dict = [messages objectAtIndex:indexPath.row];
- NSString *msg = [dict objectForKey:@"msg"];
- CGSize textSize = {260.0 , 10000.0};
- CGSize size = [msg sizeWithFont:[UIFont boldSystemFontOfSize:13] constrainedToSize:textSize lineBreakMode:UILineBreakModeWordWrap];
- size.height += padding*2;
- CGFloat height = size.height < 65 ? 65 : size.height;
- return height;
- }
,对了,在发送消息的时候,别忘了也加上
- - (IBAction)sendButton:(id)sender {
- //本地输入框中的信息
- ......
- if (message.length > 0) {
- .....
- NSMutableDictionary *dictionary = [NSMutableDictionary dictionary];
- [dictionary setObject:message forKey:@"msg"];
- [dictionary setObject:@"you" forKey:@"sender"];
- [dictionary setObject:[Statics getCurrentTime] forKey:@"time"];
- [messages addObject:dictionary];
- //从新刷新tableView
- [self.tView reloadData];
- }
- }
好了,这里关于XMPP发送消息的教程就结束了,之后咱们会详细介绍其余关于XMPP的内容
源码下载
GitHub资源下载: https://github.com/robbiehanson/XMPPFramework
GitHub iOS客户端使用教程: https://github.com/robbiehanson/XMPPFramework/wiki/GettingStarted_iOS