在融云 IMkit 会话界面基础上添加消息已读未读.

使用过融云的同学们可能知道. 融云 IMkit 的会话界面,  发送玩消息后, 如果对方已读, 发送端则会显示小对号的图片. 但是更具需求要把小对号改为已读未读. 接下来我们就一块实现这个功能.

打开回执功能

首先, 要确定打开融云的消息回执功能. 这个很简单, 就是在 rc_config.xml 中把下面属性配置为 true 即可.

<!-- 设置是否开启消息回执, true 为打开, false 为关闭--><bool name="rc_read_receipt">true</bool>

这样发送消息后, 对方已读, 发送端就会出现融云默认的小对号了.

自定义 Adapter

出现小对号后, 下一步就是要进行对融云适配器的改造了.

第一步
创建 CustomMessageListAdapter 继承 MessageListAdapter. 根据自己的需求复写 newView() 或者 bindView() 方法.

class CustomMessageListAdapter extends MessageListAdapter {    @Override    protected void bindView(View v, final int position, final UIMessage data) {        // 此方法中操作控件    }}

第二步

创建 CustomConversationFragment 继承于 ConversationFragment, 并复写父类中的 onResolveAdapter(), 返回 CustomMessageListAdapter 对象.

 class CustomMessageListAdapter extends ConversationFragment {        @Override        public MessageListAdapter onResolveAdapter() {            return new CustomMessageListAdapter();        }    }

第三步

使用 CustomConversationListFragment 代替 ConversationListFragment 进行配置使用即可.

/uploads/files_user27/article/5fa4f9f219c6b369528.jpg

添加已读未读

自定了了 Adapter, 我们就可以在原先逻辑的基础上进行扩展了. 现在主要的任务就是找到小对号的控件.

我们先看一下默认的 item 布局 rc_item_message.xml. 在布局中我们可找到下面的控件

    <TextView        android:id="@id/rc_read_receipt"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="bottom"        android:layout_marginRight="4dp"        android:drawableLeft="@drawable/rc_read_receipt"        android:drawableStart="@drawable/rc_read_receipt"        android:textColor="@color/rc_read_receipt_status"        android:textSize="12sp"        android:visibility="gone" />

这个就是显示对号的控件了.  是一个 TextView 的控件, 由于我们是添加 “已读” 、“未读” 字符串, 正好可以直接使用这个 TextView 控件.

我们通过控件的 id 在 Adapter 中找到控件的名称.

class CustomMessageListAdapter extends MessageListAdapter {    @Override    protected void bindView(View v, final int position, final UIMessage data) {         super(v, position, data);       // 此方法中操作控件       final ViewHolder holder = (ViewHolder) v.getTag();       if (data.getMessageDirection() == Message.MessageDirection.SEND) {            if (readRec && data.getSentStatus() == Message.SentStatus.READ) {                if (data.getConversationType().equals(Conversation.ConversationType.PRIVATE) && tag.showReadState()) {                    holder.readReceipt.setVisibility(View.VISIBLE);                    holder.readReceipt.setText(已读);                    holder.readReceipt.setBackground(null);                } else {                      holder.readReceipt.setText(未读);                      holder.readReceipt.setBackground(null);                      holder.readReceipt.setVisibility(View.VISIBLE);            }        }    }}

这样就会显示就会显示已读未读的字样了.


0 个评论

要回复文章请先登录注册