Android-IM使用imui組件結合JMessage實現即時消息對話

項目源碼請參考 Android-IM
項目服務端使用極光JMessage
對話列表使用aurora-imui開源組件

簡介

imui

是極光在GitHub上開源的一個即時通訊庫,方便開發者快速使用,完成即時通訊類的對話展示。目前支持Android、iOS、React Native三大平臺。

該庫在Android端包括兩大控件

1.MessageList
展示的對話列表,支持自定義ViewHolder布局
導入方式:

compile 'cn.jiguang.imui:messagelist:0.4.6'

2.ChatInputView
消息輸入方式,比如語音,圖片,位置等
導入方式:

compile 'cn.jiguang.imui:chatinput:0.4.6'

JMessage

是極光提供的sdk服務,用于接收和轉發消息。也是項目中最重要的部分。
集成方式建議直接參考文檔,已經很詳細了:JMessage Android SDK 集成指南

開始前的準備

1.在布局中加入控件
關于一些常用的屬性,比如發送方或者接收方的字體大小顏色等,可以手動設置。

        <cn.jiguang.imui.messages.MessageList
            android:id="@+id/msg_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:avatarHeight="48dp"
            app:avatarWidth="48dp"
            app:bubbleMaxWidth="0.70"
            app:dateTextSize="14sp"
            app:receiveBubblePaddingLeft="16dp"
            app:receiveBubblePaddingRight="8dp"
            app:receiveTextColor="#ffffff"
            app:receiveTextSize="14sp"
            app:sendBubblePaddingLeft="8dp"
            app:sendBubblePaddingRight="16dp"
            app:sendTextColor="#7587A8"
            app:sendTextSize="14sp" />

2.創建消息實體MyMessage
展示和解析消息的類,必須要實現IMessage接口。
因為這里需要解析極光服務端的消息,所以需要添加一個內部Message的解析。

public class MyMessage implements IMessage {

    private long id;
    private String text;
    private String timeString;
    private MessageType type;
    private IUser user;
    private String mediaFilePath;
    private long duration;
    private String progress;
    private Message message;
    private int position;
    private long msgID;

    public MyMessage(String text, MessageType type) {
        this.text = text;
        this.type = type;
        this.id = UUID.randomUUID().getLeastSignificantBits();
    }
......
//省略get、set方法
}

3.實現IUser接口
用戶頭像,id,用戶名等參數

public class DefaultUser implements IUser {

    private String id;
    private String displayName;
    private String avatar;

    public DefaultUser(String id, String displayName, String avatar) {
        this.id = id;
        this.displayName = displayName;
        this.avatar = avatar;
    }

創建消息

這里的創建消息并不是單單指消息的發送,包括消息的接收,展示等都需要手動去創建消息,以便于展示。

其實消息列表就是由多個MyMessage得到的。

1.創建展示的消息

創建消息需要兩個參數,一個是要展示的消息類型:

i

另一個參數是設置發送方或者接收方的位置和類型

MyMessage myMessage = new MyMessage(((TextContent) message.getContent()).getText(), IMessage.MessageType.RECEIVE_TEXT);

由于不同的類型需要不同的解析,所以如果類型出錯就會崩潰。

2.創建展示的對話用戶信息

setUserInfo需要一個IUser的參數類型。
DefaultUser需要的參數分別是當前登錄的用戶名、顯示的名稱、頭像

myMessage.setUserInfo(new DefaultUser(JMessageClient.getMyInfo().getUserName(), "DeadPool", imgRecrive));

發送消息

注意要區分Message和MyMessage:
Message是用來上傳,發送消息的,是sdk指定的唯一消息類型。
而MyMessage是UI指定的消息類,所以兩者之間需要經常轉換。


    private void sendMessage(String msg) {
        //創建文本消息
        TextContent content = new TextContent(msg);
        //獲取創建的消息
        Message message1 = conversation.createSendMessage(content);
        //創建展示的本地消息
        final MyMessage myMessage = new MyMessage(msg, SEND_TEXT);
        myMessage.setMessage(message1);
        myMessage.setTimeString(TimeUtils.ms2date("MM-dd HH:mm", message1.getCreateTime()));
        myMessage.setUserInfo(new DefaultUser(JMessageClient.getMyInfo().getUserName(), "DeadPool", imgSend));
        //返回的結果
        message1.setOnSendCompleteCallback(new BasicCallback() {
            @Override
            public void gotResult(int i, String s) {
                if (i == 0) {
                    //將消息添加到本地視圖
                    mAdapter.addToStart(myMessage, true);
                    mChatEt.setText("");
                } else {
                }
            }
        });
        //向服務器發送消息
        JMessageClient.sendMessage(message1);

adapter不需要手動創建只需在開始的時候調用:
username:當前用戶名
holder:自定義的viewholder,為空則使用默認的布局
iamge:當前的用戶頭像(發送方)

MsgListAdapter adapter = new MsgListAdapter<>(userName, holdersConfig, imageLoader);
messageList.setAdapter(adapter);

接收消息

onEvent是固定的寫法,參數有幾種類型
MessageEvent只負責接收消息事件。
比如消息撤回事件就是MessageRetractEvent。
但是都需要先通過Message解析消息,然后再使用MyMessage解析到本地,用于UI的展示

  /*接收到的消息*/
    public void onEvent(MessageEvent event) {
        final Message message = event.getMessage();

        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                //創建一個消息對象
                MyMessage myMessage = new MyMessage(((TextContent) message.getContent()).getText(), IMessage.MessageType.RECEIVE_TEXT);
                myMessage.setMessage(message);
                myMessage.setMsgID(message.getServerMessageId());
                myMessage.setText(((TextContent) message.getContent()).getText() + "");
                myMessage.setTimeString(TimeUtils.ms2date("MM-dd HH:mm", message.getCreateTime()));
                myMessage.setUserInfo(new DefaultUser(JMessageClient.getMyInfo().getUserName(), "DeadPool", imgRecrive));

                if (message.getContentType() == ContentType.text || message.getContentType().equals("text")) {
                    mAdapter.addToStart(myMessage, true);
                    mAdapter.notifyDataSetChanged();
                }
                //收到消息時,添加到集合
                list.add(myMessage);
            }

        });
    }

其它消息事件:
比如全局監聽重復登錄事件,需要在根Activity處理。

監聽事件

1.點擊頭像的監聽
setOnAvatarClickListener是封裝在Messagelist控件里的方法,可以直接拿來用。
一般分為兩種,發送方的頭像和接收方的頭像
在執行相應跳轉的時候要進行消息方的判斷。

 //點擊頭像
        mAdapter.setOnAvatarClickListener(new MsgListAdapter.OnAvatarClickListener<MyMessage>() {
            @Override
            public void onAvatarClick(MyMessage message) {
                DefaultUser userInfo = (DefaultUser) message.getFromUser();
                Intent intent;
                if (message.getType() == SEND_TEXT) {
                    intent = new Intent(mContext, UserActivty.class);
                } else {
                    intent = new Intent(mContext, UserInfoActivity.class);
                    intent.putExtra("USERNAME", userName);
                }
                Log.e("userName", userInfo + "\n" + userName);
                startActivity(intent);
            }
        });

2.單擊消息

單擊消息事件,可以選擇查看大圖或者播放視頻,播放語音文件等操作


        mAdapter.setOnMsgClickListener(new MsgListAdapter.OnMsgClickListener<MyMessage>() {
            @Override
            public void onMessageClick(MyMessage message) {
                // do something
               
                    showToast(ChatMsgActivity.this, "點擊了消息");
                
            }
        });

3.長按消息
一般長按消息,會選擇一些復制、刪除、撤回等功能。
復制:在復制的時候要先判斷消息類型,如果不是TEXT類型是無法復制的。
刪除:刪除需要提交消息id到服務端,并且移除本地視圖,更新UI。兩行代碼就可以完成操作。

conversation.deleteMessage(new Integer(message.getMsgId()));
                                //移除視圖
                                mAdapter.deleteById(message.getMsgId());

撤回:跟刪除類似,不過刪除只是本地看不到,撤回需要接收撤回事件,防止消息撤回還能看到,詳細操作請參考Android-IM即時通訊關于消息撤回的處理

 //長按消息
        mAdapter.setMsgLongClickListener(new MsgListAdapter.OnMsgLongClickListener<MyMessage>() {
            @Override
            public void onMessageLongClick(final MyMessage message) {

}

完整代碼還請參考項目

項目地址:https://github.com/wapchief/Android-IM

相關文章推薦

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容