环信EaseUI集成IM即时通信

开始正文之前我发表一下我对环信的吐槽。

首先，它使用的一些控件以及支持包都是比较老的，因为咱们现在用的都是androidx包，集成到我的项目时很多support.v4包是不支持的，所以它使用supportv4包的类都需要手动改，这其中包含Layout下的控件类型也需要改。怎莫改后文会说。

我还觉得他的开发者文档写的不是很全，写的很模糊，只给出了一部分函数，具体怎样用不是很全面，而且有一部分是错的，简直是大坑啊。就比如 EaseUserProfileProvider 这个接口。你可以用它预先设置用户的昵称和头像，但是呢，咱们所有的会话、聊天界面出现用户信息时，他都会先从这里面预先设置的里面查找，这就导致你所有的联系人都是你预先设置一个昵称和头像。

EaseUI集成参考这篇文章，他讲的很详细，我再集成失败四次之后发现了它，激动到要死了啊啊啊~

https://blog.csdn.net/weixin_44880903/article/details/104408886?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158847618919724845017607%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=158847618919724845017607&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_v2~rank_v25-14 

接下来我说一说如何更换用户的头像和昵称。使用我这个方法就不用在Application中设置EaseUserProfileProvider的相关参数了，可以正常的加载自己和对方的头像和昵称。

前言：如果需要改变头像的形状，可以在Application中提前设置如下代码：

  //设置头像为圆形
        EaseAvatarOptions avatarOpts = new EaseAvatarOptions();
//0：默认，1：圆形，2：矩形
        avatarOpts.setAvatarShape(1);
//设置倒角
//avatarOpts.setAvatarRadius(radius);
        EaseUI.getInstance().setAvatarOptions(avatarOpts);

1、聊天界面标题栏：找到 EaseChatFragment 类，在里面定义一个接口，将EaseTitleBar控件的引用拿出来。

　　

/*
    自定义接口
 */
    private TitleText titleText;

    public interface TitleText{
        void setTitleText(EaseTitleBar titleBar);
    }

    @Override
    public void onAttach(Context context) {
        super.onAttach(context);
        titleText=(TitleText) context;
    }
    /*
        自定义接口导入EaseTitleBar
     */

紧接着在EaseChatFragment类中的setUpView方法中使用

protected void setUpView() {
        titleBar.setTitle(toChatUsername);    //这一行可以注释掉

        titleText.setTitleText(titleBar);    //这一行是自己加的  

        if (chatType == EaseConstant.CHATTYPE_SINGLE) {
            // set title
            if(EaseUserUtils.getUserInfo(toChatUsername) != null){
                EaseUser user = EaseUserUtils.getUserInfo(toChatUsername);
                if (user != null) {
                    titleBar.setTitle(user.getNickname());
                }
            }
            titleBar.setRightImageResource(R.drawable.ease_mm_title_remove);
        } else {
            titleBar.setRightImageResource(R.drawable.ease_to_group_details_normal);
            if (chatType == EaseConstant.CHATTYPE_GROUP) {
                //group chat
                EMGroup group = EMClient.getInstance().groupManager().getGroup(toChatUsername);
                if (group != null)
                    titleBar.setTitle(group.getGroupName());
                // listen the event that user moved out group or group is dismissed
                groupListener = new GroupListener();
                EMClient.getInstance().groupManager().addGroupChangeListener(groupListener);
            } else {
                chatRoomListener = new ChatRoomListener();
                EMClient.getInstance().chatroomManager().addChatRoomChangeListener(chatRoomListener);
                onChatRoomViewCreation();
            }

        }
        if (chatType != EaseConstant.CHATTYPE_CHATROOM) {
            onConversationInit();
            onMessageListInit();
        }

        titleBar.setLeftLayoutClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                onBackPressed();
            }
        });
        titleBar.setRightLayoutClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                if (chatType == EaseConstant.CHATTYPE_SINGLE) {
                    emptyHistory();
                } else {
                    toGroupDetails();
                }
            }
        });

        setRefreshLayoutListener();
        
        // show forward message if the message is not null
        String forward_msg_id = getArguments().getString("forward_msg_id");
        if (forward_msg_id != null) {
            forwardMessage(forward_msg_id);
        }
    }

 在自己的聊天界面使用这个接口

public class ChatActivity extends AppCompatActivity implements EaseChatFragment.TitleText {
    public static ChatActivity activityInstance;
    private EaseChatFragment chatFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_chat);
        activityInstance = this;
        //use EaseChatFratFragment
        chatFragment = new EaseChatFragment();

        //pass parameters to chat fragment
        chatFragment.setArguments(getIntent().getExtras());

        getSupportFragmentManager().beginTransaction().add(R.id.chat_container, chatFragment).commit();


    }

    @Override
    public void setTitleText(EaseTitleBar titleBar) {               //接口实现
        Log.d("IM登陆Chat","执行");
        titleBar.setTitle(getIntent().getStringExtra("author"));
    }
}

这样聊天界面的标题栏就改成你传入的参数了。我之所以在我的聊天界面不使用getView方法获取标题栏控件，是因为，获取不到啊，他一直为空，我就改用这种方法了。

2、用户的昵称、头像修改：我是请求自己的服务器，拿到用户的昵称和头像url，在他的EaseUserUtils中自定义方法修改：

　　会话列表和聊天界面的消息视图显示时都需要使用适配器，而适配器需要调用EaseUserUtils中的setUserAvatar设置头像，调用setUserNick方法加载昵称。

　　所以我们在EaseUserUtils中自定义方法加载用户的头像和昵称，在适配器中的原方法注释，改成调用自己的方法即可。

　　2-1、自定义方法：这样可能会导致内存泄漏，更好的解决办法是使用传进来视图的弱引用，使用弱引用加载。

　　

    public static void setUserInfo(final Context context, final String username, final TextView name, final ImageView avatar){      //自定义方法
        new Thread(new Runnable() {
            @Override
            public void run() {
                String reqdata="method=getuserinfo&id=" + username ;
                Log.d("IM登陆ID",reqdata);
                try {
                    final JSONObject jsonObject = new JSONObject(String.valueOf(HttpUtil.sendPost(requrl, reqdata)));
                    Log.d("IM登陆ID",jsonObject.toString());
                    if(name!=null){
                        name.post(new Runnable() {
                            @Override
                            public void run() {
                                try {
                                    name.setText(jsonObject.getString("name"));

                                } catch (JSONException e) {
                                    e.printStackTrace();
                                }
                            }
                        });

                    }

                    avatar.post(new Runnable() {
                        @Override
                        public void run() {
                            try {
                                if(!jsonObject.isNull("imguser")&&jsonObject.getString("imguser").length()>0){
                                    try {
                                        Log.d("IM登陆IMG",jsonObject.getString("imguser"));
                                        Glide.with(context)
                                                .load(jsonObject.getString("imguser"))
                                                .centerCrop()
                                                .into(avatar);
                                    }catch (Exception e){
                                        e.printStackTrace();
                                    }
                                }else
                                    Glide.with(context)
                                            .load(R.drawable.ease_default_avatar)
                                            .centerCrop()
                                            .into(avatar);
                            } catch (JSONException e) {
                                e.printStackTrace();
                            }
                        }
                    });
                }catch (Exception e){
                    e.printStackTrace();
                }
            }
        }).start();
    }

　　2-2、修改会话列表 EaseConversationAdapter、聊天消息视图 EaseChatRow 的适配器调用方法

　　EaseConversationAdapter：

　　

　　EaseChatRow：

　　

 效果图：

聊天界面：

会话列表：