如何修复返回键按下时Fragment中的按钮变形问题？

我帮你排查下这个Fragment返回后按钮变形的问题，先梳理根源再给你修复方案：

问题根源 #

从你的布局代码和截图来看，主要是这几个点导致了返回后的布局错乱：

• 每个CardView里都嵌套了一个空的LinearLayout，这个控件完全没有实际作用，反而会干扰CardView内部的布局计算逻辑，在Fragment返回重绘时引发尺寸计算异常。
• Button使用了旧的fill_parent属性（虽然功能和match_parent一致，但官方推荐使用后者），同时缺少合理的内边距设置，叠加GridLayout的权重配置，进一步放大了重绘时的布局偏差。

修复步骤 #

1. 移除无用的空LinearLayout：把所有CardView里的空LinearLayout删掉，减少冗余布局层级，避免干扰布局计算。
2. 调整Button的布局属性：将Button的宽高改为match_parent，添加合适的内边距让文字不贴边，同时设置gravity="center"保证文字居中。
3. 可选：强制触发布局重算：如果修改后仍偶发错乱，可在Fragment的onViewCreated中手动触发一次布局请求，确保返回时布局正确计算。

修改后的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:id="@+id/category_events_layout"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".Fragments.FragmentCategoryEvents"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="10">

    <RelativeLayout
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp">

        <TextView
            android:id="@+id/textGrid"
            android:text="Scegli una categoria"
            android:textSize="25sp"
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </RelativeLayout>

    <GridLayout
        android:columnCount="2"
        android:rowCount="2"
        android:alignmentMode="alignMargins"
        android:columnOrderPreserved="false"
        android:layout_weight="8"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:padding="14dp">

        <!-- Riga 1 -->
        <!-- Colonna 1 -->
        <android.support.v7.widget.CardView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:layout_marginBottom="16dp"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            app:cardElevation="8dp"
            app:cardCornerRadius="8dp">

            <Button
                android:id="@+id/btn_auto"
                android:text="Auto"
                android:textSize="18sp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="16dp"
                android:gravity="center"/>
        </android.support.v7.widget.CardView>

        <!-- colonna 2 -->
        <android.support.v7.widget.CardView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:layout_marginBottom="16dp"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            app:cardElevation="8dp"
            app:cardCornerRadius="8dp">

            <Button
                android:id="@+id/btn_moto"
                android:text="Moto"
                android:textSize="18sp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="16dp"
                android:gravity="center"/>
        </android.support.v7.widget.CardView>

        <!-- Riga 2 -->
        <!-- Colonna 1 -->
        <android.support.v7.widget.CardView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:layout_marginBottom="16dp"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            app:cardElevation="8dp"
            app:cardCornerRadius="8dp">

            <Button
                android:id="@+id/btn_corsa"
                android:text="Corsa"
                android:textSize="18sp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="16dp"
                android:gravity="center"/>
        </android.support.v7.widget.CardView>

        <!-- colonna 2 -->
        <android.support.v7.widget.CardView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:layout_marginBottom="16dp"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            app:cardElevation="8dp"
            app:cardCornerRadius="8dp">

            <Button
                android:id="@+id/btn_bicicletta"
                android:text="Bicicletta"
                android:textSize="18sp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="16dp"
                android:gravity="center"/>
        </android.support.v7.widget.CardView>
    </GridLayout>
</LinearLayout>

额外优化建议 #

如果修改后仍偶尔出现布局错乱，可在Fragment的onViewCreated中添加代码强制触发布局重算：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    // 手动触发布局请求，避免返回时布局偏差
    category_events_layout.requestLayout()
}

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