NestedScrollView内嵌ListView如何实现整个页面整体滚动

解决方案 #

问题原因 #

你遇到的滚动冲突是因为ListView本身是可滚动控件，嵌套在NestedScrollView中时会优先消费滚动事件，同时你给ListView设置了android:layout_height="match_parent"，导致它只会在自身区域内滚动，不会跟随外部ScrollView整体滑动。

修改方案 #

方案1：嵌套滚动适配（适合ListView数据量较小的场景）

1. 修改布局中ListView的配置
   调整ListView高度为wrap_content，同时关闭嵌套滚动：

<ListView
    android:id="@+id/eventsListView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:nestedScrollingEnabled="false"
    android:padding="2dp"/>

2. 代码中动态计算ListView高度
   给ListView设置完适配器后，调用工具方法展开全部item，让它的高度完全适配内容，不会触发自身滚动：

• Kotlin 示例代码：

fun setListViewHeightBasedOnChildren(listView: ListView) {
    val listAdapter = listView.adapter ?: return
    var totalHeight = 0
    val desiredWidth = View.MeasureSpec.makeMeasureSpec(listView.width, View.MeasureSpec.AT_MOST)
    for (i in 0 until listAdapter.count) {
        val listItem = listAdapter.getView(i, null, listView)
        listItem.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED)
        totalHeight += listItem.measuredHeight
    }
    val params = listView.layoutParams
    params.height = totalHeight + (listView.dividerHeight * (listAdapter.count - 1))
    listView.layoutParams = params
    listView.requestLayout()
}

• Java 示例代码：

public void setListViewHeightBasedOnChildren(ListView listView) {
    ListAdapter listAdapter = listView.getAdapter();
    if (listAdapter == null) return;
    int totalHeight = 0;
    int desiredWidth = View.MeasureSpec.makeMeasureSpec(listView.getWidth(), View.MeasureSpec.AT_MOST);
    for (int i = 0; i < listAdapter.getCount(); i++) {
        View listItem = listAdapter.getView(i, null, listView);
        listItem.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED);
        totalHeight += listItem.getMeasuredHeight();
    }
    ViewGroup.LayoutParams params = listView.getLayoutParams();
    params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
    listView.setLayoutParams(params);
    listView.requestLayout();
}

3. ListView接入CardView
   直接把ListView的item布局根节点替换为CardView即可，示例item布局：

<!-- list_item_event.xml -->
<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    android:elevation="4dp"
    android:cornerRadius="8dp">
    
    <!-- 此处放置item的业务内容 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:orientation="vertical">
        <TextView
            android:id="@+id/tvEventTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="16sp"
            android:textStyle="bold"/>
        <TextView
            android:id="@+id/tvEventTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:layout_marginTop="4dp"/>
    </LinearLayout>
</androidx.cardview.widget.CardView>

注意如果项目未引入CardView依赖，需要在模块级build.gradle的dependencies块中添加：

implementation 'androidx.cardview:cardview:1.0.0'

方案2：全页RecyclerView重构（更推荐，适合所有场景）

你当前布局同时嵌套了RecyclerView和ListView，可以直接用单个RecyclerView实现全页内容，通过多类型Item区分不同模块：

1. 移除外层NestedScrollView，根布局直接放一个RecyclerView
2. 定义4种Item类型：

• 顶部横向双TextView模块
• 原400dp高的RecyclerView内容模块
• 中间标题TextView模块
• 底部CardView列表模块
  这种方案天然支持全页整体滚动，没有滚动冲突问题，性能远优于嵌套滚动方案，数据量大的场景下不会出现卡顿。

注意事项 #

• 嵌套滚动适配方案仅适合ListView数据量小于20条的场景，数据量过大会导致一次性渲染全部Item带来性能损耗
• 若使用全页RecyclerView方案，不需要处理任何滚动冲突逻辑，系统会自动复用Item，性能最优

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