Изображения в моей сетке выходят за пределы максимальной ширины - android студия?

Question

Я изучаю java для android и собираю 3 игры с использованием разметки сетки и просмотра изображений в соответствии с руководством. Я сделал квадратную сетку и сделал ширину равной ширине основного вида. Разметка сетки в виде трех столбцов и трех строк.

Я добавляю к изображениям представления, которые будут счетчиками, я добавил три в приведенном ниже коде, но, как вы можете видеть, ширина не соответствует ячейкам и идет по ширине сетки. Я не хочу жестко фиксировать значения dp, так как хочу, чтобы они подходили для всех экранов.

Может кто-нибудь посоветовать, что делать?

<androidx.gridlayout.widget.GridLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_marginTop="272dp"
    android:layout_marginBottom="48dp"
    android:background="@drawable/board"
    app:columnCount="3"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintDimensionRatio="1:1"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:rowCount="3">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"
        app:layout_column="0"
        app:layout_row="0"
        app:srcCompat="@drawable/red" />
    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"
        app:layout_column="1"
        app:layout_row="0"
        app:srcCompat="@drawable/red" />
    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"
        app:layout_column="2"
        app:layout_row="0"
        app:srcCompat="@drawable/red" />



</androidx.gridlayout.widget.GridLayout>

Похоже (неправильно): Сетка счетчиков

Answer 1

Вы можете добавить вес и установить его на 1. И установите всю ширину и высоту в 0dp.

<ImageView
       //And you remaining code   
       android:layout_width="0dp"
       android:layout_height="0dp"
       android:layout_columnWeight="1"
       android:layout_rowWeight="1"
       />