Gridlayout无法在设备上呈现精确视图

Question

使用xml使用gridlayout：

排列行和列中的项目

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:alignmentMode="alignBounds"
    android:columnCount="4"
    android:padding="8dp"
    android:rowCount="4"
    android:useDefaultMargins="true">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="0"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="0"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />
</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="1"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="0"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext2"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="2"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="0"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text3"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext3"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_column="3"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="0"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/keybutton"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:src="@drawable/ic_shuffle_black_24dp" />

</LinearLayout>


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="0"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="1"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text21"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext21"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />
</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="1"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="1"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text22"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext22"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="2"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="1"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text23"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext23"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_column="3"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="1"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/keybutton2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:src="@drawable/ic_close_black_24dp" />

</LinearLayout>


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="0"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="2"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text31"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext31"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />
</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="1"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="2"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text32"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext32"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="2"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="2"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text33"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext33"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_column="3"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:layout_row="2"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/keybutton3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:src="@drawable/ic_keyboard_backspace_black_24dp" />

</LinearLayout>


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />
</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:id="@+id/text42"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:text="1"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/suptext42"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:text="ABC"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="top"
        android:textAllCaps="true"
        android:textColor="#828282"
        android:textSize="12sp"
        android:textStyle="bold" />


</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_columnWeight="1"
    android:layout_gravity="center_horizontal"
    android:gravity="end"
    android:orientation="horizontal"
    android:padding="6dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:gravity="left"
        android:textColor="#424242"
        android:textSize="32sp"
        android:textStyle="bold" />

    <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/keybutton4"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:src="@drawable/ic_check_black_24dp" />

</LinearLayout>


</GridLayout>

它在android studio上显示为：

。

但是当我跑步时，我会看到类似的东西：

。

与我在android上看到的完全不同。我怎样才能解决这个问题。谢谢

Answer 1

检查AVD的SDK级别/版本以及您正在编译的应用程序。 AVD与您正在编译的应用程序相同或更高。