使用ConstraintLayout实现无滚动静态布局时多设备显示不一致问题

现有布局的偏差根源 #

• 属性错配：android:layout_weight是LinearLayout的专属布局属性，放在ConstraintLayout中完全不生效，直接导致ImageView的高度计算逻辑失效。
• 约束链条不完整：ImageView只绑定了顶部的父布局约束，没有向下关联相邻组件的约束，设置的0dp（约束填充）高度缺少计算边界，实际尺寸会随设备屏幕高度随机偏移。
• 垂直空间分配逻辑缺失：没有通过ConstraintLayout的垂直约束链完成空间分配，文本、按钮组件没有稳定的位置锚点，不同设备上的元素间距、尺寸占比完全不受控。

无滚动适配的修复方案 #

不需要引入任何滚动容器，只要补全垂直约束链条、用ConstraintLayout原生的垂直权重分配弹性空间，就能实现全屏幕无滚动适配，调整点如下：

1. 移除ImageView上无效的layout_weight属性，把宽度从match_parent改为0dp（约束填充），左右绑定父布局。
2. 给ImageView补全垂直双向约束：顶部绑定父布局顶部，底部绑定标题文本的顶部，形成连续无断点的垂直约束链。
3. 给ImageView设置app:layout_constraintVertical_weight="1"，让它自动占据父布局中除标题、描述、按钮及对应间距之外的所有剩余垂直空间，其他文本、按钮组件保持固有尺寸，不参与弹性拉伸。
4. 把文本、按钮的match_parent宽度统一替换为0dp+左右父布局约束，和原有显示效果一致的同时减少不必要的测量开销。

修正后的完整布局代码：

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <ImageView
        android:id="@+id/imageViewOnboarding"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scaleType="fitCenter"
        android:background="@drawable/onboarding_pantry"
        android:contentDescription="@string/title_splash"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toTopOf="@id/headerText"
        app:layout_constraintVertical_weight="1" />

    <TextView
        android:id="@+id/headerText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/_20sdp"
        android:textSize="@dimen/_20ssp"
        android:textStyle="bold"
        android:textColor="@color/main_text_color"
        android:text="@string/text_start_cooking"
        app:layout_constraintTop_toBottomOf="@id/imageViewOnboarding"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <TextView
        android:id="@+id/headerTextDetail"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:paddingStart="@dimen/_50sdp"
        android:paddingEnd="@dimen/_50sdp"
        android:layout_marginTop="@dimen/_12sdp"
        android:textSize="@dimen/_15ssp"
        android:gravity="center"
        android:lines="2"
        android:textColor="@color/main_text_color_light"
        android:text="@string/text_start_cooking_detail"
        app:layout_constraintTop_toBottomOf="@+id/headerText"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <TextView
        android:id="@+id/getStartedText"
        android:layout_width="0dp"
        android:layout_height="@dimen/_50sdp"
        android:layout_marginTop="@dimen/_40sdp"
        android:layout_marginStart="@dimen/_15sdp"
        android:layout_marginEnd="@dimen/_15sdp"
        android:layout_marginBottom="@dimen/_30sdp"
        android:textSize="@dimen/_17ssp"
        android:gravity="center"
        android:background="@drawable/default_round_button"
        android:text="@string/action_text_getStarted"
        android:textColor="@color/white"
        app:layout_constraintTop_toBottomOf="@+id/headerTextDetail"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

调整后所有尺寸和间距完全固定在设定的数值上，引导图会自动适配剩余空间，无论小屏还是大屏设备，都不会出现元素溢出、位置偏移的问题，不需要额外嵌套滚动容器。

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