如何将RecyclerView划分为不同视图以实现图片展示

要实现RecyclerView划分不同视图展示图片，核心是利用RecyclerView.Adapter的视图类型机制，以下是具体实现步骤：

1. 定义视图类型常量 #

在Adapter类中提前定义不同视图的标识，方便后续区分：

private static final int VIEW_TYPE_SINGLE_IMAGE = 0;
private static final int VIEW_TYPE_MULTI_IMAGE_GRID = 1;

2. 根据数据判断视图类型 #

重写getItemViewType方法，依据当前项的数据特征返回对应视图类型。比如根据图片数量判断：

@Override
public int getItemViewType(int position) {
    ImageItem item = mDataList.get(position);
    return item.getImageCount() == 1 ? VIEW_TYPE_SINGLE_IMAGE : VIEW_TYPE_MULTI_IMAGE_GRID;
}

3. 创建对应视图的ViewHolder #

在onCreateViewHolder中，根据viewType加载不同布局并创建ViewHolder：

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    LayoutInflater inflater = LayoutInflater.from(parent.getContext());
    if (viewType == VIEW_TYPE_SINGLE_IMAGE) {
        View view = inflater.inflate(R.layout.item_single_image, parent, false);
        return new SingleImageViewHolder(view);
    } else {
        View view = inflater.inflate(R.layout.item_multi_image_grid, parent, false);
        return new MultiImageGridViewHolder(view);
    }
}

4. 绑定对应视图的数据 #

在onBindViewHolder中，根据ViewHolder类型绑定对应数据（以Glide加载图片为例）：

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    ImageItem item = mDataList.get(position);
    if (holder instanceof SingleImageViewHolder) {
        Glide.with(holder.itemView.getContext())
             .load(item.getImageUrls().get(0))
             .into(((SingleImageViewHolder) holder).singleImageView);
    } else if (holder instanceof MultiImageGridViewHolder) {
        ((MultiImageGridViewHolder) holder).bindImageGrid(item.getImageUrls());
    }
}

5. 实现对应的ViewHolder类 #

分别定义两种视图的ViewHolder，处理各自的视图控件：

class SingleImageViewHolder extends RecyclerView.ViewHolder {
    ImageView singleImageView;

    public SingleImageViewHolder(View itemView) {
        super(itemView);
        singleImageView = itemView.findViewById(R.id.single_image);
    }
}

class MultiImageGridViewHolder extends RecyclerView.ViewHolder {
    GridView imageGrid;

    public MultiImageGridViewHolder(View itemView) {
        super(itemView);
        imageGrid = itemView.findViewById(R.id.image_grid);
    }

    public void bindImageGrid(List<String> imageUrls) {
        imageGrid.setAdapter(new GridImageAdapter(imageUrls));
    }
}

注：ImageItem是自定义的数据模型类，需包含图片数量、图片地址列表等字段；GridImageAdapter是适配GridView的自定义Adapter，用于加载多张图片。

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