如何为3x3 GridLayout的行列分隔线设置自定义颜色？

嘿，这个问题我之前折腾过好一阵子！原生的Android GridLayout确实没有直接设置行列分隔线颜色的属性，不过有几种实用的解决方案，我给你梳理清楚：

方法一：通过子View边框+布局间距模拟分隔线 #

这种方法适合静态的3x3布局，操作起来简单：

• 先给你的GridLayout设置一个和分隔线颜色不同的背景色（比如分隔线用灰色，GridLayout背景设为白色）
• 给每个Grid子View设置layout_margin（比如2dp），同时给子View添加一个自定义drawable背景，用来控制边框：
  示例drawable文件（grid_item_bg.xml）：

  <shape xmlns:android="http://schemas.android.com/apk/res/android">
      <solid android:color="#ffffff"/> <!-- 子View的背景色 -->
      <stroke
          android:width="2dp"
          android:color="#cccccc"/> <!-- 这里就是分隔线的颜色 -->
  </shape>
  

• 最后调整一下边缘子View的边框：给最后一列的子View去掉右边框，最后一行的子View去掉下边框（可以通过修改drawable或者代码设置），这样整体看起来就像是Grid自带的行列分隔线了。

方法二：自定义GridLayout手动绘制分隔线 #

这种方法更灵活，能直接在布局或代码里设置分隔线颜色和宽度，适合需要动态调整的场景：
写一个继承自GridLayout的自定义View，重写onDraw方法来绘制横线和竖线：

public class CustomGridLayout extends GridLayout {
    private Paint mDividerPaint;
    private int mDividerColor = Color.GRAY;
    private int mDividerWidth = 2; // 单位：px

    public CustomGridLayout(Context context) {
        super(context);
        initPaint();
    }

    public CustomGridLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initPaint();
        // 可以通过自定义属性来配置颜色和宽度
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.CustomGridLayout);
        mDividerColor = ta.getColor(R.styleable.CustomGridLayout_dividerColor, Color.GRAY);
        mDividerWidth = ta.getDimensionPixelSize(R.styleable.CustomGridLayout_dividerWidth, 2);
        ta.recycle();
        mDividerPaint.setColor(mDividerColor);
        mDividerPaint.setStrokeWidth(mDividerWidth);
    }

    private void initPaint() {
        mDividerPaint = new Paint();
        mDividerPaint.setStyle(Paint.Style.STROKE);
        mDividerPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int columnCount = getColumnCount();
        int rowCount = getRowCount();

        // 绘制竖线：每列之间画一条
        for (int col = 1; col < columnCount; col++) {
            float lineX = getWidth() * col / (float) columnCount;
            canvas.drawLine(lineX, 0, lineX, getHeight(), mDividerPaint);
        }

        // 绘制横线：每行之间画一条
        for (int row = 1; row < rowCount; row++) {
            float lineY = getHeight() * row / (float) rowCount;
            canvas.drawLine(0, lineY, getWidth(), lineY, mDividerPaint);
        }
    }

    // 提供外部设置颜色的方法
    public void setDividerColor(int color) {
        mDividerColor = color;
        mDividerPaint.setColor(color);
        invalidate();
    }
}

然后在布局文件里直接使用这个自定义View，还可以通过自定义属性设置分隔线：

<com.yourpackage.CustomGridLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="3"
    android:rowCount="3"
    app:dividerColor="#ff0000"
    app:dividerWidth="2dp"/>

方法三：用RecyclerView+GridLayoutManager实现（适合动态列表） #

如果你的3x3布局是动态加载内容的，用RecyclerView配合GridLayoutManager会更方便，通过ItemDecoration来添加分隔线：
首先写一个ItemDecoration类：

public class GridDividerDecoration extends RecyclerView.ItemDecoration {
    private Paint mPaint;
    private int mDividerWidth;

    public GridDividerDecoration(int dividerColor, int dividerWidth) {
        mPaint = new Paint();
        mPaint.setColor(dividerColor);
        mPaint.setAntiAlias(true);
        mDividerWidth = dividerWidth;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        GridLayoutManager layoutManager = (GridLayoutManager) parent.getLayoutManager();
        int spanCount = layoutManager.getSpanCount();
        int position = parent.getChildAdapterPosition(view);

        // 设置右边和下边的间距，用来绘制分隔线
        outRect.right = mDividerWidth;
        outRect.bottom = mDividerWidth;

        // 最后一列去掉右边间距
        if (layoutManager.getSpanIndex(position, spanCount) == spanCount - 1) {
            outRect.right = 0;
        }

        // 最后一行去掉下边间距
        if (position >= parent.getAdapter().getItemCount() - spanCount) {
            outRect.bottom = 0;
        }
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        GridLayoutManager layoutManager = (GridLayoutManager) parent.getLayoutManager();
        int spanCount = layoutManager.getSpanCount();
        int childCount = parent.getChildCount();

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

            // 绘制右边的竖线（非最后一列）
            if (layoutManager.getSpanIndex(position, spanCount) != spanCount - 1) {
                float lineX = child.getRight();
                c.drawLine(lineX, child.getTop(), lineX, child.getBottom(), mPaint);
            }

            // 绘制下边的横线（非最后一行）
            if (position < parent.getAdapter().getItemCount() - spanCount) {
                float lineY = child.getBottom();
                c.drawLine(child.getLeft(), lineY, child.getRight(), lineY, mPaint);
            }
        }
    }
}

然后在代码里给RecyclerView配置：

RecyclerView recyclerView = findViewById(R.id.grid_recycler);
GridLayoutManager layoutManager = new GridLayoutManager(this, 3);
recyclerView.setLayoutManager(layoutManager);
// 设置分隔线颜色为红色，宽度2dp
int dividerWidth = dp2px(this, 2);
recyclerView.addItemDecoration(new GridDividerDecoration(Color.RED, dividerWidth));
// 别忘了设置Adapter
recyclerView.setAdapter(yourAdapter);

（注：dp2px是一个将dp转换为px的工具方法，你可以自己实现）

总结一下 #

• 如果是静态的3x3布局，方法一或二都很合适，方法一上手更快；
• 如果是动态加载的内容，方法三更推荐，扩展性更好。

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