如何增加RecyclerView ItemDecoration分割线厚度并修改颜色

嗨，我来帮你搞定这个问题！默认的DividerItemDecoration用的是系统自带的细分割线，确实不太显眼。要调整它的厚度和颜色，有两种实用的方法，我给你详细拆解：

方法一：自定义Drawable替换默认分割线 #

这是最简单的方式，通过创建自定义的shape drawable来替换系统默认的分割线样式。

步骤1：创建分割线Drawable文件 #

在res/drawable目录下新建divider_grid.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 分割线颜色，替换成你想要的颜色值 -->
    <solid android:color="#E0E0E0" />
    <!-- 分割线厚度：width对应水平分割线的宽度，height对应垂直分割线的高度 -->
    <size
        android:width="2dp"
        android:height="2dp" />
</shape>

如果需要垂直和水平分割线厚度不同，可以分别创建divider_vertical.xml和divider_horizontal.xml，设置不同的size参数。

步骤2：在代码中应用自定义分割线 #

修改你原来的代码，把自定义Drawable设置给DividerItemDecoration：

// 获取自定义分割线Drawable
Drawable dividerDrawable = ContextCompat.getDrawable(this, R.drawable.divider_grid);

// 创建垂直方向分割线并设置Drawable
DividerItemDecoration verticalDivider = new DividerItemDecoration(this, DividerItemDecoration.VERTICAL);
if (dividerDrawable != null) {
    verticalDivider.setDrawable(dividerDrawable);
}

// 创建水平方向分割线并设置Drawable
DividerItemDecoration horizontalDivider = new DividerItemDecoration(this, DividerItemDecoration.HORIZONTAL);
if (dividerDrawable != null) {
    horizontalDivider.setDrawable(dividerDrawable);
}

// 添加到RecyclerView
recyclerView.addItemDecoration(verticalDivider);
recyclerView.addItemDecoration(horizontalDivider);

方法二：自定义ItemDecoration实现更灵活控制 #

如果需要更个性化的分割线（比如只在特定边显示、绘制虚线等），可以自定义RecyclerView.ItemDecoration类，重写绘制和偏移方法。

步骤1：创建自定义分割线类 #

public class GridDividerDecoration extends RecyclerView.ItemDecoration {
    private int dividerWidth;
    private Paint paint;

    // 构造方法：传入分割线颜色和厚度
    public GridDividerDecoration(int color, int dividerWidth) {
        this.dividerWidth = dividerWidth;
        paint = new Paint();
        paint.setColor(color);
        paint.setStyle(Paint.Style.FILL);
    }

    // 设置Item的偏移量，给分割线留出空间
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        GridLayoutManager layoutManager = (GridLayoutManager) parent.getLayoutManager();
        if (layoutManager == null) return;
        
        int spanCount = layoutManager.getSpanCount();
        int position = parent.getChildAdapterPosition(view);
        int itemCount = layoutManager.getItemCount();

        // 右边分割线：最后一列不加
        outRect.right = (position % spanCount != spanCount - 1) ? dividerWidth : 0;
        // 下边分割线：最后一行不加
        outRect.bottom = (position / spanCount != (itemCount - 1) / spanCount) ? dividerWidth : 0;
        // 可选：添加顶部和左边的分割线
        outRect.top = (position / spanCount == 0) ? dividerWidth : 0;
        outRect.left = (position % spanCount == 0) ? dividerWidth : 0;
    }

    // 绘制分割线
    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        int childCount = parent.getChildCount();
        GridLayoutManager layoutManager = (GridLayoutManager) parent.getLayoutManager();
        if (layoutManager == null) return;
        
        int spanCount = layoutManager.getSpanCount();
        int itemCount = layoutManager.getItemCount();

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

            // 绘制右边分割线（非最后一列）
            if (position % spanCount != spanCount - 1) {
                float right = child.getRight();
                float top = child.getTop() - dividerWidth; // 覆盖顶部偏移的空间
                float bottom = child.getBottom() + dividerWidth; // 覆盖底部偏移的空间
                c.drawRect(right, top, right + dividerWidth, bottom, paint);
            }

            // 绘制下边分割线（非最后一行）
            if (position / spanCount != (itemCount - 1) / spanCount) {
                float left = child.getLeft() - dividerWidth; // 覆盖左边偏移的空间
                float right = child.getRight() + dividerWidth; // 覆盖右边偏移的空间
                float bottom = child.getBottom();
                c.drawRect(left, bottom, right, bottom + dividerWidth, paint);
            }
        }
    }
}

步骤2：在Activity中使用自定义分割线 #

// 转换dp为像素值，这里设置2dp厚度
int dividerWidth = (int) TypedValue.applyDimension(
        TypedValue.COMPLEX_UNIT_DIP,
        2,
        getResources().getDisplayMetrics()
);
// 设置分割线颜色，可替换为你需要的颜色
int dividerColor = ContextCompat.getColor(this, R.color.divider_color);

// 添加自定义分割线
recyclerView.addItemDecoration(new GridDividerDecoration(dividerColor, dividerWidth));

两种方法里，方法一适合快速调整样式，方法二更适合复杂的自定义需求，你可以根据自己的场景选择~

内容的提问来源于stack exchange，提问作者Mr.patel