Android中GridView布局内4个按钮居中及间距设置问题

我完全懂你这种闹心的感觉——试了好几种GridView相关布局，按钮倒是居中了，可死活调不出想要的间距。其实对于固定数量（4个）的按钮，没必要用GridView这种为多列表格设计的控件，换更轻量的布局反而更省心，下面给你几个靠谱的解决方案：

方案一：Horizontal LinearLayout + Space（简单直接） #

这种方式上手最快，通过LinearLayout的gravity="center"让按钮组整体居中，再用Space控件精准控制按钮间的间距：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮1"/>

    <Space
        android:layout_width="20dp"
        android:layout_height="match_parent"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮2"/>

    <Space
        android:layout_width="20dp"
        android:layout_height="match_parent"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮3"/>

    <Space
        android:layout_width="20dp"
        android:layout_height="match_parent"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮4"/>
</LinearLayout>

方案二：ConstraintLayout（灵活适配，推荐） #

ConstraintLayout的横向链布局能自动帮你均匀分配间距，还能完美适配不同屏幕尺寸，步骤很简单：

1. 把四个按钮都放到ConstraintLayout里
2. 将四个按钮设置成横向链，链样式选择spread_inside（会在按钮间均匀分配间距，两端贴近屏幕边缘）
3. 给整个链设置水平居中约束，让按钮组在屏幕中间显示

代码示例：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮1"
        app:layout_constraintEnd_toStartOf="@+id/btn2"
        app:layout_constraintHorizontal_chainStyle="spread_inside"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮2"
        app:layout_constraintEnd_toStartOf="@+id/btn3"
        app:layout_constraintStart_toEndOf="@+id/btn1"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮3"
        app:layout_constraintEnd_toStartOf="@+id/btn4"
        app:layout_constraintStart_toEndOf="@+id/btn2"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮4"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btn3"
        app:layout_constraintTop_toTopOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

如果你坚持要用GridView，试试这个修复方法 #

之前verticalSpacing和horizontalSpacing无效，大概率是因为你的GridView Item布局里的按钮占满了Item空间，导致间距被完全覆盖。可以这么调整：

1. 给GridView的Item根布局设置padding（比如左右各10dp），或者直接给按钮设置margin
2. 确保GridView的layout_width设为wrap_content，同时加上android:gravity="center"让整个GridView居中
3. 检查适配器代码，不要把按钮宽度设为match_parent

示例Item布局（grid_item.xml）：

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮"/>
</LinearLayout>

GridView布局代码：

<GridView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:horizontalSpacing="0dp"
    android:numColumns="4"
    android:verticalSpacing="0dp"/>

这样设置后，Item的padding就会成为按钮之间的间距，同时GridView整体也能保持居中。

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