Android ImageButton无法填满GridLayout 无法显示2×2方格网格问题

问题原因 #

• 使用layout_columnWeight、layout_rowWeight属性分配网格空间时，未将ImageButton的宽高设为0dp，权重计算逻辑失效
• ImageButton默认存在最小宽高限制、内置内边距和图片占位，你用background设置背景色时没有清除默认配置，额外挤占了网格空间，普通Button没有这类默认限制所以可以正常显示

修复后的完整XML代码 #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#800080"
    android:orientation="horizontal"
    tools:context=".MainActivity">

    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:rowCount="2"
        android:columnCount="2"
        android:layout_margin="10dp">

        <ImageButton
            android:id="@+id/imageButton"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="@drawable/light_brown"
            android:src="@null"
            android:padding="0dp"
            android:layout_gravity="fill"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1" />

        <ImageButton
            android:id="@+id/imageButton2"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="@drawable/brown"
            android:src="@null"
            android:padding="0dp"
            android:layout_gravity="fill"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1" />

        <ImageButton
            android:id="@+id/imageButton3"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="@drawable/brown"
            android:src="@null"
            android:padding="0dp"
            android:layout_gravity="fill"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1" />

        <ImageButton
            android:id="@+id/imageButton4"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="@drawable/light_brown"
            android:src="@null"
            android:padding="0dp"
            android:layout_gravity="fill"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1" />

    </GridLayout>

</LinearLayout>

关键修改点说明 #

• 所有ImageButton新增android:layout_width="0dp"和android:layout_height="0dp"，配合权重属性实现等比例的网格空间分配
• 新增android:src="@null"清除ImageButton默认的图片占位
• 新增android:padding="0dp"清除ImageButton默认的内置内边距
• 额外修正：布局的margin单位应该用dp而非sp，sp是文字专用单位，避免不同字体大小设置下边距异常

内容的提问来源于stack exchange，提问作者Dracep