如何在GridLayout中居中元素？安卓布局真机适配问题求助

嘿，我太懂你这种挫败感了——设计视图里明明把图片调得整整齐齐居中，一装到手机上就跑偏，新手刚接触安卓布局时真的很容易踩这个坑！咱们来一步步把问题解决掉～

你现在用margin来硬调居中的方式，本质上是用固定间距来“凑”位置，但不同手机的屏幕尺寸、密度不一样，固定的margin值在设计视图和真机上的表现自然会有差异。而且GridLayout本身就自带了更靠谱的居中属性，根本不用靠手动调margin！

1. 用GridLayout内置属性实现真正的居中 #

这是最稳妥的适配方案，不管什么屏幕都能保持居中：

第一步：先把GridLayout的行列配置好 #

确保你的GridLayout明确设置了3行3列，并且占满父容器：

<GridLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="3"
    android:rowCount="3">

第二步：给每个ImageView加居中属性 #

给每个图片视图加上layout_gravity="center"，这个属性会让图片在它所在的网格单元格里自动水平+垂直居中，完全不用手动调margin：

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/你的图片资源"
    android:layout_gravity="center" />

如果想让每个网格单元格均分屏幕空间（比如每个格子占1/3的宽和高），再加上权重属性，这样不管屏幕多大，格子大小都会自动适配：

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/你的图片资源"
    android:layout_gravity="center"
    android:layout_columnWeight="1"
    android:layout_rowWeight="1" />

2. 检查设计视图的预览设备 #

有时候设计视图默认的预览设备和你的真机不一样，导致预览看起来对齐但实际不对。你可以点击设计视图顶部的设备选择下拉框，选和你手机一模一样的型号，这样预览效果就会和真机更贴近啦。

3. 别再用固定margin凑位置了 #

如果一定要用间距，别写死android:margin="20dp"这种固定值，要么用百分比布局，要么换ConstraintLayout配合辅助线来做相对间距，但对于GridLayout来说，用上面说的layout_gravity和权重属性是最简单省心的。

给你个完整的示例代码 #

参考这个3x3 GridLayout的完整写法，直接替换成你的图片资源就能用：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="3"
        android:rowCount="3">

        <!-- 第一行第一列 -->
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/img1"
            android:layout_gravity="center"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1" />

        <!-- 第一行第二列 -->
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/img2"
            android:layout_gravity="center"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1" />

        <!-- 剩下的7个ImageView照着上面的格式写就行 -->

    </GridLayout>

</RelativeLayout>

新手小建议 #

其实现在安卓开发更推荐用ConstraintLayout来做复杂布局，它的适配性比RelativeLayout+GridLayout组合更强，也更容易实现各种对齐、居中效果，你之后可以慢慢尝试上手～

内容的提问来源于stack exchange，提问作者Imane El Khoutayri