iOS 环信集成(五) 加载会话列表
昨天，去忙别的事情了，今天继续更新环信集成的教程。
一、加载会话框
1. 新建一个cell
首先，我们自定义一个cell，用来实现会话框的好友昵称、消息、发送时间等。继承于YCBaseTableViewCell，这个是我自己写的一个自定义cell的基类，你如果没有引用我的YCBaseTableViewCell文件，直接继承苹果的UITableViewCell即可。然后，添加一些初始化控件的代码，如下：
#import "YCBaseTableViewCell.h"
@interface ConversationCell : YCBaseTableViewCell
@property (retain, nonatomic) UILabel *labName;
@property (retain, nonatomic) UILabel *labMsg;
@property (retain, nonatomic) UILabel *labTime;
@property (retain, nonatomic) UIImageView *imgHeader;
@end#import "ConversationCell.h"
@implementation ConversationCell
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
// Initialization code
self.backgroundColor = [UIColor whiteColor];
self.contentView.backgroundColor = [UIColor whiteColor];
self.selectionStyle = UITableViewCellSelectionStyleGray;
_imgHeader = [YCCommonCtrl commonImageViewWithFrame:CGRectMake(10, 5, 40, 40) image:[UIImage imageNamed:@""]];
[self addSubview:_imgHeader];
_labName = [YCCommonCtrl commonLableWithFrame:CGRectMake(55, 5, 250, 20)
text:@""
color:[UIColor blackColor]
font:[UIFont systemFontOfSize:17.0]
textAlignment:NSTextAlignmentLeft];
[self addSubview:_labName];
_labMsg = [YCCommonCtrl commonLableWithFrame:CGRectMake(55, 25, 250, 20)
text:@""
color:[UIColor grayColor]
font:[UIFont systemFontOfSize:17.0]
textAlignment:NSTextAlignmentLeft];
[self addSubview:_labMsg];
_labTime = [YCCommonCtrl commonLableWithFrame:CGRectMake(SCREEN_WIDTH-100, 5, 100, 20)
text:@""
color:[UIColor grayColor]
font:[UIFont systemFontOfSize:15.0]
textAlignment:NSTextAlignmentLeft];
[self addSubview:_labTime];
}
return self;
}
- (void)setDictInfo:(NSDictionary *)dictInfo
{
}
@end
2. 获取所有的会话
1、我们进入ChatListViewController.m文件中，在类的声明出遵循一些相关的协议，和添加相关的头文件：
#import "ChatListViewController.h"
#import "ChatViewController.h"
#import "ConversationCell.h"
#import "ConvertToCommonEmoticonsHelper.h"
@interface ChatListViewController ()<IChatManagerDelegate, EMCallManagerDelegate,ChatViewControllerDelegate>
{
NSArray *arrConversations;
}
@end2、获取聊天管理器对象
这个步骤很重要，缺少这个就加载不了会话的数据。
- (void)viewWillAppear:(BOOL)animated {
[self getAllConversations]; //获取所有的会话
}
- (void)viewDidLoad {
[super viewDidLoad];
self.title = @"会话";
//聊天管理器, 获取该对象后, 可以做登录、聊天、加好友等操作
[[EaseMob sharedInstance].chatManager loadDataFromDatabase];
}
3、获取所有的会话
//获取所有的会话
- (void)getAllConversations
{
arrConversations = [[EaseMob sharedInstance].chatManager conversations];
[self.tableView reloadData];
}二、显示会话数据
1. 显示好友昵称和头像
数据都已经加载好了，定义一个arrConversations数组接收数据，然后用列表显示出来。
#pragma mark - UITableView Delegate & DataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return arrConversations.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *cellIdentifier = @"CELL";
ConversationCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (cell == nil) {
cell = [[ConversationCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
}
EMConversation *conversation = [arrConversations objectAtIndex:indexPath.row];
switch (conversation.conversationType) {
//单聊会话
case eConversationTypeChat:
{
cell.labName.text = conversation.chatter;
cell.imgHeader.image = [UIImage imageNamed:@"chatListCellHead"];
break;
}
//群聊会话
case eConversationTypeGroupChat:
{
NSArray *groupArray = [[EaseMob sharedInstance].chatManager groupList];
for (EMGroup *group in groupArray) {
if ([group.groupId isEqualToString:conversation.chatter]) {
cell.labName.text = group.groupSubject;
cell.imgHeader.image = [UIImage imageNamed:group.isPublic ? @"groupPublicHeader" : @"groupPrivateHeader"] ;
break;
}
}
}
//聊天室会话
case eConversationTypeChatRoom:
{
}
default:
break;
}
// cell.labMsg.text = [self subTitleMessageByConversation:conversation];
return cell;
}好吧，我们来编译一下。
哎呦，不错喔，但是感觉还是少点什么。我们应该要显示最后收到的一条消息，和收到消息的时间，对吧。
2. 显示最后收到的消息
用下面这个方法，记得先引入一个转换表情的类：
#import "ConvertToCommonEmoticonsHelper.h"//得到最后消息文字或者类型
-(NSString *)subTitleMessageByConversation:(EMConversation *)conversation
{
NSString *ret = @"";
EMMessage *lastMessage = [conversation latestMessage];
if (lastMessage) {
id messageBody = lastMessage.messageBodies.lastObject;
switch (messageBody.messageBodyType) {
//图像类型
case eMessageBodyType_Image:
{
ret = NSLocalizedString(@"message.image1", @"[image]");
} break;
//文本类型
case eMessageBodyType_Text:
{
NSString *didReceiveText = [ConvertToCommonEmoticonsHelper
convertToSystemEmoticons:((EMTextMessageBody *)messageBody).text]; //表情映射
ret = didReceiveText;
} break;
//语音类型
case eMessageBodyType_Voice:
{
ret = NSLocalizedString(@"message.voice1", @"[voice]");
} break;
//位置类型
case eMessageBodyType_Location:
{
ret = NSLocalizedString(@"message.location1", @"[location]");
} break;
//视频类型
case eMessageBodyType_Video:
{
ret = NSLocalizedString(@"message.video1", @"[video]");
} break;
default:
break;
}
}
return ret;
}
OK ,一步一步来，我们编译一下，看看效果。 
Very Good ! 然后我们在把收到消息的时间给加上。
3. 显示收到消息的时间
1、先引入一个处理时间的头文件：
#import "NSDate+Category.h"
2、添加处理时间的方法：
// 得到最后消息时间
-(NSString *)lastMessageTimeByConversation:(EMConversation *)conversation
{
NSString *ret = @"";
EMMessage *lastMessage = [conversation latestMessage];;
if (lastMessage) {
ret = [NSDate formattedTimeFromTimeInterval:lastMessage.timestamp];
}
return ret;
}
3、在列表中显示
在numberOfRowsInSection方法中添加：
cell.labTime.text = [self lastMessageTimeByConversation:conversation]; //显示收到消息的时间
完工，编译看效果。
补充说明
有读者反馈，发送消息不显示时间，会话列表也不显示时间。原因是因为没有添加”Localizable.string”这个文件。添加进去，重新编译，即可显示时间。如下图：
