ScrollView嵌套RecyclerView卡顿问题及替代解决方案咨询

我的布局结构是顶部普通视图+底部RecyclerView，RecyclerView最多要加载5000条数据。使用NestedScrollView时会出现长时间卡顿；使用普通ScrollView时仅RecyclerView可滚动，但我需要整个布局的所有视图都能滚动。已尝试设置nestedScrollingEnabled="false"等方法无效，现寻求其他解决方案，比如如何在更新Adapter后测量并更新ScrollView的高度。

附布局代码：

<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>
        <import type="android.view.View"/>
        <variable
            name="item"
            type="xxx.models.Category" />
        <variable
            name="query"
            type="String" />

    </data>

    <ScrollView
        android:id="@+id/sc"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:ignore="UselessParent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="@dimen/_5sdp"
            android:orientation="vertical"
            tools:context=".ui.home.HomeFragment">
            <LinearLayout
                android:visibility="@{query.isEmpty() ? View.GONE : View.VISIBLE,default= gone}"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:gravity="center_vertical"
                android:layout_marginBottom="@dimen/_5sdp"
                android:layout_marginHorizontal="@dimen/_5sdp"
                android:background="@color/darkgrey"
                android:layout_height="wrap_content">
            <TextView
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                tools:text="Abaya"
                android:text= "@{String.format(@string/query, query)}"
                android:layout_margin="@dimen/_5sdp"
                android:maxLines="1"
                android:ellipsize="end"
                android:gravity="center"
                android:textColor="@color/white"
                android:padding="@dimen/_5sdp"
                style="@style/titleText" />
            <ImageView
                android:id="@+id/clear"
                android:layout_width="@dimen/_24sdp"
                android:layout_height="@dimen/_24sdp"
                android:layout_marginHorizontal="@dimen/_5sdp"
                android:foreground="?attr/selectableItemBackground"
                android:src="@drawable/ic_close"
                app:tint="@color/white" />
            </LinearLayout>

            <androidx.cardview.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="@dimen/_5sdp"
                app:cardCornerRadius="@dimen/_5sdp">

                <ae.eds.fatima.helper.SliderView
                    android:id="@+id/slider"
                    android:overScrollMode="never"
                    android:layout_width="match_parent"
                    app:cardElevation="@dimen/_5sdp"
                    android:layout_height="@dimen/_120sdp" />
            </androidx.cardview.widget.CardView>


            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/categories"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:overScrollMode="never"
                android:layout_gravity="start"
                android:layout_marginTop="@dimen/_5sdp"
                tools:itemCount="8"
                app:spanCount="4"
                android:orientation="vertical"
                app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
                tools:listitem="@layout/home_subcategory_entry" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="@dimen/_5sdp"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content"
                    android:textSize="@dimen/header4"
                    android:textColor="@color/black"
                    android:text="Recomended" />

                <TextView
                    android:id="@+id/filter"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end"
                    android:textSize="@dimen/header4"
                    android:drawableStart="@drawable/ic_filter"
                    android:textColor="@color/black"
                    android:text="Filter" />
            </LinearLayout>

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/products"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:nestedScrollingEnabled="true"
                android:overScrollMode="never"
                android:orientation="vertical"
                tools:itemCount="10"
                app:spanCount="2"
                app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
                tools:listitem="@layout/product_entry" />


        </LinearLayout>
    </ScrollView>
</layout>

可行解决方案 #

方案1：动态计算RecyclerView高度（适配ScrollView嵌套） #

先将RecyclerView的nestedScrollingEnabled设为false，然后在Adapter数据更新后，计算RecyclerView的总高度并设置，让ScrollView识别完整布局高度实现整体滚动。

代码实现（Kotlin）：

fun adjustRecyclerViewHeight(recyclerView: RecyclerView) {
    val layoutManager = recyclerView.layoutManager as? GridLayoutManager ?: return
    val adapter = recyclerView.adapter ?: return
    val spanCount = layoutManager.spanCount
    val totalItems = adapter.itemCount
    if (totalItems == 0) return

    // 计算总行数
    val rowCount = Math.ceil(totalItems.toDouble() / spanCount).toInt()
    // 获取单个Item的高度（假设所有Item高度一致）
    val itemViewHolder = adapter.createViewHolder(recyclerView, adapter.getItemViewType(0))
    val itemView = itemViewHolder.itemView
    itemView.measure(
        View.MeasureSpec.makeMeasureSpec(recyclerView.width, View.MeasureSpec.EXACTLY),
        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
    )
    val singleItemHeight = itemView.measuredHeight

    // 计算总高度：Item总高度 + 间距 + 内边距
    val totalHeight = rowCount * singleItemHeight +
            layoutManager.verticalSpacing * (rowCount - 1) +
            recyclerView.paddingTop + recyclerView.paddingBottom

    // 设置RecyclerView高度
    val params = recyclerView.layoutParams
    params.height = totalHeight
    recyclerView.layoutParams = params
}

调用时机：在Adapter调用notifyDataSetChanged()或submitList()之后执行。

注意：如果Item高度不一致，遍历所有Item计算会导致性能问题（5000条数据更明显），建议固定Item高度。

方案2：NestedScrollView配合性能优化（缓解卡顿） #

如果坚持使用NestedScrollView，必须做以下优化来避免卡顿：

• 给RecyclerView设置setHasFixedSize(true)，减少布局重绘
• 分页加载数据：不要一次性加载5000条，每次加载20-30条，滚动到底部时再加载下一页
• 优化Adapter性能：使用ViewHolder复用，减少布局层级，避免在onBindViewHolder中执行耗时操作，用DiffUtil做增量更新
• 禁用RecyclerView嵌套滚动：recyclerView.isNestedScrollingEnabled = false

方案3：替换为单一RecyclerView（推荐最优解） #

把整个布局改成一个RecyclerView，通过多类型Item实现顶部视图和底部列表的组合。这种方式利用RecyclerView的回收复用机制，完美处理大量数据，不会有嵌套滚动的性能问题。

实现步骤：

1. 定义不同的Item类型常量（比如：TYPE_SEARCH_BAR、TYPE_SLIDER、TYPE_CATEGORIES、TYPE_PRODUCT等）
2. 在Adapter中重写getItemViewType()，根据位置返回对应的Item类型
3. 在onCreateViewHolder()中根据Item类型创建对应的ViewHolder
4. 在onBindViewHolder()中绑定对应类型的数据和视图逻辑

这种方案是处理长列表+多视图组合的标准方式，能保证滚动流畅性，同时避免嵌套布局带来的性能损耗。

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