如何实现带固定末尾添加按钮的图片RecyclerView？

核心实现思路 #

给RecyclerView的Adapter设置两种Item类型：一种是普通的图片展示项，另一种是固定在最后的添加按钮项。通过区分类型来创建不同的布局和绑定逻辑，就能实现需求效果。

具体实现步骤 #

1. 定义Item类型常量 #

在Adapter里先声明两种类型的标识：

private static final int TYPE_IMAGE = 0;
private static final int TYPE_ADD_BUTTON = 1;

2. 区分Item类型 #

重写getItemViewType方法，判断当前位置是否为最后一项，返回对应的类型：

@Override
public int getItemViewType(int position) {
    // 最后一个位置固定返回添加按钮类型
    return position == mImageList.size() ? TYPE_ADD_BUTTON : TYPE_IMAGE;
}

这里mImageList是你存储图片数据的集合，集合的长度就是图片项的数量，最后一个位置（索引等于集合大小）就是添加按钮。

3. 设置总Item数量 #

总条目数是图片数量加1（多出来的就是添加按钮）：

@Override
public int getItemCount() {
    return mImageList.size() + 1;
}

4. 创建对应ViewHolder #

分别为图片项和添加按钮项写ViewHolder：

// 图片展示的ViewHolder
public class ImageViewHolder extends RecyclerView.ViewHolder {
    ImageView imageView;

    public ImageViewHolder(@NonNull View itemView) {
        super(itemView);
        imageView = itemView.findViewById(R.id.iv_image);
    }
}

// 添加按钮的ViewHolder
public class AddButtonViewHolder extends RecyclerView.ViewHolder {
    Button addButton;

    public AddButtonViewHolder(@NonNull View itemView) {
        super(itemView);
        addButton = itemView.findViewById(R.id.btn_add);
    }
}

5. 加载对应布局 #

在onCreateViewHolder里根据类型加载不同的布局文件：

@NonNull
@Override
public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    LayoutInflater inflater = LayoutInflater.from(parent.getContext());
    if (viewType == TYPE_IMAGE) {
        View view = inflater.inflate(R.layout.item_image, parent, false);
        return new ImageViewHolder(view);
    } else {
        View view = inflater.inflate(R.layout.item_add_button, parent, false);
        return new AddButtonViewHolder(view);
    }
}

6. 绑定数据与事件 #

在onBindViewHolder里给图片项加载图片，给添加按钮设置点击逻辑：

@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
    if (holder instanceof ImageViewHolder) {
        // 这里用Glide加载图片为例，你也可以换成其他图片加载库
        String imageData = mImageList.get(position);
        Glide.with(holder.itemView.getContext())
             .load(imageData)
             .into(((ImageViewHolder) holder).imageView);
    } else if (holder instanceof AddButtonViewHolder) {
        // 点击按钮后的逻辑，比如打开相册选择图片
        ((AddButtonViewHolder) holder).addButton.setOnClickListener(v -> {
            // 示例：添加一张图片到列表并刷新
            mImageList.add("新图片的URL/本地路径");
            notifyItemInserted(mImageList.size() - 1);
        });
    }
}

7. 布局文件示例 #

• 图片项布局item_image.xml：

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/iv_image"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:scaleType="centerCrop"
    android:layout_margin="4dp"/>

• 添加按钮布局item_add_button.xml：

<Button xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/btn_add"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:text="添加图片"
    android:background="#f0f0f0"
    android:textSize="16sp"/>

额外提示 #

• 如果要限制图片数量，在添加按钮的点击事件里判断集合大小，超过阈值就隐藏按钮或者给用户提示。
• 本地图片加载的话，把imageData换成本地文件路径即可。

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