Android旧版设备布局错乱求助：底部控件被挤压几乎不可见

问题根源分析 #

1. 单位使用错误：布局间距误用sp单位（android:layout_marginTop="15sp"），sp是专为文字大小设计的单位，用于布局间距会导致旧系统（如API 24）的布局计算异常，应替换为dp。
2. 子视图超出父容器：父LinearLayout尺寸为50dp×50dp，但内部Lottie动画视图设置为70dp×70dp，超出父容器的尺寸会让旧系统的布局测量逻辑出现偏差，导致父布局高度计算错误。
3. 混合布局属性：切换到ConstraintLayout后，仍保留RelativeLayout的android:layout_below="@id/cardview"属性，ConstraintLayout无法识别该属性，需改用自身的约束规则。
4. 底部布局缺少约束：原布局中底部容器未设置与父容器底部的关联约束，当上方内容较多时，旧系统可能优先挤压底部布局。

修复方案及代码示例 #

方案1：修正原有RelativeLayout问题

<RelativeLayout   
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/cardview"
    android:layout_marginTop="15dp" <!-- 把sp改为dp -->
    android:padding="10dp"> <!-- 增加内边距避免Lottie超出可视区域 -->

    <LinearLayout
        android:layout_width="70dp" <!-- 调整父容器尺寸匹配Lottie -->
        android:layout_height="70dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:gravity="center"
        android:elevation="8dp"
        android:background="@drawable/button_reload">
        <com.airbnb.lottie.LottieAnimationView
            android:id="@+id/reload"
            android:layout_width="match_parent" <!-- 改为match_parent填充父容器 -->
            android:layout_height="match_parent"
            app:lottie_rawRes="@raw/reload"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="70dp" <!-- 调整父容器尺寸匹配Lottie -->
        android:layout_height="70dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentTop="true"
        android:gravity="center"
        android:elevation="8dp"
        android:background="@drawable/button_send">
        <com.airbnb.lottie.LottieAnimationView
            android:id="@+id/send"
            android:layout_width="match_parent" <!-- 改为match_parent填充父容器 -->
            android:layout_height="match_parent"
            app:lottie_rawRes="@raw/tick"/>
    </LinearLayout>
</RelativeLayout>

方案2：正确使用ConstraintLayout（推荐）

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    app:layout_constraintTop_toBottomOf="@id/cardview" <!-- 替换为ConstraintLayout的约束 -->
    app:layout_constraintBottom_toBottomOf="parent" <!-- 添加底部约束，避免被挤压 -->
    android:padding="10dp">

    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/reload"
        android:layout_width="70dp"
        android:layout_height="70dp"
        app:lottie_rawRes="@raw/reload"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/send"
        android:layout_width="70dp"
        android:layout_height="70dp"
        app:lottie_rawRes="@raw/tick"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

额外优化建议 #

• 若外层RelativeLayout内有大量内容，建议直接将整个外层布局替换为ConstraintLayout，减少嵌套层级的同时，让布局约束更清晰，旧系统兼容性更好。
• 检查@id/cardview的布局是否设置了正确的底部约束，避免它占用过多空间导致底部布局被挤压。

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