图像在GridLayout中正在缩小

Question

我正在玩井字游戏。对于行和列，我使用的是GridLayout，而在GridLayout中的我使用的是用于制作边框的图像，并且使用x和0代替了两个硬币。但是，当我将硬币的图像放在GridLayout中时，它会缩小到左上角。

布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.GridLayout
        android:layout_width="368dp"
        android:layout_height="368dp"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        app:columnCount="3"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:rowCount="3"
        tools:background="@drawable/board">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            app:srcCompat="@drawable/red" />
    </android.support.v7.widget.GridLayout>
</android.support.constraint.ConstraintLayout>`

图片：

Answer 1

首先，如果要创建井字游戏，则需要添加9个ImageView，而不仅仅是一个。 对于每个ImageView或GridLayout的子视图类型，最好指定布局参数android:layout_row和android:layout_column，它们是从零开始的索引，因此您可以更好地控制超过每个孩子的位置。否则，它们将基于android:orientation的{​​{1}}属性被一个接一个地放置。 最后但并非最不重要的一点-您的图片尺寸应为木板尺寸的1/3，因此请尝试将其GridLayout和android:layout_width指定为具体数字，而不是android:layout_height。这使我得出您的木板的总宽度和高度，不能除以3。

作为主题外的注释-您将wrap_content和android:layout_marginStart一起指定为android:layout_marginEnd，android:layout_marginLeft，这是不必要的。如果要支持阿拉伯国家/地区的RTL设备，建议使用android:layout_marginRight和Start版本而不是End和Left。