如何为透明背景的GridView设置不同颜色的分隔线？

首先咱们先把基础的透明设置搞定，再解决分隔线的问题，分两步走：

一、确保GridView和列表项全透明 #

你已经在GridView布局里设置了android:background="@android:color/transparent"，这一步没问题，但还要注意：

• 你的列表项布局（比如item_dash_menu.xml）的根布局必须也设置android:background="@android:color/transparent"，不然列表项会挡住下面的背景图，白忙活了。
• 主容器的背景图通过代码设置时，要确保它是GridView的直接父容器，或者层级上没有其他不透明的View挡住。

二、自定义分隔线颜色（两种方案任选） #

原生GridView没有直接设置分隔线颜色的属性，所以咱们用两种方法来实现：

方案1：自定义GridView绘制精确分隔线（适合需要精细控制的场景） #

这种方法可以自己画横竖分隔线，颜色、粗细都能随便调：

1. 先写一个自定义GridView类：

public class TransparentGridView extends GridView {
    private Paint mDividerPaint;
    private int mDividerColor = Color.GRAY; // 默认分隔线颜色，你可以改
    private int mDividerWidth = 2; // 默认2dp粗细

    public TransparentGridView(Context context) {
        super(context);
        init();
    }

    public TransparentGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public TransparentGridView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mDividerPaint = new Paint();
        mDividerPaint.setColor(mDividerColor);
        // 把dp转成px，保证不同分辨率下粗细一致
        mDividerWidth = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, mDividerWidth, getResources().getDisplayMetrics());
        mDividerPaint.setStrokeWidth(mDividerWidth);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int childCount = getChildCount();
        int columns = getNumColumns();
        if (childCount == 0 || columns == 0) return;

        // 画横向分隔线：每行底部一条（除了最后一行）
        for (int i = 0; i < childCount; i++) {
            View child = getChildAt(i);
            if ((i + 1) % columns == 0) {
                float bottom = child.getBottom();
                canvas.drawLine(getPaddingLeft(), bottom, getWidth() - getPaddingRight(), bottom, mDividerPaint);
            }
        }
        // 画最后一行的横向分隔线（如果需要的话）
        if (childCount > 0) {
            View lastChild = getChildAt(childCount - 1);
            canvas.drawLine(getPaddingLeft(), lastChild.getBottom(), getWidth() - getPaddingRight(), lastChild.getBottom(), mDividerPaint);
        }

        // 画纵向分隔线：每列右侧一条（除了最后一列）
        for (int i = 0; i < childCount; i++) {
            View child = getChildAt(i);
            if ((i + 1) % columns != 0) {
                float right = child.getRight();
                canvas.drawLine(right, child.getTop(), right, child.getBottom(), mDividerPaint);
            }
        }
    }

    // 对外提供修改颜色和粗细的方法
    public void setDividerColor(int color) {
        mDividerColor = color;
        mDividerPaint.setColor(color);
        invalidate();
    }

    public void setDividerWidth(int widthDp) {
        mDividerWidth = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, widthDp, getResources().getDisplayMetrics());
        mDividerPaint.setStrokeWidth(mDividerWidth);
        invalidate();
    }
}

2. 把布局里的AutoGridView换成这个自定义View：

<com.yourpackage.TransparentGridView
    android:id="@+id/dashMenu"
    android:layout_width="match_parent"
    android:layout_height="210dp"
    android:layout_alignParentBottom="true"
    android:background="@android:color/transparent"
    android:horizontalSpacing="0dp"
    android:verticalSpacing="0dp"
    android:numColumns="你的列数" />

3. 在代码里设置分隔线样式：

TransparentGridView dashMenu = findViewById(R.id.dashMenu);
dashMenu.setDividerColor(Color.parseColor("#FF4081")); // 设置粉色分隔线
dashMenu.setDividerWidth(1); // 设置1dp粗细

方案2：利用间距+背景色快速实现（适合简单场景） #

这个方法不用写自定义View，几步就能搞定：

1. 修改GridView的布局，设置间距和背景色（这个背景色就是分隔线的颜色）：

<*************.AutoGridView
    android:id="@+id/dashMenu"
    android:layout_width="match_parent"
    android:layout_height="210dp"
    android:layout_alignParentBottom="true"
    android:background="#FF4081" <!-- 这里设置分隔线颜色 -->
    android:horizontalSpacing="2dp" <!-- 横向分隔线宽度 -->
    android:verticalSpacing="2dp" <!-- 纵向分隔线宽度 -->
    android:numColumns="你的列数"
    android:padding="2dp" /> <!-- 可选，让GridView边缘也有一圈分隔线 -->

2. 确保你的列表项布局根背景是透明的（前面已经提过）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:gravity="center"
    android:orientation="vertical">

    <!-- 你的列表项内容，比如图标和文字 -->
</LinearLayout>

原理很简单：列表项是透明的，透过它们能看到主容器的背景图；而列表项之间的间距会显示GridView的背景色，这就形成了分隔线，是不是很巧妙？

最后再提醒一句：如果你的AutoGridView是自定义的GridView子类，要确保它支持horizontalSpacing和verticalSpacing属性，不然方案2可能不生效。

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