如何在聊天应用上组织不同类型的消息的循环查看？ [英] How to organize RecyclerView on Chat App with different types of messages?
本文介绍了如何在聊天应用上组织不同类型的消息的循环查看？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我开发的聊天应用程序，有不同类型的消息：简单的文本、图像、文件等。 还有就是信息(其他，在屏幕的左边)和我的信息(在屏幕的右边)。
现在，我对每种类型的邮件都有不同的布局：
Item_Message_Simple
Item_My_Message_Simple
Item_Message_Image
Item_My_Message_Image
Item_Message_FILE
Item_My_Message_FILE
所有这些类型都是在ReccyclerView.Adapter中定义的，并且getItemViewType()中有许多If-Else条件
还可以回复和转发具有更复杂布局的消息。 如果我想添加新的消息类型，那将是一场灾难。那么如何更好地组织呢？ 也许它应该全部包含在一个布局和两种类型中：Message、My_Message和显示/隐藏布局的各个部分。 或再次键入2个类型(MESSAGE、MY_MESSAGE)并在ViewHolder中膨胀所需的子布局。
请帮忙！
推荐答案
在我的情况下，我也有相同类型的邮件选项，需要根据发件人邮件和收到的邮件进行区分。我根据消息类型创建视图容器时，为发送者和接收者添加了不同的布局
每个MSG具有不同的消息选项(文本、图像、视频、文件、音频等)，我处理onBindViewHolder()中的切换大小写，具有可见性显示和隐藏。我总共有三个不同的取景器。
您：您发送的邮件(应始终显示在屏幕上)在您的案例中My_Message
其他：您的案例中由其他人发送的邮件(应始终显示在屏幕左侧)邮件
时间线：时间线消息，如用户更改聊天名称、删除so n so用户等
所以这里
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
MyViewHolder viewHolder = null;
LayoutInflater inflater = LayoutInflater.from(parent.getContext());
switch (viewType) {
case YOU:
View v1 = inflater.inflate(R.layout.chat_right_layout, parent, false);
viewHolder = new MyViewHolder(v1, true);
break;
case OTHERS:
View v2 = inflater.inflate(R.layout.chat_left_layout, parent, false);
viewHolder = new MyViewHolder(v2, false);
break;
case TIMELINE:
View v3 = inflater.inflate(R.layout.chat_timeline_layout, parent, false);
viewHolder = new MyViewHolder(v3, false);
break;
}
return viewHolder;
}
@Override
public void onBindViewHolder(final MyViewHolder holder, int position) {
ChatModel model = mDataList.get(position);
if (model.getMessageType() == 10) // timeline message {
holder.mTvTimeLine.setText(DecodeUtil.decodeBase64(model.getMessageText())+" on "+date);
}else{
showTextAndMediaData(holder, model);
}
}
以下是我编写的逻辑，用于单独处理不同的消息类型(您和其他人的文本、图像等)。
private void showTextAndMediaData(MyViewHolder myViewHolder, ChatModel model) {
switch (model.getMessageType()) {
case 1: // Image Type
myViewHolder.mTxtMsg.setVisibility(View.GONE);
myViewHolder.chatImageView.setVisibility(View.VISIBLE);
myViewHolder.videoLayout.setVisibility(View.GONE);
myViewHolder.documentImageView.setVisibility(View.GONE);
Uri mInitialUri = Uri.parse(model.getMessageText());
try {
myViewHolder.chatImageView.setImageURI(mInitialUri);
} catch (Exception e) {
e.printStackTrace();
}
break;
case 3: // video type
myViewHolder.mTxtMsg.setVisibility(View.GONE);
myViewHolder.chatImageView.setVisibility(View.GONE);
myViewHolder.videoLayout.setVisibility(View.VISIBLE);
myViewHolder.documentImageView.setVisibility(View.GONE);
Glide.with(mContext).load(Headers.getUrlWithHeaders(mContext, model.getThumbnailURL()))
.placeholder(R.drawable.novideo)
.thumbnail(0.5f)
.crossFade()
.diskCacheStrategy(DiskCacheStrategy.ALL)
.into(myViewHolder.vedioImageView);
}
break;
case 4:
case 5:
case 6:
case 7:
case 8:
case 9: // file type
myViewHolder.mTxtMsg.setVisibility(View.GONE);
myViewHolder.chatImageView.setVisibility(View.GONE);
myViewHolder.videoLayout.setVisibility(View.GONE);
myViewHolder.documentImageView.setVisibility(View.VISIBLE);
switch (model.getMediaType()) {
case "doc":
myViewHolder.documentImageView.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.img_word_document));
break;
case "pdf":
myViewHolder.documentImageView.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.img_pdf));
break;
case "excel":
myViewHolder.documentImageView.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.img_excel));
break;
case "ppt":
myViewHolder.documentImageView.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.img_ppt));
break;
case "txt":
myViewHolder.documentImageView.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.img_txt));
break;
case "csv":
myViewHolder.documentImageView.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.img_csv));
break;
default:
myViewHolder.documentImageView.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.img_otherdoc));
}
break;
default: // text type
myViewHolder.mTxtMsg.setVisibility(View.VISIBLE);
myViewHolder.chatImageView.setVisibility(View.GONE);
myViewHolder.videoLayout.setVisibility(View.GONE);
myViewHolder.documentImageView.setVisibility(View.GONE);
try {
myViewHolder.mTxtMsg.setText(text);
} catch (Exception e) {
e.printStackTrace();
myViewHolder.mTxtMsg.setText(text);
}
}
}
是的，添加新消息类型很困难，您需要在onBindViewHolder中再添加一个案例才能添加它。
希望它能对您完成任务有所帮助。
这篇关于如何在聊天应用上组织不同类型的消息的循环查看？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
