Android布局异常：EditText等控件重复叠加显示问题求助

嘿，这个问题我太熟悉了——你看到的EditText、TextView、Switch重复叠加显示、颜色偏暗的情况，本质是两个Fragment被设置成了同时占据整个Activity的高度，导致它们在屏幕上完全重叠，控件层叠在一起就出现了这种视觉bug。

问题根源分析 #

你的activity_main.xml采用了垂直方向的LinearLayout，给两个<fragment>都设置了android:layout_height="match_parent"和android:layout_weight="1"。但在LinearLayout中使用layout_weight的正确逻辑是：将对应方向的尺寸设为0dp，否则match_parent会让每个Fragment先尝试占满整个父布局高度，再按权重分配空间，最终导致两个Fragment的高度都是整个屏幕，完全重叠在一起。

另外，fragment_calculation.xml里的内层LinearLayout和Button都用了android:layout_height="match_parent"，这会导致内部控件过度拉伸，也会加剧布局异常的问题。

修复步骤&修改后的代码 #

1. 修正Activity的Fragment布局

把两个Fragment的android:layout_height改成0dp，保留layout_weight="1"，这样它们会平分Activity的垂直空间，上下排列而不是重叠：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    tools:context=".QuickSteuerActivity">

    <fragment
        android:id="@+id/calculation_fragment"
        android:name="de.immozukunft.quicksteuer.CalculationFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp" <!-- 关键修改：从match_parent改为0dp -->
        android:layout_weight="1" />

    <fragment
        android:id="@+id/settings_overview_fragment"
        android:name="de.immozukunft.quicksteuer.SettingsFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp" <!-- 关键修改：从match_parent改为0dp -->
        android:layout_weight="1" />

</LinearLayout>

2. 优化Fragment内部布局

把fragment_calculation.xml中那些match_parent的高度改成wrap_content，避免控件过度拉伸，同时添加少量margin/padding优化界面美观度：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fragment_calculation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" <!-- 修改为wrap_content -->
        android:orientation="vertical"
        android:padding="16dp"> <!-- 添加内边距优化布局 -->

        <EditText
            android:id="@+id/turnover"
            android:defaultValue="0"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/turnover_tax"
            android:inputType="numberDecimal"
            android:textSize="36sp"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" <!-- 修改为wrap_content -->
            android:orientation="horizontal"
            android:layout_marginVertical="8dp"> <!-- 添加垂直间距 -->

            <TextView
                android:id="@+id/turnover_vattxt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="10dp"
                android:text="@string/turnover_vattxt"
                android:visibility="visible" />

            <Switch
                android:id="@+id/turnover_vat"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="end"
                android:foregroundGravity="top"
                android:title="@string/industrial_tax"
                android:visibility="visible" />
        </LinearLayout>

        <EditText
            android:id="@+id/costs"
            android:defaultValue="0"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/costs"
            android:inputType="numberDecimal"
            android:textSize="36sp"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" <!-- 修改为wrap_content -->
            android:orientation="horizontal"
            android:layout_marginVertical="8dp"> <!-- 添加垂直间距 -->

            <TextView
                android:id="@+id/costs_vattxt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="10dp"
                android:text="@string/turnover_vattxt"
                android:visibility="visible" />

            <Switch
                android:id="@+id/costs_vat"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:title="@string/industrial_tax"
                android:visibility="visible" />
        </LinearLayout>

        <Button
            android:id="@+id/btncalculate"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" <!-- 修改为wrap_content -->
            android:text="@string/calculate"
            android:textSize="24sp"
            android:layout_marginTop="16dp" /> <!-- 添加顶部间距 -->
    </LinearLayout>
</FrameLayout>

效果说明 #

修改后，两个Fragment会上下平分Activity的屏幕空间，各自显示自己的控件，不会再重叠。同时Fragment内部的控件也会正常排列，不会过度拉伸，界面美观度也会提升。

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