使用 Concat Adapter 和 ItemDecoration 给 RecyclerView 条目添加圆角背景

Android

2024-03-17 01:12:45

使用 Concat Adapter 创建带有圆角背景的 RecyclerView 条目

问题

在一个包含不同类型内容的 RecyclerView 中，如何用圆角背景包装特定类型的条目？

解决方案

使用 Concat Adapter 和 ItemDecoration。

Concat Adapter

Concat Adapter 是一种 RecyclerView 适配器，允许将多个适配器组合成一个。这对于在一个 RecyclerView 中显示不同类型的条目非常有用。

ItemDecoration

ItemDecoration 是一个 RecyclerView 装饰器，允许在条目周围绘制自定义图形。我们可以创建自定义 ItemDecoration 来为特定类型的条目绘制圆角背景。

步骤

创建 ItemDecoration 类： 编写一个 RoundedCornersItemDecoration 类，它扩展了 ItemDecoration 类并重写 onDrawOver 方法来绘制圆角矩形背景。
检查条目类型： 在 onDrawOver 方法中，检查每个条目的位置，并确定是否对应于需要圆角背景的条目类型。
添加 ItemDecoration 到 Concat Adapter： 将 RoundedCornersItemDecoration 实例添加到负责绘制需要圆角背景条目的适配器中。

代码示例

// ItemDecoration 类
public class RoundedCornersItemDecoration extends ItemDecoration {

    private int radius;

    public RoundedCornersItemDecoration(int radius) {
        this.radius = radius;
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDrawOver(c, parent, state);

        for (int i = 0; i < parent.getChildCount(); i++) {
            View child = parent.getChildAt(i);
            int position = parent.getChildAdapterPosition(child);

            if (isGreenItem(position)) {
                RectF rectF = new RectF(child.getLeft(), child.getTop(), child.getRight(), child.getBottom());
                c.drawRoundRect(rectF, radius, radius, paint);
            }
        }
    }

    // 检查条目类型的方法
    private boolean isGreenItem(int position) {
        return position % 3 == 2; // 假设绿色条目在 Concat Adapter 中每 3 个条目出现一次
    }
}

// 添加 ItemDecoration 到 Concat Adapter
ConcatAdapter concatAdapter = new ConcatAdapter();

concatAdapter.addAdapter(new RedAdapter());
concatAdapter.addAdapter(new BlueAdapter());
concatAdapter.addAdapter(new GreenAdapter());

concatAdapter.addAdapter(new RoundedCornersItemDecoration(radius));