Java 如何在网格布局中显示网格线？

嗨，我正在开发一个应用程序。我使用网格布局将图像并排放置。我的问题是，我希望网格布局线在应用程序中可见。我试着给图像添加边框来实现这一点，但在我的程序中，图像正在消失，所以它不起作用。我如何实现这一点

我的代码在这里：

<androidx.gridlayout.widget.GridLayout
        android:id="@+id/gridLayout"
        android:layout_width="300dp"
        android:layout_height="363dp"
        android:clipToPadding="false"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="100dp"
            android:layout_height="120dp"
            android:onClick="increaseScore"
            app:layout_column="0"
            app:layout_row="0"
            app:srcCompat="@drawable/perry" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="100dp"
            android:layout_height="120dp"
            android:onClick="increaseScore"

            app:layout_column="1"
            app:layout_row="0"
            app:srcCompat="@drawable/perry" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="100dp"
            android:layout_height="120dp"
            android:onClick="increaseScore"

            app:layout_column="2"
            app:layout_row="0"
            app:srcCompat="@drawable/perry" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="100dp"
            android:layout_height="120dp"
            android:onClick="increaseScore"

            app:layout_column="0"
            app:layout_row="1"
            app:srcCompat="@drawable/perry" />

        <ImageView
            android:id="@+id/imageView5"
            android:layout_width="100dp"
            android:layout_height="120dp"
            android:onClick="increaseScore"

            app:layout_column="1"
            app:layout_row="1"
            app:srcCompat="@drawable/perry" />

        <ImageView
            android:id="@+id/imageView6"
            android:layout_width="100dp"
            android:layout_height="120dp"
            android:onClick="increaseScore"

            app:layout_column="2"
            app:layout_row="1"
            app:srcCompat="@drawable/perry" />

        

    </androidx.gridlayout.widget.GridLayout>

---

我希望图像之间的线条可见。

您可以将背景颜色（

android:background

）设置为

GridLayout

，该背景颜色与

ImageView

的背景颜色不同，并为每个

ImageView

设置一个

android:layout_margin

，其

dp

值等于所需网格线的厚度

将其应用于布局：

<?xml version="1.0" encoding="utf-8"?>
<androidx.gridlayout.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/gridLayout"
    android:layout_width="300dp"
    android:layout_height="363dp"
    android:background="#FFFFFF"
    android:clipToPadding="false"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:layout_margin="2dp"
        android:background="#8CDD81"
        android:onClick="increaseScore"
        app:layout_column="0"
        app:layout_row="0"
        app:srcCompat="@drawable/perry" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:layout_margin="2dp"
        android:background="#8CDD81"
        android:onClick="increaseScore"

        app:layout_column="1"
        app:layout_row="0"
        app:srcCompat="@drawable/perry" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:layout_margin="2dp"
        android:background="#8CDD81"
        android:onClick="increaseScore"
        app:layout_column="2"
        app:layout_row="0"
        app:srcCompat="@drawable/perry" />

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:layout_margin="2dp"
        android:background="#8CDD81"
        android:onClick="increaseScore"
        app:layout_column="0"
        app:layout_row="1"
        app:srcCompat="@drawable/perry" />

    <ImageView
        android:id="@+id/imageView5"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:layout_margin="2dp"
        android:background="#8CDD81"
        android:onClick="increaseScore"
        app:layout_column="1"
        app:layout_row="1"
        app:srcCompat="@drawable/perry" />

    <ImageView
        android:id="@+id/imageView6"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:layout_margin="2dp"
        android:background="#8CDD81"
        android:onClick="increaseScore"
        app:layout_column="2"
        app:layout_row="1"
        app:srcCompat="@drawable/perry" />


</GridLayout>

请分享一些代码，演示如何将图像添加到GridLayout这是否回答了您的问题？以下是如何创建边界：