如何在GridLayout的两个TextView之间绘制线条？

嘿，我来给你分享几种在GridLayout的TextView A和B之间画线的方法，不一定非得用Canvas和onDraw哦！咱们先从最简单的方案说起：

这是最直观省事的方法——直接在A和B对应的GridLayout位置里，加一个细窄的View当作线条。

比如如果A和B是横向并排的，就把这个View的宽度设为1dp（线条粗细），高度设为match_parent，背景色设为你想要的线条颜色。示例XML代码如下：

<GridLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="2">

    <!-- TextView A -->
    <TextView
        android:id="@+id/tvA"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:text="A"
        android:background="#FFCCCC"/>

    <!-- 分隔线View -->
    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#000000"/>

    <!-- TextView B -->
    <TextView
        android:id="@+id/tvB"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:text="B"
        android:background="#CCFFCC"/>

</GridLayout>

如果A和B是纵向排列的，就把View的宽度设为match_parent，高度设为1dp就行。

如果不想额外加View，也可以给TextView A（或B）设置一个带单侧边框的Drawable背景，让边框正好落在两者之间。

比如我们给A做一个右侧带黑线的背景：

1. 在res/drawable下创建right_border.xml：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 背景色要和TextView A原本的背景色一致 -->
    <solid android:color="#FFCCCC"/>
    <!-- 只显示右侧的黑色边框 -->
    <stroke
        android:width="1dp"
        android:color="#000000"/>
    <!-- 加一点右内边距，避免文字和边框重叠 -->
    <padding android:right="1dp"/>
</shape>

2. 给TextView A设置这个背景：

<TextView
    android:id="@+id/tvA"
    ...
    android:background="@drawable/right_border"/>

这样A的右侧就会出现一条黑线，完美贴合A和B的边界。

如果你的布局是动态生成的，或者需要更灵活地控制线条的位置、样式（比如虚线、渐变），这时候才需要用到Canvas和onDraw方法。步骤如下：

1. 自定义一个继承自GridLayout的类：

public class CustomGridLayout extends GridLayout {
    private TextView tvA, tvB;
    private Paint linePaint;

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

    public CustomGridLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initPaint();
    }

    private void initPaint() {
        // 初始化画笔：设置颜色、粗细、抗锯齿
        linePaint = new Paint();
        linePaint.setColor(Color.BLACK);
        linePaint.setStrokeWidth(2);
        linePaint.setAntiAlias(true);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        // 找到对应的TextView A和B
        tvA = findViewById(R.id.tvA);
        tvB = findViewById(R.id.tvB);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (tvA != null && tvB != null) {
            // 假设A在B左侧，计算线条的起点和终点
            int lineX = tvA.getRight();
            // 取两个View的上下边界最大值，保证线条覆盖整个高度
            int top = Math.min(tvA.getTop(), tvB.getTop());
            int bottom = Math.max(tvA.getBottom(), tvB.getBottom());
            // 绘制垂直线条
            canvas.drawLine(lineX, top, lineX, bottom, linePaint);
        }
    }
}

2. 在XML布局里使用这个自定义GridLayout代替原生的GridLayout即可。

总结一下：优先用前两种简单方案，不用写自定义代码就能搞定；只有当布局动态变化、需要特殊线条效果时，再考虑用Canvas绘制的方法。

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