Android底部弹窗LinearLayout布局元素重叠仅显示部分组件问题求助

问题根因 #

• 高度测量冲突：顶部横向LinearLayout高度设置为wrap_content，但内部所有子控件的layout_height均使用match_parent，触发父容器与子控件的高度测量循环，导致靠前的标题、开始时间控件被挤压出可视区域。
• 无统一对齐规则：不同字号的文本控件、进度条没有垂直对齐规则，高度差异会导致部分控件偏移出可视范围。
• 文本未赋值：如果业务代码中没有给title、startTime两个TextView设置非空文本，控件默认展示空内容，也会造成不显示的错觉。

样例布局参考：

修复后的XML布局 #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorMenuBackground"
    android:layout_gravity="fill_horizontal">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:paddingStart="10dp"
        android:paddingTop="10dp"
        android:paddingEnd="10dp">

        <TextView
            android:id="@+id/title"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="4"
            android:textAlignment="textStart"
            android:textColor="@color/colorMenuText"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/startTime"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="8dp"
            android:layout_weight="1"
            android:textColor="@color/colorMenuText"
            android:textSize="14sp" />

        <ProgressBar
            android:id="@+id/simpleProgressBar"
            style="@style/Widget.AppCompat.ProgressBar.Horizontal"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:max="100" />

        <TextView
            android:id="@+id/endTime"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_weight="1"
            android:textColor="@color/colorMenuText"
            android:textAlignment="textEnd"
            android:textSize="14sp" />

    </LinearLayout>

    <TextView
        android:id="@+id/body"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/colorMenuText"
        android:textSize="20sp"
        android:paddingBottom="10dp"
        android:paddingStart="10dp"
        android:paddingEnd="10dp"/>
</LinearLayout>

额外优化说明 #

• 移除了最外层LinearLayout冗余的android:gravity="bottom"属性，避免垂直排列的控件出现不必要的偏移
• 给时间控件和进度条之间添加了水平margin，避免元素挤在一起
• 将正文TextView的宽度改为match_parent，避免长文本换行异常

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