Java 当我在平板电脑上运行应用程序时，Android Studio中的按钮看起来很凌乱

我正在尝试设计4行3列大小相同的按钮。在Android Studio中，当我点击“推断约束”时，它看起来不错，但当我在平板电脑上运行它时，它看起来很凌乱！我做错了什么？ 我为6个按钮添加了xml代码（不是全部12个按钮，因为它太长了）

我期望输出如下所示：

但实际输出的是大小和顺序不同的按钮

---

尝试使用其他类型的布局。例如线性布局、表格布局 顺便说一句，我试着通过一些代码，但是这个f。。页面不允许

---

您可以尝试在约束布局中添加网格布局。我将列计数设置为2，但在您的情况下，只需将其更改为3

<androidx.constraintlayout.widget.ConstraintLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/Glossy_Grape"
tools:context=".ShopActivity">

<GridLayout
    android:id="@+id/gridLayout"
    android:layout_width="match_parent"
    android:layout_height="650dp"
    android:columnCount="2"
    android:columnOrderPreserved="false"
    android:translationY="80dp"
    app:layout_constraintTop_toTopOf="parent">

    <ImageButton
        android:id="@+id/btnFireEgg"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:layout_gravity="fill"
        android:width="0dp"
        android:background="?android:selectableItemBackground"
        android:padding="20dp"
        android:scaleType="fitCenter"
        android:src="@drawable/fireegg_copy"
        android:contentDescription="@string/name"></ImageButton>
  </GridLayout>

<androidx.constraintlayout.widget.ConstraintLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/Glossy_Grape"
tools:context=".ShopActivity">

<GridLayout
    android:id="@+id/gridLayout"
    android:layout_width="match_parent"
    android:layout_height="650dp"
    android:columnCount="2"
    android:columnOrderPreserved="false"
    android:translationY="80dp"
    app:layout_constraintTop_toTopOf="parent">

    <ImageButton
        android:id="@+id/btnFireEgg"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:layout_gravity="fill"
        android:width="0dp"
        android:background="?android:selectableItemBackground"
        android:padding="20dp"
        android:scaleType="fitCenter"
        android:src="@drawable/fireegg_copy"
        android:contentDescription="@string/name"></ImageButton>
  </GridLayout>