环信聊天自定义消息列表以及头像昵称问题

最近在弄环信,感觉接入还是比较容易的,网上大把教程,就不赘述了。但是后面根据需求的修改比较考验耐心。。。

我不知道别人怎么跑的官方demo,反正我是没跑起来。。不过没啥关系啊,简单说下结构咯,相信你自己也看得到:

是不是很简单,比较懒,就没拖在相邻位置,有强迫症的勿怪。我们要看的大概就是这个消息列表和聊天页面了。

我是自己写的一个消息列表页面,网上有的直接用的EaseConversationListViewController,也有继承一个EaseConversationListViewController的,其实都可以,因为一开始我就自己写了,后面就懒得改了。贴一点我自己的代码:

首先,遵循相关的代理,有群组聊天的还要添加EMGroupManagerDelegate,并实现- (void)didUpdateGroupList:(NSArray *)groupList方法。

然后在viewWillAppear里,需要注册消息通知,记得viewWillDisAppear里注销咯~

接下来是重点:

messagesDidReceive是接受消息的代理方法,tableViewDidTriggerHeaderRefresh是获取会话列表的方法,获取到conversations并依次加入数据源中。

/*!

@method

@brief 加载会话列表

@discussion

@result

*/

- (void)tableViewDidTriggerHeaderRefresh

{

    NSArray *conversations = [[EMClient sharedClient].chatManager getAllConversations];

    NSArray* sorted = [conversations sortedArrayUsingComparator:

                      ^(EMConversation *obj1, EMConversation* obj2){

                          EMMessage *message1 = [obj1 latestMessage];

                          EMMessage *message2 = [obj2 latestMessage];

                          if(message1.timestamp > message2.timestamp) {

                              return(NSComparisonResult)NSOrderedAscending;

                          }else {

                              return(NSComparisonResult)NSOrderedDescending;

                          }

                      }];

    [self.dataArr removeAllObjects];

    for (EMConversation *converstion in sorted) {

        EaseConversationModel *model = nil;

        model = [[EaseConversationModel alloc] initWithConversation:converstion];

        if (model) {

            [self.dataArr addObject:model];

        }

    }

    NSLog(@"data == %@",self.dataArr);

    [self.tableview reloadData];

}

然后,在自己的- (nonnull UITableViewCell *)tableView:(nonnull UITableView *)tableView cellForRowAtIndexPath:(nonnull NSIndexPath *)indexPath方法中,我自定义了一个cell来坐消息列表显示

id model = [self.dataArr objectAtIndex:indexPath.row]; 就是获取到当前cell的会话model。

有两个private的方法也贴一下:


/*! @method @brief 获取会话最近一条消息内容提示 @discussion @param conversationModel 会话model @result 返回传入会话model最近一条消息提示 */

- (NSString *)_latestMessageTitleForConversationModel:(id)conversationModel

{

    NSString *latestMessageTitle = @"";

    EMMessage *lastMessage = [conversationModel.conversation latestMessage];

    if (lastMessage) {

        EMMessageBody *messageBody = lastMessage.body;

        switch (messageBody.type) {

            case EMMessageBodyTypeImage:{

                latestMessageTitle = NSEaseLocalizedString(@"message.image1", @"[image]");

            } break;

            case EMMessageBodyTypeText:{

                NSString *didReceiveText = [EaseConvertToCommonEmoticonsHelper

                                            convertToSystemEmoticons:((EMTextMessageBody *)messageBody).text];

                latestMessageTitle = didReceiveText;

            } break;

            case EMMessageBodyTypeVoice:{

                latestMessageTitle = NSEaseLocalizedString(@"message.voice1", @"[voice]");

            } break;

            case EMMessageBodyTypeLocation: {

                latestMessageTitle = NSEaseLocalizedString(@"message.location1", @"[location]");

            } break;

            case EMMessageBodyTypeVideo: {

                latestMessageTitle = NSEaseLocalizedString(@"message.video1", @"[video]");

            } break;

            case EMMessageBodyTypeFile: {

                latestMessageTitle = NSEaseLocalizedString(@"message.file1", @"[file]");

            } break;

            default: {

            } break;

        }

    }

    return latestMessageTitle;

}


/*! @method @brief 获取会话最近一条消息时间 @discussion @param conversationModel 会话model @result 返回传入会话model最近一条消息时间 */- (NSString *)_latestMessageTimeForConversationModel:(id)conversationModel

{

    NSString *latestMessageTime = @"";

    EMMessage *lastMessage = [conversationModel.conversation latestMessage];;

    if (lastMessage) {

        double timeInterval = lastMessage.timestamp ;

        if(timeInterval > 140000000000) {

            timeInterval = timeInterval / 1000;

        }

        NSDateFormatter* formatter = [[NSDateFormatter alloc]init];

        [formatter setDateFormat:@"YYYY-MM-dd"];

        latestMessageTime = [formatter stringFromDate:[NSDate dateWithTimeIntervalSince1970:timeInterval]];

    }

    return latestMessageTime;

}


关于聊天页面的话,可以写一个继承EaseMessageViewController的VC,我是直接用的EaseMessageViewController。然后定义了一个公共方法,push到creat的聊天页面

chatBarMoreView是底部的菜单栏,根据需求,加入新的按钮和图案,- (void)messageViewController:(EaseMessageViewController *)viewController   didSelectMoreView:(EaseChatBarMoreView *)moreView AtIndex:(NSInteger)index实现点击方法。此方法需遵循EaseMessageViewControllerDelegate代理


另外,关于聊天的头像和昵称,需要用到message的扩展功能,遵循代理EaseMessageViewControllerDataSource

官方提供的ext扩展消息结构


代理方法- (id)messageViewController:(EaseMessageViewController *)viewController modelForMessage:(EMMessage *)message,自己的头像和昵称,可以在登录成功的方法里,存入本地,然后这里直接调用。而接受的消息里,也需要根据key去ext里取出相关的value。

#pragma mark - EaseMessageViewControllerDataSource

- (id)messageViewController:(EaseMessageViewController *)viewController modelForMessage:(EMMessage *)message{ id model = nil;

    model = [[EaseMessageModel alloc] initWithMessage:message];

    if (model.isSender) {//自己发送

        model.message.ext = @{@"avatar":[[NSUserDefaults standardUserDefaults] objectForKey:@"headimgurl"],@"nickname":[[NSUserDefaults standardUserDefaults] objectForKey:@"nickname"]};

        //头像

        model.avatarURLPath = [[NSUserDefaults standardUserDefaults] objectForKey:@"headimgurl"];

        //昵称

        model.nickname = [[NSUserDefaults standardUserDefaults] objectForKey:@"nickname"];

        //头像占位图

        model.avatarImage = [UIImage imageNamed:@"toux.png"];

    }else{//对方发送

        //头像占位图

        model.avatarImage = [UIImage imageNamed:@"toux.png"];

        //头像

        model.avatarURLPath = message.ext[@"avatar"];

        //昵称

        model.nickname =  message.ext[@"nickname"];

   }

    return model;

}

just so easy。不知道说的清不清楚,😂。有疑问的可以评论留言~~欢迎讨论👏

可以参考一个妹子程序媛的,感觉写的比我仔细,哈哈~妹子博文在此

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容