在使用融云的过程中,总需要自定义一些什么东西,产品总会提出一些简单改一些融云代码实现不了的东西,想要更快,更简单的实现,小伙伴可以看下面的东西
融云工单,知识库能查到的就不说了,就在我想修改两边的字体的时候融云总会给我一个连接跳到开发文档的某页,我心里是拒绝的,比如我想分别修改发送和接收 这两边的文字颜色 ,那么好 请自定义消息,一个连接扔在脸上.如果只是修改这个颜色那就是修改一下显示的问题不就ok么,就在我边看自定义消息,边吐槽的同时,我发现最后有个消息展示,那我直接继承融云的TextMessageItemProvider,是不是更简单一些,也不用自己调长按事件,展示,什么什么的,于是我抱着试试看的态度尝试了一下,哎,你别说,真有奇效,复现一下步骤,有一些报错需要注意一下
肯定是先继承TextMessageItemProvider,重写BindView 直接找到融云里面的TextMessageItemProvider把它的bindView方法直接拿过来 咔咔复制粘贴 紧接着会发现没有viewholder,没事 ,再去源码 咔咔复制过来,一看还需要重写newView 没问题 直接复制过来,再一看findviewbyid 后面那个数字是什么鬼 当时我以为融云故意这么干的 防止像我一样偷懒的人 我看了一下融云的layout 里面用的id竟然是 android.text1 (在逗我...) 于是乎我直接findViewById(android.R.id.text1).基本上已经大功告成,一运行 崩了一看报错 千万别忘加那个注解在类的最上面!!!接下来就可以感受一下文字的改变了 当我长按的时候崩了..我很难受.一看 LongClick也用到了Viewholder 没问题 咔咔复制过来改一改发现getSystemService()里面这个字符串报错,我一看源码没问题啊,我就点进去 看了一下 非得逼我用Context.CLIPBOARD_SERVICE. 这回可以说是完事了 贴一下我的代码吧
@ProviderTag(
messageContent= TextMessage.class,
showReadState=true
)
public classMyTextMessageProviderextendsTextMessageItemProvider {
@Override
publicViewnewView(Context context,ViewGroup group) {
View view = LayoutInflater.from(context).inflate(R.layout.rc_item_text_message,(ViewGroup)null);
ViewHolder holder =newViewHolder();
holder.message= (AutoLinkTextView) view.findViewById(android.R.id.text1);
view.setTag(holder);
returnview;
}
@Override
public voidbindView(finalView v, intposition,TextMessage content, finalUIMessage data) {
ViewHolder holder = (ViewHolder) v.getTag();
if(data.getMessageDirection() == Message.MessageDirection.SEND) {
holder.message.setBackgroundResource(io.rong.imkit.R.drawable.rc_ic_bubble_right);
holder.message.setTextColor(Color.parseColor("#ffffff"));
}else{
holder.message.setBackgroundResource(io.rong.imkit.R.drawable.rc_ic_bubble_left);
holder.message.setTextColor(Color.parseColor("#000000"));
}
finalAutoLinkTextView textView = holder.message;
if(data.getTextMessageContent() !=null) {
intlen = data.getTextMessageContent().length();
if(v.getHandler() !=null&& len >500) {
v.getHandler().postDelayed(newRunnable() {
public voidrun() {
textView.setText(data.getTextMessageContent());
}
},50L);
}else{
textView.setText(data.getTextMessageContent());
}
}
holder.message.setMovementMethod(newLinkTextViewMovementMethod(newILinkClickListener() {
public booleanonLinkClick(String link) {
RongIM.ConversationBehaviorListener listener = RongContext.getInstance().getConversationBehaviorListener();
booleanresult =false;
if(listener !=null) {
result = listener.onMessageLinkClick(v.getContext(),link);
}
if(listener ==null|| !result) {
String str = link.toLowerCase();
if(str.startsWith("http") || str.startsWith("https")) {
Intent intent =newIntent("io.rong.imkit.intent.action.webview");
intent.setPackage(v.getContext().getPackageName());
intent.putExtra("url",link);
v.getContext().startActivity(intent);
result =true;
}
}
returnresult;
}
}));
}
private static classViewHolder {
AutoLinkTextViewmessage;
booleanlongClick;
privateViewHolder() {
}
}
@Override
public voidonItemLongClick(finalView view, intposition, finalTextMessage content, finalUIMessage message) {
ViewHolder holder = (ViewHolder) view.getTag();
holder.longClick=true;
if(viewinstanceofTextView) {
CharSequence items = ((TextView) view).getText();
if(items !=null&& itemsinstanceofSpannable) {
Selection.removeSelection((Spannable) items);
}
}
longdeltaTime = RongIM.getInstance().getDeltaTime();
longnormalTime = System.currentTimeMillis() - deltaTime;
booleanenableMessageRecall =false;
intmessageRecallInterval = -1;
booleanhasSent = !message.getSentStatus().equals(Message.SentStatus.SENDING) && !message.getSentStatus().equals(Message.SentStatus.FAILED);
try{
enableMessageRecall = RongContext.getInstance().getResources().getBoolean(io.rong.imkit.R.bool.rc_enable_message_recall);
messageRecallInterval = RongContext.getInstance().getResources().getInteger(io.rong.imkit.R.integer.rc_message_recall_interval);
}catch(Resources.NotFoundException var15) {
RLog.e("TextMessageItemProvider","rc_message_recall_interval not configure in rc_config.xml");
var15.printStackTrace();
}
String[] items1;
if(hasSent && enableMessageRecall && normalTime - message.getSentTime() <= (long) (messageRecallInterval *1000) && message.getSenderUserId().equals(RongIM.getInstance().getCurrentUserId()) && !message.getConversationType().equals(Conversation.ConversationType.CUSTOMER_SERVICE) && !message.getConversationType().equals(Conversation.ConversationType.APP_PUBLIC_SERVICE) && !message.getConversationType().equals(Conversation.ConversationType.PUBLIC_SERVICE) && !message.getConversationType().equals(Conversation.ConversationType.SYSTEM) && !message.getConversationType().equals(Conversation.ConversationType.CHATROOM)) {
items1 =newString[]{view.getContext().getResources().getString(io.rong.imkit.R.string.rc_dialog_item_message_copy),view.getContext().getResources().getString(io.rong.imkit.R.string.rc_dialog_item_message_delete),view.getContext().getResources().getString(io.rong.imkit.R.string.rc_dialog_item_message_recall)};
}else{
items1 =newString[]{view.getContext().getResources().getString(io.rong.imkit.R.string.rc_dialog_item_message_copy),view.getContext().getResources().getString(io.rong.imkit.R.string.rc_dialog_item_message_delete)};
}
OptionsPopupDialog.newInstance(view.getContext(),items1).setOptionsPopupDialogListener(newOptionsPopupDialog.OnOptionsItemClickedListener() {
public voidonOptionsItemClicked(intwhich) {
if(which ==0) {
ClipboardManager clipboard = (ClipboardManager)view.getContext().getSystemService(Context.CLIPBOARD_SERVICE);
clipboard.setText(content.getContent());
}else if(which ==1) {
RongIM.getInstance().deleteMessages(new int[]{message.getMessageId()},(RongIMClient.ResultCallback)null);
}else if(which ==2) {
RongIM.getInstance().recallMessage(message.getMessage(),MyTextMessageProvider.this.getPushContent(view.getContext(),message));
}
}
}).show();
}
}
+号扩展栏.png
修改融云加号扩展栏文件 rc_ext_plugin_item
QQ图片20171117104137.png
这个图中那个分割线害得我找了半天 rc_ext_plugin_pager 下面有个view 那个就是了~
还有语音的那个字体颜色啊什么的 rc_item_voice_message 至于图标直接替换融云图标 至于大小和位置可以通过UI切图进行留白来调整
聊天界面背景
1.在rc_fr_conversation.xml文件中，去掉
android:background="@color/rc_normal_bg"
2.在你集成ConversationFragment的Activity中，加入
getWindow().setBackgroundDrawableResource(R.drawable.demo_q);
以上是通过设置背景图片来实现的,
我们的需求是设置一个高斯模糊并且上面还覆盖一层透明度50%的fff,高斯模糊直接就用glide转化bitmap,然后用上面的方法设置背景图.最上面的那层透明度怎么办呢,别忘了,这个聊天是个listview,
直接找listview设置个backgroud 一看融云默认是个透明的,我直接设置一下这个呢?尝试一波,效果满分.
找到rc_fr_messagelist.xml,修改autoRefreshlistview的背景就是上面那层了,效果图:
高斯背景.png
网友评论