Android NestedScrollView与ConstraintLayout布局异常求助

问题核心 #

使用NestedScrollView+ConstraintLayout构建的弹窗布局，预览正常但运行后适配异常，固定500dp高度仅在6英寸屏幕显示正常，其他尺寸屏幕布局混乱。

问题点定位 #

原布局存在3个关键错误：

• NestedScrollView宽度设为wrap_content，无法适配父容器宽度，导致内容横向显示异常
• 内部CoordinatorLayout高度设为match_parent，会强制占满NestedScrollView剩余空间，挤压RecyclerView和其他元素
• NestedScrollView高度使用自定义dimen值@dimen/match_constraint，而非ConstraintLayout中用于匹配约束的标准0dp；底部按钮宽度用@dimen/empty，导致宽度异常

修复后的完整布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:background="@drawable/background_bottom_sheet_radius_16"
    tools:context=".FilterActiveIpdDialog">

    <ImageView
        android:id="@+id/ic_filter_close_active_ipd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginVertical="@dimen/medium_fit"
        android:layout_marginStart="@dimen/medium"
        android:src="@drawable/ic_close_grey"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="ContentDescription,ImageContrastCheck" />

    <com.google.android.material.textview.MaterialTextView
        android:id="@+id/tv_filter_header"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/large"
        android:text="@string/filter"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Headline5"
        android:textColor="@color/colorBlackGrade"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="@id/ic_filter_close_active_ipd"
        app:layout_constraintStart_toEndOf="@id/ic_filter_close_active_ipd"
        app:layout_constraintTop_toTopOf="@id/ic_filter_close_active_ipd" />

    <androidx.core.widget.NestedScrollView
        android:id="@+id/layout_rv_filter_active_ipd"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginTop="@dimen/medium"
        android:layout_marginBottom="@dimen/medium"
        app:layout_constraintBottom_toTopOf="@id/btn_filter_dialog_active_ipd"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/ic_filter_close_active_ipd">

        <LinearLayout
            android:id="@+id/layout_bottom_sheet_active_ipd"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/rv_hospital"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/medium_fit"
                android:layout_marginEnd="@dimen/small"
                tools:listitem="@layout/item_hospital_filter_active_ipd" />

            <View
                android:id="@+id/div_filter"
                android:layout_width="match_parent"
                android:layout_height="@dimen/micro"
                android:layout_marginTop="@dimen/medium"
                android:background="@color/colorBlackGrade" />

            <androidx.coordinatorlayout.widget.CoordinatorLayout
                android:id="@+id/layout_all_ward_active_ipd"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/medium_fit"
                android:layout_marginTop="@dimen/small"
                android:layout_marginEnd="@dimen/small"
                android:paddingVertical="@dimen/small">

                <com.google.android.material.textview.MaterialTextView
                    android:id="@+id/tv_filter__all_ward"
                    style="@style/TextAppearance.AppCompat.Title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="start|center_vertical"
                    android:text="@string/all_wards"
                    android:textColor="@color/colorBlackGrade"
                    android:textSize="@dimen/text_medium" />

                <com.google.android.material.checkbox.MaterialCheckBox
                    android:id="@+id/cb_all_ward"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end"
                    android:buttonTint="@color/colorPrimaryMid"
                    android:text=""
                    tools:ignore="HardcodedText" />

            </androidx.coordinatorlayout.widget.CoordinatorLayout>

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/rv_ward"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/medium_fit"
                android:layout_marginEnd="@dimen/small"
                tools:listitem="@layout/item_ward_filter_active_ipd" />

        </LinearLayout>
    </androidx.core.widget.NestedScrollView>

    <com.google.android.material.button.MaterialButton
        android:id="@+id/btn_filter_dialog_active_ipd"
        style="@style/Widget.CoreTheme.ButtonRadius"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="@dimen/large"
        android:layout_marginBottom="@dimen/medium"
        android:paddingTop="@dimen/medium"
        android:paddingBottom="@dimen/medium"
        android:text="@string/filter"
        android:textColor="@color/colorWhite"
        android:textSize="@dimen/text_small"
        app:backgroundTint="@color/colorSecondaryBase"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:ignore="DuplicateSpeakableTextCheck,TextContrastCheck" />

</androidx.constraintlayout.widget.ConstraintLayout>

修复说明 #

1. NestedScrollView：宽度改为match_parent确保横向填充满父容器；高度改为0dp，通过上下约束（顶部对齐关闭按钮底部、底部对齐按钮顶部）自适应剩余空间，替代固定高度或自定义dimen，适配所有屏幕尺寸。
2. CoordinatorLayout：高度改为wrap_content，仅包裹内部文本和复选框，避免挤压其他列表内容。
3. 底部按钮：宽度改为match_parent，确保按钮在所有屏幕上横向填充满父容器。

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