Android RecyclerView：聊天项间日期项的类型及多视图类型实现疑问

嘿，这个问题问得太接地气了！咱们平时用WhatsApp、Messenger看到的聊天日期分隔线，确实是靠**多视图类型（multiple view types）**实现的，我来给你一步步拆解清楚它的运作逻辑，还有具体怎么写代码～

简单来说，RecyclerView（咱们Android开发常用的列表控件）的Adapter会通过getItemViewType方法，告诉系统当前位置的列表项属于哪一种视图类型。之后系统会根据这个类型：

• 在onCreateViewHolder里创建对应布局的ViewHolder
• 在onBindViewHolder里给对应的ViewHolder绑定对应的数据

这样就能在同一个列表里混排不同样式的item啦，比如日期项、自己发的绿色消息、对方发的蓝色消息。

1. 先定义视图类型常量 #

首先给三种item类型分配唯一的标识：

// 定义三种视图类型的常量，确保唯一
private static final int VIEW_TYPE_DATE = 0;
private static final int VIEW_TYPE_MESSAGE_BLUE = 1;
private static final int VIEW_TYPE_MESSAGE_GREEN = 2;

2. 统一数据模型 #

你的列表my_list里的元素，最好是一个基类（比如ChatItem）的子类，这样方便判断类型：

// 基类：所有聊天项的父类
public abstract class ChatItem {}

// 日期项的数据模型
public class DateItem extends ChatItem {
    private String dateText;

    public DateItem(String dateText) {
        this.dateText = dateText;
    }

    public String getDateText() {
        return dateText;
    }
}

// 蓝色消息项（比如对方发的）
public class BlueMessageItem extends ChatItem {
    private String content;
    private String time;

    public BlueMessageItem(String content, String time) {
        this.content = content;
        this.time = time;
    }

    public String getContent() {
        return content;
    }

    public String getTime() {
        return time;
    }
}

// 绿色消息项（比如自己发的）
public class GreenMessageItem extends ChatItem {
    private String content;
    private String time;

    public GreenMessageItem(String content, String time) {
        this.content = content;
        this.time = time;
    }

    public String getContent() {
        return content;
    }

    public String getTime() {
        return time;
    }
}

3. 实现getItemViewType方法 #

这一步就是告诉系统当前位置的item是什么类型：

@Override
public int getItemViewType(int position) {
    ChatItem item = my_list.get(position);
    if (item instanceof DateItem) {
        return VIEW_TYPE_DATE;
    } else if (item instanceof BlueMessageItem) {
        return VIEW_TYPE_MESSAGE_BLUE;
    } else if (item instanceof GreenMessageItem) {
        return VIEW_TYPE_MESSAGE_GREEN;
    }
    // 兜底返回，避免报错
    return super.getItemViewType(position);
}

4. 创建对应的ViewHolder #

在onCreateViewHolder里根据视图类型加载不同布局，创建ViewHolder：

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    LayoutInflater inflater = LayoutInflater.from(parent.getContext());
    View view;
    switch (viewType) {
        case VIEW_TYPE_DATE:
            // 加载日期项的布局
            view = inflater.inflate(R.layout.item_date, parent, false);
            return new DateViewHolder(view);
        case VIEW_TYPE_MESSAGE_BLUE:
            // 加载蓝色消息的布局
            view = inflater.inflate(R.layout.item_message_blue, parent, false);
            return new BlueMessageViewHolder(view);
        case VIEW_TYPE_MESSAGE_GREEN:
            // 加载绿色消息的布局
            view = inflater.inflate(R.layout.item_message_green, parent, false);
            return new GreenMessageViewHolder(view);
        default:
            throw new IllegalArgumentException("未知的视图类型：" + viewType);
    }
}

对应的ViewHolder类：

// 日期项的ViewHolder
static class DateViewHolder extends RecyclerView.ViewHolder {
    TextView tvDate;

    public DateViewHolder(View itemView) {
        super(itemView);
        tvDate = itemView.findViewById(R.id.tv_date);
    }
}

// 蓝色消息的ViewHolder
static class BlueMessageViewHolder extends RecyclerView.ViewHolder {
    TextView tvContent;
    TextView tvTime;

    public BlueMessageViewHolder(View itemView) {
        super(itemView);
        tvContent = itemView.findViewById(R.id.tv_blue_message);
        tvTime = itemView.findViewById(R.id.tv_blue_time);
    }
}

// 绿色消息的ViewHolder
static class GreenMessageViewHolder extends RecyclerView.ViewHolder {
    TextView tvContent;
    TextView tvTime;

    public GreenMessageViewHolder(View itemView) {
        super(itemView);
        tvContent = itemView.findViewById(R.id.tv_green_message);
        tvTime = itemView.findViewById(R.id.tv_green_time);
    }
}

5. 绑定数据到ViewHolder #

最后在onBindViewHolder里，根据视图类型给对应的ViewHolder设置数据：

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    ChatItem item = my_list.get(position);
    switch (holder.getItemViewType()) {
        case VIEW_TYPE_DATE:
            DateViewHolder dateHolder = (DateViewHolder) holder;
            DateItem dateItem = (DateItem) item;
            dateHolder.tvDate.setText(dateItem.getDateText());
            break;
        case VIEW_TYPE_MESSAGE_BLUE:
            BlueMessageViewHolder blueHolder = (BlueMessageViewHolder) holder;
            BlueMessageItem blueItem = (BlueMessageItem) item;
            blueHolder.tvContent.setText(blueItem.getContent());
            blueHolder.tvTime.setText(blueItem.getTime());
            break;
        case VIEW_TYPE_MESSAGE_GREEN:
            GreenMessageViewHolder greenHolder = (GreenMessageViewHolder) holder;
            GreenMessageItem greenItem = (GreenMessageItem) item;
            greenHolder.tvContent.setText(greenItem.getContent());
            greenHolder.tvTime.setText(greenItem.getTime());
            break;
    }
}

• 自动插入日期项：组装数据列表的时候，可以遍历原始的消息列表，对比当前消息和上一条消息的日期，如果不同，就插入一个DateItem，这样就不用手动加日期啦。
• Kotlin优化：如果用Kotlin开发，可以用sealed class来定义ChatItem，判断类型会更简洁安全。

内容的提问来源于stack exchange，提问作者user9609225