父RecyclerView新增子项时图片复用问题求解决方案

核心原因 #

RecyclerView的ViewHolder复用机制导致新增父项时，复用了之前带有子图片数据的ViewHolder，而子RecyclerView未被正确重置为空状态。

具体修复步骤 #

• 初始化父项数据模型：创建新的父列表项时，确保每个父项的图片集合初始化为空列表（而非null或复用旧集合）。比如父Item类的构造方法里，直接初始化List<String> imagePaths = new ArrayList<>();。
• 父Adapter绑定子RecyclerView时重置数据：在父Adapter的onBindViewHolder方法中，给子网格RecyclerView设置数据时，必须绑定当前父项对应的图片集合。如果复用子Adapter实例，一定要调用childAdapter.setData(currentParentItem.getImagePaths())，并紧接着调用childAdapter.notifyDataSetChanged()；如果每次创建新的子Adapter，直接传入当前父项的空/已有图片数据。
• 子Adapter处理空数据场景：在子Adapter的getItemCount()中返回当前图片集合的大小，当集合为空时返回0；同时在onBindViewHolder或Item布局里添加空视图逻辑——当图片数量为0时，显示空占位（比如提示“暂无图片”），隐藏网格图片。
• 避免复用父Item对象：新增父项时，要创建全新的父Item实例，而不是修改或复用已有的父Item对象。比如点击“新增项”按钮时，执行parentItemList.add(new ParentItem())，确保每个新项都是独立的对象。

示例代码片段 #

父Item模型类 #

public class ParentItem {
    // 其他字段
    private List<String> imagePaths;

    public ParentItem() {
        // 初始化空列表，避免null或复用旧数据
        this.imagePaths = new ArrayList<>();
    }

    // getter和setter
    public List<String> getImagePaths() {
        return imagePaths;
    }

    public void setImagePaths(List<String> imagePaths) {
        this.imagePaths = imagePaths;
    }
}

父Adapter的onBindViewHolder方法 #

@Override
public void onBindViewHolder(@NonNull ParentViewHolder holder, int position) {
    ParentItem currentItem = parentItemList.get(position);
    // 给子RecyclerView设置数据
    ChildImageAdapter childAdapter = new ChildImageAdapter(currentItem.getImagePaths());
    holder.childRecyclerView.setAdapter(childAdapter);
    // 或者复用子Adapter时：
    // holder.childAdapter.setData(currentItem.getImagePaths());
    // holder.childAdapter.notifyDataSetChanged();
}

子Adapter处理空数据 #

@Override
public int getItemCount() {
    return imagePaths != null ? imagePaths.size() : 0;
}

@Override
public void onBindViewHolder(@NonNull ChildViewHolder holder, int position) {
    if (imagePaths.isEmpty()) {
        // 显示空视图，隐藏图片控件
        holder.emptyView.setVisibility(View.VISIBLE);
        holder.imageView.setVisibility(View.GONE);
    } else {
        holder.emptyView.setVisibility(View.GONE);
        holder.imageView.setVisibility(View.VISIBLE);
        // 加载图片逻辑
        Glide.with(holder.itemView.getContext())
             .load(imagePaths.get(position))
             .into(holder.imageView);
    }
}

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