环信的消息列表的实现

前面几天都在忙其它事情，刚集成的环信就只有登录、注册、还有简单的聊天界面，又把他放在了一边，今天重新集成。准备做一下消息列表。

下面说一下，基本的消息列表的数据展示和交互。
如图所示，一般的消息列表有头像、未读的消息数量、对方的昵称、还有最后一条消息的内容、以及最后一条消息的时间。然后聊天记录会按照时间的远近来排序。

环信的消息列表的实现

下面就看看怎么实现吧。

1.首先我们搭个大概的框架,我们准备用TableView来展示我们的消息列表下面这个方法可以获取到当前的所有会话，返回一个数组

[[EMClient sharedClient].chatManager getAllConversations]

获得上面的所有会话后，我们将值赋值给自己的数据源

 self.data = (NSMutableArray *) [[EMClient sharedClient].chatManager getAllConversations];

//别忘记了刷新我们的TableView;

环信也给我们自定义好了这个列表的Cell,叫EaseConversationCell
下面就是列表的代理方法的实现

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    return _data.count;
}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 60;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
   
    
    EaseConversationCell * cell = [tableView dequeueReusableCellWithIdentifier:@"reuseID"];
    
    if (!cell) {
        cell = [[EaseConversationCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"reuseID"];
    }
    

    
    EMConversation *conversation = [_data objectAtIndex:indexPath.row];
//    
//    EMConversationTypeChat  = 0,    /*! \~chinese 单聊会话 \~english one to one chat room type */
//    EMConversationTypeGroupChat,    /*! \~chinese 群聊会话 \~english Group chat room type */
//    EMConversationTypeChatRoom      /*! \~chinese 聊天室会话 \~english Chatroom chat room type */
    
    switch (conversation.type) {
            //单聊会话
        case EMConversationTypeChat:
        {

//这里有个小坑，刚开始不知道怎么获取到对方的昵称，就用了下面的方法去获取，根据当前的会话是接收方还是发送方来获取发送的对象，或接收的对象，结果有些能获取到，有些返回的Null,
//            cell.textLabel.text = [conversation lastReceivedMessage].direction == EMMessageDirectionSend? [conversation lastReceivedMessage].to : [conversation lastReceivedMessage].from;
            cell.titleLabel.text = conversation.conversationId;// [conversation lastReceivedMessage].direction == EMMessageDirectionSend? [conversation lastReceivedMessage].to : [conversation lastReceivedMessage].from;
            NSLog(@"发送方%@------接收方%@",[conversation lastReceivedMessage].from,[conversation lastReceivedMessage].to);
            //头像,我这里用固定的头像
            cell.avatarView.image = [UIImage imageNamed:@"home"];
            //是否显示角标
            cell.avatarView.showBadge = YES;
            //未读消息数量
            cell.avatarView.badge = conversation.unreadMessagesCount;
            break;
            
            
        }
        default:
            break;
    }

    
    
    //这里是将会话的最后一条消息装换成具体内容展示
    cell.detailLabel.text = [self subTitleMessageByConversation:conversation];

//这里是将时间戳格式转换成日期格式
    NSString * str = [YMHXTool timeByMessageTime:[NSString stringWithFormat:@"%lld",[conversation latestMessage].localTime]];
    cell.timeLabel.text = str;//[NSString stringWithFormat:@"%lld",[conversation latestMessage].localTime];
    
    
    return cell;
}

下面的这个方法是获取该会话的最后一条消息，当然图片，语音之类的消息文本，就用字符串代替了

//得到最后消息文字或者类型
-(NSString *)subTitleMessageByConversation:(EMConversation *)conversation
{
    NSString *ret = @"";
    EMMessage *lastMessage = [conversation latestMessage];
    EMMessageBody * messageBody = lastMessage.body;
    if (lastMessage) {
        EMMessageBodyType  messageBodytype = lastMessage.body.type;
        switch (messageBodytype) {
                
                
                //                 EMMessageBodyTypeText   = 1,    /*! \~chinese 文本类型 \~english Text */
                //                EMMessageBodyTypeImage,         /*! \~chinese 图片类型 \~english Image */
                //                EMMessageBodyTypeVideo,         /*! \~chinese 视频类型 \~english Video */
                //                EMMessageBodyTypeLocation,      /*! \~chinese 位置类型 \~english Location */
                //                EMMessageBodyTypeVoice,         /*! \~chinese 语音类型 \~english Voice */
                //                EMMessageBodyTypeFile,          /*! \~chinese 文件类型 \~english File */
                //                EMMessageBodyTypeCmd,           /*! \~chinese 命令类型 \~english Command */
                
                
                
                
                //图像类型
            case EMMessageBodyTypeImage:
            {
                ret = NSLocalizedString(@"图片消息", @"[image]");
            } break;
                //文本类型
            case EMMessageBodyTypeText:
            {
                NSString *didReceiveText = [EaseConvertToCommonEmoticonsHelper
                                            convertToSystemEmoticons:((EMTextMessageBody *)messageBody).text];  //表情映射
                ret = didReceiveText;
            } break;
                //语音类型
            case EMMessageBodyTypeVoice:
            {
                ret = NSLocalizedString(@"语音消息", @"[voice]");
            } break;
                //位置类型
            case EMMessageBodyTypeLocation:
            {
                ret = NSLocalizedString(@"地理位置信息", @"[location]");
            } break;
                //视频类型
            case EMMessageBodyTypeVideo:
            {
                ret = NSLocalizedString(@"视频消息", @"[video]");
            } break;
                
            default:
                break;
        }
    }
    
    return ret;
}

到了上面这一步其实基本已经完成了，下面要做的就是讲所有会话，按照时间来排序。

 self.data = (NSMutableArray *) [YMHXTool sortByLocalTime:self.data];//别忘了刷新数据源

//会话列表排序
+(NSArray *)sortByLocalTime:(NSArray *)conversationArr
{
  return  [conversationArr sortedArrayUsingComparator:^NSComparisonResult(EMConversation*  _Nonnull obj1, EMConversation *  _Nonnull obj2) {
    
  //这里根据客户端接收到该消息的时间来进行排序
      return [@([obj2 latestMessage].localTime) compare:@([obj1 latestMessage].localTime)];
      //降序
  }];
}

然后就可以达到上图的效果

下次讲解如何将时间戳转换成时间的格式。