关于sdk:融云即时通讯SDK集成-定制UI一-会话界面小改动

33次阅读

共计 1979 个字符,预计需要花费 5 分钟才能阅读完成。

背景:

最近公司新上的 app 要加上即时通讯的性能, 本人疾速实现一个当然是不可能的了 (我的项目 deadline 也顶不住哇). 就从各家成熟的 SDK 厂商选来选去的, 各有各的好也各有各的有余. 最初点兵点将, 选了融云家的 SDK(老板说了算 hhhh). 他家的官网和文档地址: 官网:https://www.rongcloud.cn/ 文档:https://docs.rongcloud.cn/v4 这个工作当然还是落在我的头上. 我是应用的他们家的带 UI 的 sdk,(他们家有带 UI 和不带 UI 的两种 sdk, 不带 UI 的 sdk 就是只有即时通讯能力, 所有的 UI 都须要开发者自定实现, 带 UI 的 sdk 封装了一些根本的界面, 例如会话列表, 和他人聊天的会话界面.) 当然这些曾经集成了 UI 的 sdk 并不能齐全满足一个产品的需要, 所以这篇文章次要跟大家讲下如何对他们家的 UI 进行简略的自定义.

融云 SDK 接入会话列表 / 会话界面

大家集成的话能够间接依照他们家的疾速集成的步骤走, 蕴含了集成会话列表以及会话界面. 这里是链接: 疾速集成 SDK (https://docs.rongcloud.cn/v4/views/im/noui/guide/quick/include/android.html)

接入之后, 能够依照适合的逻辑跳转入这两个根本的界面, 如图所示:
会话列表:

会话界面

能够看到咱们的 app 中当初领有了默认会话列表和会话界面 UI, 能够应用根本的性能了. 然而这些根本的 UI 虽说不上难看, 然而也够不上精美. 所以 UI 这块还是须要咱们自行来做一些定制的.

为了给大家演示, 我这里改的比拟夸大了一点, 非常俊俏, 但直观哈哈哈.

如图我间接更改了两边发送者 & 接收者的字体色彩, 字体大小, 字体款式. 也更改了单方的聊天气泡.

批改一般文字音讯类型的音讯, 间接继承了 TextMessageItemProvider. 把父类里边所有的代码都复制进来, 而后在 bindView()的时候做批改

能够看到我把款式轻易改了一下. 两个方向的气泡都改成了箭头左向的.

@Override
public void bindView(final View v, int position, TextMessage content, final UIMessage data) {
ViewHolder holder = (ViewHolder) v.getTag();
holder.receiverFire.setTag(data.getUId());
if (data.getMessageDirection() == Message.MessageDirection.SEND) {
holder.message.setBackgroundResource(R.drawable.rc_ic_bubble_right);
} else {
holder.message.setBackgroundResource(R.drawable.rc_ic_bubble_left);
}
if (content.isDestruct()) {
bindFireView(v, position, content, data);
} else {
holder.sendFire.setVisibility(View.GONE);
holder.receiverFire.setVisibility(View.GONE);
holder.unRead.setVisibility(View.GONE);
holder.message.setVisibility(View.VISIBLE);
final AutoLinkTextView textView = holder.message;
processTextView(v, position, content, data, textView);
}
}

做完改变, 还须要给这个类增加这样的注解能力绑定 TextMessage 的渲染:

@ProviderTag(
messageContent = TextMessage.class,
showReadState = true
)
public class MyTextMessageItemProvider extends TextMessageItemProvider

而后记得在 init 咱们 SDK 之后, 注册一下这个 Provider.

RongIM.init(this, APP_KEY);
RongIM.registerMessageTemplate(new MyTextMessageItemProvider());

这样所有收到的类型为 TextMessage 的音讯, 都会依照我这里定义的 TextMessageItemProvider 来做展现了. 其余类型的音讯也是一样的, 语音, 文件, 地位音讯. 只有想改 UI, 实质上都是集成相应的 MessageItemProvider, 而后重写 bindView() 办法.

正文完
 0