腾讯云IM接入案例(四)

作者: return_toLife | 来源:发表于2018-03-23 22:25 被阅读380次

    合集

    腾讯云IM接入案列(一)
    腾讯云IM接入案列(二)
    腾讯云IM接入案列(三)
    腾讯云IM接入案列(四)

    前言

    前三个已经基本实现了大多数小伙伴的需求,其实都是很简单的,不懂的小伙伴可以多多阅读下腾讯demo

    本篇内容

    本篇主要讲解一下自定义的聊天消息类型,实现各种各样的消息item

    前提准备

    1. 第一个问题
      通过前面的篇章我们知道了,聊天界面显示的具体逻辑是由个个Message的子类里面来实现的,那么可能小伙伴会想,能不能自己定义一个Message的子类来实现各种不同的消息界面呢
      在次去观察ChatActivity的showMessage()发现,我们接受到的Message是通过如下获得
     Message mMessage = MessageFactory.getMessage(message);
    

    那么我们就进入这个工厂类查看,发现是根据不同的TIMElem.type来生产出不同的子类,而很不幸的是,腾讯已经把这些type定义好了,不能额外添加,所以你只能在他的类型基础上的Message做改动,不能自定义一个新类型消息.

    1. 第二个问题
      那么或许有人会问,能不能通过CustomMessage来实现不同的消息界面呢,这个是可以,但是在签名的篇章我也说个,这个类在Demo里是用来定义一些状态而用的,不是用来做一个新的消息类型,如果硬要用来实现也是可以的,就是要记得把Conversation里面那个判断做一下处理,不然会话列表是不回根据你的CustomMessage做更新的,因为感觉实现起来不是很方便,所以这里不做展示

    自定义消息

    我是根据第一种类型在原有的Message基础类型上做判断,通过一些扩展字段类额外区分显示什么类型,其实和前面聊天界面显示头像的方式是一样的
    通过扩展字段添加一个boolean来判断这条消息是礼物消息还是普通文本消息

      /**
         * 消息扩展内容,用户的一些基本信息
         * @return
         */
        private TIMCustomElem createUserInfoElem(){
            //构造一个容器
            TIMCustomElem elem=new TIMCustomElem();
            // json的自定义消息
            JSONObject jsonObject=new JSONObject();
            try {
                jsonObject.put("gift",true);
                jsonObject.put("name","渣渣辉");
                jsonObject.put("avatar","https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522398341&di=60cdf3deabd3fc8bec2417fe8d95ea8f&imgtype=jpg&er=1&src=http%3A%2F%2Fimg1.ali213.net%2Fwebgamepic%2Fuploadfile%2Fnews%2F2017%2F07%2F06%2Fali20170706105114_77443_600.jpg");
                elem.setData(jsonObject.toString().getBytes());
            } catch (JSONException e) {
                Log.d("tencentim","createUserInfoElem fail"+e.toString());
            }
            return  elem;
        }
    

    然后把这个Elem添加到TextMessage里面进行发送,接着我们修改一些TextMessage里面showMessage的代码

      /**
         * 在聊天界面显示消息
         *
         * @param viewHolder 界面样式
         * @param context 显示消息的上下文
         */
        @Override
        public void showMessage(ChatAdapter.ViewHolder viewHolder, Context context) {
            clearView(viewHolder);
            if (checkRevoke(viewHolder)) return;
            boolean isGift=false;
            if (message.getElementCount() > 1 && message.getElement(1) instanceof TIMCustomElem) {
                try {
                    JSONObject jsonObject = new JSONObject(new String(((TIMCustomElem) message.getElement(1)).getData(), "UTF-8"));
                    isGift = jsonObject.getBoolean("gift");
                } catch (JSONException e) {
                    e.printStackTrace();
                } catch (UnsupportedEncodingException e) {
                    e.printStackTrace();
                }
            }
            if(isGift){
                //显示礼物界面
                showGiftMessage(viewHolder,context);
            }else {
                //显示普通文本消息
                showTextMessage(viewHolder, context);
            }
            showStatus(viewHolder);
        }
    

    效果如下


    e.PNG

    总结

    实现自定义消息类型的方式和聊天界面显示头像的方式是一样的,主要是考虑到腾讯demo里的写法,或许你们能想到更好的实现方式,我这里只是做一个参考.
    本系列到这里就结束了,对于好友管理和群组管理其实也是差不多的,虽然腾讯官网文档写得很简陋,但是demo里面的封装还是可以看得明白的,各位加油吧

    项目地址

    你们最关注的来了
    https://github.com/DongDian455/TIMDemo
    (ps:若有不理解或者有错误的地方欢迎留言评论)

    相关文章

      网友评论

      • 我姓连:你这边 头像可以吗? 单聊群聊 对方的头像!我这给getface 是空
        return_toLife:按照这种方法,应该是可以实现获取到头像的,因为在扩展信息里面
      • 久伴_8fef:你好小哥,最近接收了一个项目有im但是没有集成过,有点问题想请教你,可以加QQ吗1260321778
        return_toLife:已加,希望能帮到你把
      • 飞鱼_9cc9:大神,群聊@功能怎么整啊?有写么?
        阿玲儿_:两位大神,请问群聊导入成员的功能怎么实现的,能否借鉴下,java的:joy:
        return_toLife:@飞鱼_9cc9 没有了,最近没接触即时通信方面的了,还有我是新人😂
      • 844b9a3a3a68:运行了腾讯的IM Demo,竟然不包含音视频,目前项目需要,楼主了解么?
        飞鱼_9cc9:@有梦想的程序丶猿 大神啊,音视频通话,写的怎样了?有demo么?能发一份吗?我找的demo,后台的话收不到对方的视频通话请求啊,郁闷
        844b9a3a3a68:@JJ_code 额,我这边是准备接入音视频通话,已经找到了,谢谢。
        return_toLife:@有梦想的程序丶猿 没有了解过呢,但是音视频也是传文件过去吧,如果是想实现发送小视频的话,可以用腾讯那个短视频sdk,封装好了视频压缩和封面

      本文标题:腾讯云IM接入案例(四)

      本文链接:https://www.haomeiwen.com/subject/nflfcftx.html