Android Studio中GridLayout设置columnCount≥3时内容溢出如何修复

原生GridLayout本身没有提供自动换行的特性，你指定columnCount属性后，它只会按固定列数在同一行排列子控件，当行内子控件总宽度超出父布局宽度时，不会自动将超出的子控件切换到下一行，直接就会出现内容溢出的问题。你之前设置columnCount=2时未溢出是因为2个160dp的子控件总宽度刚好适配当前设备宽度，当列数提升到3及以上时，子控件总宽度超过父布局宽度就会触发溢出。

方案1：使用FlexboxLayout替代（最推荐） #

FlexboxLayout是谷歌官方推出的流式布局控件，天然支持自动换行功能，适配你的需求成本最低。

1. 首先在模块级build.gradle中添加依赖：

dependencies {
    implementation "com.google.android.flexbox:flexbox:3.0.0"
}

2. 替换布局代码如下：

<com.google.android.flexbox.FlexboxLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:flexDirection="row"
    app:flexWrap="wrap"
    app:justifyContent="center">

    <FrameLayout
         android:layout_width="160dp"
         android:layout_height="wrap_content"
         android:layout_margin="8dp"/>
    <FrameLayout
         android:layout_width="160dp"
         android:layout_height="wrap_content"
         android:layout_margin="8dp"/>
    <FrameLayout
         android:layout_width="160dp"
         android:layout_height="wrap_content"
         android:layout_margin="8dp"/>

</com.google.android.flexbox.FlexboxLayout>

设置app:flexWrap="wrap"即可实现超出自动换行的效果，还可以通过justifyContent、alignItems等属性调整子控件的对齐规则。

方案2：使用RecyclerView+GridLayoutManager #

如果你的子控件是动态列表类型，更推荐用列表实现，性能更好，也原生支持自动换行：

// 代码中设置布局管理器
recyclerView.layoutManager = GridLayoutManager(context, 3) // 第二个参数就是列数

方案3：动态计算GridLayout行号（不推荐） #

如果必须使用GridLayout，可以在代码中动态计算每行可容纳的子控件数量，手动给每个子控件指定layout_row参数实现换行，需要额外计算屏幕宽度、子控件宽度、间距等参数，适配成本较高。

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