在ConstraintLayout中嵌套ScrollView时内部控件消失的原因及解决办法

• ScrollView未开启android:fillViewport属性：该属性默认为false，当内部子布局高度小于ScrollView可视高度时，子布局会被收缩甚至不可见。
• 内部子ConstraintLayout高度配置错误：如果子ConstraintLayout的高度设置为match_parent，由于ScrollView本身是滚动容器，高度方向无边界，match_parent会失效，最终子布局高度变为0导致所有控件消失。
• 约束引用的Guideline配置错误：你给ScrollView的宽高都设为0dp，依赖上下左右四个Guideline确定范围，若垂直引导线vertical_2位置在vertical_98右侧，或水平引导线horizontal_10位置在horizontal_98下方，会直接导致ScrollView的宽/高被压缩为0，自然看不到内部内容。
• 内部子控件约束缺失：如果内部ConstraintLayout里的控件没有加正确的约束，也会出现控件不可见的情况。

1. 给ScrollView添加android:fillViewport="true"属性，允许子布局填充ScrollView的可视区域。
2. 修改ScrollView内部子ConstraintLayout的高度为wrap_content，宽度保持match_parent即可。
3. 检查四个Guideline的配置：
   • 垂直引导线vertical_2的百分比/偏移量要小于vertical_98
   • 水平引导线horizontal_10的百分比/偏移量要小于horizontal_98
4. 检查内部ConstraintLayout中所有控件的约束是否完整，避免约束缺失导致控件位置异常。

<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"
    tools:context=".home.profile.PreViewProfileFragment">

    <!-- 确保这四个Guideline配置位置正确 -->
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/vertical_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.02" />
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/vertical_98"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.98" />
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/horizontal_10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.1" />
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/horizontal_98"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.98" />

    <ScrollView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:fillViewport="true"
        app:layout_constraintStart_toEndOf="@id/vertical_2"
        app:layout_constraintEnd_toEndOf="@id/vertical_98"
        app:layout_constraintTop_toTopOf="@id/horizontal_10"
        app:layout_constraintBottom_toBottomOf="@id/horizontal_98">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <!-- 这里放内部的所有控件 -->

        </androidx.constraintlayout.widget.ConstraintLayout>

    </ScrollView>

</androidx.constraintlayout.widget.ConstraintLayout>

内容的提问来源于stack exchange，提问作者Lộc Trần Phước