RecyclerView多布局异常：ViewType=2时MeData无法显示的排查与解决

为什么返回viewType=2时会报错？ #

你的代码里有几个核心问题直接导致了报错：

• 数据源分离引发索引越界：你用两个独立的ArrayList分别存储Data和MeData，但在onBindViewHolder中直接用RecyclerView的全局position去取对应列表的元素。比如当position=1（viewType=2）时，你尝试获取MeData.get(1)，但如果MeData只添加了1个元素，这就会触发IndexOutOfBoundsException。
• getItemCount逻辑错误：当前getItemCount()只返回Data.size()，这意味着RecyclerView只会加载和Data数量相同的项。如果MeData的数量比Data多，后面的MeData项根本不会被显示；反之如果Data数量更少，当position超过MeData的索引范围时必然报错。
• viewType与数据的对应逻辑混乱：你通过position%2*2强制交替返回viewType，但你的两个数据源并没有和这个位置逻辑匹配，导致布局和对应的数据完全错位。

如何解决？ #

正确的做法是使用统一的数据源，把Data和MeData统一管理，让每个RecyclerView的position对应一个明确的数据项。这里提供两种常见的实现方式：

方式1：用基类统一数据类型

1. 先创建一个基类，让Data和MeData继承它：

// 基类，用于统一数据类型
public abstract class BaseChatItem {}

// 修改Data类继承基类
public class Data extends BaseChatItem {
    // 保留原Data类的所有字段和方法
}

// 修改MeData类继承基类
public class MeData extends BaseChatItem {
    // 保留原MeData类的所有字段和方法
}

2. 替换原来的两个列表为统一的数据源：

private ArrayList<BaseChatItem> chatItems = new ArrayList<>();

3. 修改添加数据的方法：

void addItem(Data data) {
    chatItems.add(data);
}

void addItem(MeData data) {
    chatItems.add(data);
}

4. 修正getItemViewType，根据数据类型返回对应viewType：

@Override
public int getItemViewType(int position) {
    BaseChatItem item = chatItems.get(position);
    if (item instanceof Data) {
        return 0;
    } else if (item instanceof MeData) {
        return 2;
    }
    return super.getItemViewType(position);
}

5. 修正onBindViewHolder，根据数据类型绑定UI：

@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
    BaseChatItem item = chatItems.get(position);
    if (item instanceof Data) {
        ((ViewHolder0) holder).onBind((Data) item);
    } else if (item instanceof MeData) {
        ((ViewHolder2) holder).onBind((MeData) item);
    }
}

6. 修正getItemCount：

@Override
public int getItemCount() {
    return chatItems.size();
}

方式2：用封装类包装数据（无需修改原有数据类）

如果不想修改Data和MeData的继承关系，可以用一个封装类来标记数据类型：

1. 创建封装类：

public class ChatWrapper {
    public static final int TYPE_DATA = 0;
    public static final int TYPE_ME_DATA = 2;
    
    private int itemType;
    private Object data;
    
    public ChatWrapper(int itemType, Object data) {
        this.itemType = itemType;
        this.data = data;
    }
    
    public int getItemType() {
        return itemType;
    }
    
    public Object getData() {
        return data;
    }
}

2. 替换数据源：

private ArrayList<ChatWrapper> chatItems = new ArrayList<>();

3. 修改添加方法：

void addItem(Data data) {
    chatItems.add(new ChatWrapper(ChatWrapper.TYPE_DATA, data));
}

void addItem(MeData data) {
    chatItems.add(new ChatWrapper(ChatWrapper.TYPE_ME_DATA, data));
}

4. 修正getItemViewType：

@Override
public int getItemViewType(int position) {
    return chatItems.get(position).getItemType();
}

5. 修正onBindViewHolder：

@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
    ChatWrapper wrapper = chatItems.get(position);
    if (wrapper.getItemType() == ChatWrapper.TYPE_DATA) {
        ((ViewHolder0) holder).onBind((Data) wrapper.getData());
    } else {
        ((ViewHolder2) holder).onBind((MeData) wrapper.getData());
    }
}

6. 修正getItemCount：

@Override
public int getItemCount() {
    return chatItems.size();
}

额外注意事项 #

• 确保你的ViewHolder0和ViewHolder2的onBind方法能正确接收并处理对应的Data和MeData对象，避免类型转换错误。
• 如果需要保持交替显示的逻辑，只需要在添加数据时按顺序添加Data和MeData即可，无需再通过position计算viewType。

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