关于会话列表的置顶聊天

作者: 陈日明 | 来源:发表于2016-10-27 14:27 被阅读959次

    最近搞完了置顶聊天,来写篇文章分享下经验。

    其实刚刚开始 ,我自己在想,我是不是要去做出类似于QQ那种的滑动,然后显示置顶和删除。

    图1

    我就开始写,写完了之后然后去置顶,取消置顶,其实是有用的,但是为什么我到最后还是没有选择这个效果呢?

    因为这个最后是要到Adapter里面去设置这两个按钮,我本人并不喜欢这东西放到Adapter里面,接下来强迫症来了,直接把代码全部删除,换一种思路..........我想到了微信,点击弹出一个菜单,和dialog很很像的一个功能。

    好,来跟着我一起走一下思路。

    首先是,要实现置顶聊天,那么我们就要有两个List集合,一个是置顶的,一个是不是置顶的,然后置顶的是需要一个小小的数据库去保存置顶的对话人的UserName;这里,环信给出了EMConversation的一个方法,带大家看看技术文档

    图2

    这里框出来的就是我们要用的至关重要的方法,特别重要,

    图3

    看下这个文档里面说的非常清楚,也就是扩展字段,设置一个扩展字段我们才知道这条Conversation的特别之处,然后去判断这个会话有没有设置扩展消息,有的话,那就排到置顶的那个集合里面去。

    接下来我们要准备的是数据库

    图4

    也就是这两个东西,准备就绪,蓝后 ..... 要开始大动,也就是把关于会话列表里面的东西全部放到项目里面来。

    图5

    所要动的就是这3个类,全部移动到项目中,因为数据库要在Adapter和ListView里面操作,这一步很简单,动动手就行。

    那么这些全部做完之后,我们开始写代码了,仿照通讯录的数据库来

    图6

    这里就是getset,然后在DemoHelper里面

    图7

    蓝后,再Application里面去给它暴露出两个方法。

    图8

    好了,数据库的东西是配置完成了,那么,问题就来了,怎么去启动数据库?

    图9

    这样就添加了数据库,注意,这里添加了数据库之后,然后再去真正的写置顶的代码了。。。。

    首先我们先看看会话列表界面

    图10

    在setupView方法中,别忘了获取数据库里面的置顶会话。

    这里直接贴出来了ConversationListFragment,这里就是把EaseUI里面的EaseConversationlistFragment里面的内容,然后BaseFragment也就是EaseBaseFragment里面的内容了。

    图11

    主要加载会话的方法就是这个方法,主要代码就是synchronized里面的内容,这里很容易就能够理解For循环里面的内容,然后我们要在这里面判断,有没有会话是包含扩展字段的,有的话就将包含扩展字段的会话放入top_list这个集合里面;蓝后你们可以看到topList,这个List就是图10里面的topList,topMap也是图10里面的。蓝后,我们可以看到排序方法,也就是会话列表的排序方法(sortConversationByLastChatTime),这里我自己写了一个排序方法,并没有用到Pair

    图12

    其实这两个方法是一样的,一样的效果。

    那么接下来,就是看看ConversationList

    图13

    最主要的就是这个init方法,也没什么说的。。那么接下来就到ConversationAdapter

    图14

    这里就和EaseUI里面的那个EaseConversationAdapter有点不一样了,EaseConversationAdapter里面是继承ArrayAdapter的,这里是继承BaseAdapter,在这里使用BaseAdapter为了方便大家能够理解。

    我们只需要在getItem和getCount里面做点手脚就可以了

    图15

    好了,到这里就完成了整个置顶会话的显示,那么接下来,我们就要写一下置顶功能了,这里很有必要说明下,个人意见,在写会话列表的时候,推荐使用一个Fragment去继承EaseConversationListFragment。继承之后我们就可以重写setUpView方法,在这方法里面我们进行一系列的操作。

    图16

    这里就是用到的长按事件,然后显示一个Dialog,在Dialog里面去实现置顶功能的操作。这里由于代码过长,所以截两张图。。。。

    图17

    图17主要就是Dialog的显示

    图18

    在这里就是删除会话等这个按钮的点击事件。

    图19

    在里就是置顶的点击事件了。。

    好了 到这里已经完成了置顶的全部代码展示了。个人感觉还是很详细的,如果还是不懂,那就环信互帮互助-非官方 340452063来这,给你解答你的问题

    相关文章

      网友评论

        本文标题:关于会话列表的置顶聊天

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