ScrollView嵌套ListView显示异常，点击搜索后如何让ListView占满父布局？

嗨，这个问题我之前开发时也碰到过，核心原因就是Android不允许嵌套滚动组件（ScrollView和ListView都属于滚动容器），嵌套后ListView的match_parent会彻底失效——因为ScrollView会给子View提供无限的垂直空间，ListView根本无法正确计算自身应该占据的高度。

不过别担心，我们可以通过调整布局结构+代码控制的方式完美解决，目标就是：搜索前显示带ScrollView的首页内容，搜索后让ListView完全占据屏幕，摆脱ScrollView的约束。

第一步：重构布局结构 #

把原来嵌套的结构改成同级覆盖的方式，用FrameLayout作为根布局，让ScrollView（首页内容）和ListView容器（搜索结果）互相覆盖，默认显示ScrollView，搜索后切换显示ListView容器。

以你的垂直布局为例，修改后的完整布局如下：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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="com.example.android.booklisting.MainActivity">

    <!-- 搜索前显示的首页内容（带ScrollView） -->
    <ScrollView
        android:id="@+id/home_scroll_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <!-- 原搜索栏布局 -->
            <LinearLayout
                android:id="@+id/searchlayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="@dimen/margin"
                android:orientation="vertical">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">
                    <EditText
                        android:id="@+id/rinkiklis"
                        android:layout_width="@dimen/weighted"
                        android:layout_height="wrap_content"
                        android:layout_weight="7"/>
                    <Button
                        android:id="@+id/searchButton"
                        android:foreground="?attr/selectableItemBackground"
                        android:layout_width="@dimen/weighted"
                        android:layout_height="@dimen/searchimage"
                        android:layout_weight="1"
                        android:background="@drawable/glass"/>
                </LinearLayout>
            </LinearLayout>
            <!-- 进度条 -->
            <ProgressBar
                android:id="@+id/progress"
                style="@style/Widget.AppCompat.ProgressBar"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/searchlayout"
                android:layout_centerInParent="true"
                android:visibility="gone" />
            <!-- 热门书籍布局 -->
            <RelativeLayout
                android:id="@+id/mostpopular"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_below="@+id/searchlayout">
                <TextView
                    android:id="@+id/popular"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Populiariausios knygos"
                    android:textSize="@dimen/largeText"
                    android:textAlignment="center"/>
                <!-- 保留你原来的书籍卡片布局 -->
                <RelativeLayout
                    android:layout_marginTop="@dimen/marginTopVerySmall"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/popular">
                    <!-- 原pirmaslayout、antraslayout等内容 -->
                </RelativeLayout>
            </RelativeLayout>
        </RelativeLayout>
    </ScrollView>

    <!-- 搜索后显示的结果容器（默认隐藏） -->
    <LinearLayout
        android:id="@+id/search_result_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:visibility="gone">

        <TextView
            android:id="@+id/emptyview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:visibility="gone" />

        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>

</FrameLayout>

水平布局的修改逻辑完全一致，只需把ScrollView里的内容替换成你原来的水平布局内容即可。

第二步：代码中控制显示切换 #

在你的MainActivity里，找到搜索按钮的点击事件，添加切换逻辑：

// 初始化控件
ScrollView homeScroll = findViewById(R.id.home_scroll_view);
LinearLayout resultContainer = findViewById(R.id.search_result_container);
ListView listView = findViewById(R.id.listview);
Button searchBtn = findViewById(R.id.searchButton);

// 搜索按钮点击事件
searchBtn.setOnClickListener(v -> {
    // 1. 隐藏首页的ScrollView
    homeScroll.setVisibility(View.GONE);
    // 2. 显示搜索结果容器
    resultContainer.setVisibility(View.VISIBLE);
    // 3. 加载并设置ListView的适配器（替换成你的数据加载逻辑）
    // Example: YourBookAdapter adapter = new YourBookAdapter(this, bookList);
    // listView.setAdapter(adapter);
});

第三步：优化返回体验（可选） #

如果希望用户点击返回键能回到首页而不是退出APP，可以重写onBackPressed方法：

@Override
public void onBackPressed() {
    if (resultContainer.getVisibility() == View.VISIBLE) {
        // 切换回首页
        resultContainer.setVisibility(View.GONE);
        homeScroll.setVisibility(View.VISIBLE);
    } else {
        // 正常退出
        super.onBackPressed();
    }
}

方案为什么可行？ #

通过把ScrollView和ListView容器改成同级，我们彻底避免了嵌套滚动组件的问题。搜索后ListView直接作为FrameLayout的子View，match_parent就能正确占据整个屏幕空间，再也不会出现尺寸极小的情况。

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