在ConstraintLayout中嵌套ScrollView后内部视图消失的解决方法

我帮你排查了一下布局代码，导致ScrollView内视图消失的核心问题是在ConstraintLayout中错误使用了LinearLayout专属的属性，另外还有一些布局约束的小细节需要调整，下面是具体的修复方案和替代思路：

问题根源 #

你给ScrollView添加了android:layout_gravity和android:layout_weight这两个属性，但这两个属性仅适用于LinearLayout的子视图，在ConstraintLayout中完全不生效。这些无效属性会干扰ConstraintLayout的布局计算，最终导致ScrollView内部的LinearLayout及ImageView无法正确渲染。

修复步骤 #

1. 移除无效属性 #

先把ScrollView上的layout_gravity和layout_weight删掉，保留ConstraintLayout支持的约束属性即可。

2. 确认ScrollView的约束完整性 #

你的ScrollView已经设置了start、top、bottom与父布局的约束，加上固定的125dp宽度，约束是完整的，不需要额外调整。

3. 确保内部LinearLayout的布局正确性 #

内部的LinearLayout已经设置了layout_width="match_parent"和layout_height="wrap_content"，这个是正确的，能保证它填满ScrollView的宽度，同时高度随内容自适应。

修改后的完整布局代码 #

<android.support.constraint.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="#000000" 
    android:id="@+id/cameraView">

    <ScrollView 
        android:id="@+id/thumbnails" 
        android:layout_width="125dp" 
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent" 
        app:layout_constraintStart_toStartOf="parent" 
        app:layout_constraintTop_toTopOf="parent">
        
        <LinearLayout 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:background="@color/colorPrimary" 
            android:orientation="vertical">
            
            <ImageView 
                android:id="@+id/img1" 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:adjustViewBounds="true" 
                app:srcCompat="@mipmap/left" />
                
            <ImageView 
                android:id="@+id/img2" 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:adjustViewBounds="true" 
                app:srcCompat="@mipmap/leftoblique" />
                
            <ImageView 
                android:id="@+id/img3" 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:adjustViewBounds="true" 
                app:srcCompat="@mipmap/front" />
                
            <ImageView 
                android:id="@+id/img4" 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:adjustViewBounds="true" 
                app:srcCompat="@mipmap/right_obl_initial" />
                
            <ImageView 
                android:id="@+id/img5" 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:adjustViewBounds="true" 
                app:srcCompat="@mipmap/right" />
        </LinearLayout>
    </ScrollView>
    
    <!-- 其他视图保持不变 -->
    . . <!-- Other Views --> . . .
</android.support.constraint.ConstraintLayout>

替代实现方式 #

如果你的布局需求是“左侧固定宽度的滚动缩略栏+右侧主内容区”，也可以用LinearLayout来替代ConstraintLayout，实现起来更简单：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:orientation="horizontal">

    <ScrollView
        android:id="@+id/thumbnails"
        android:layout_width="125dp"
        android:layout_height="match_parent">
        
        <!-- 内部LinearLayout和ImageView代码和之前一致 -->
    </ScrollView>

    <!-- 右侧主内容视图，设置layout_width="0dp"和layout_weight="1"占满剩余宽度 -->
    <YourMainContentView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />
</LinearLayout>

这个方案不需要复杂的约束配置，适合这种简单的左右分栏布局场景。

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