ScrollView 内的 Recyclerview 滚动不流畅

Question

对于我的应用程序，我在 ScrollView 中使用 RecyclerView，其中 RecyclerView 的高度基于使用 this library 的内容。滚动工作正常，但当我滚动 RecyclerView 时，它工作不流畅。当我滚动 ScrollView 本身时，它正在平滑滚动。

我用来定义 RecyclerView 的代码：

LinearLayoutManager friendsLayoutManager = new LinearLayoutManager(getActivity().getApplicationContext(), android.support.v7.widget.LinearLayoutManager.VERTICAL, false);
mFriendsListView.setLayoutManager(friendsLayoutManager);
mFriendsListView.addItemDecoration(new DividerItemDecoration(getActivity().getApplicationContext(), null));

ScrollView中的RecyclerView：

<android.support.v7.widget.RecyclerView
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp"
    android:id="@+id/friendsList"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

Answer 1

尝试做：

RecyclerView v = (RecyclerView) findViewById(...);
v.setNestedScrollingEnabled(false);

或者，您可以使用支持设计库修改您的布局。我猜你当前的布局是这样的：

<ScrollView >
   <LinearLayout >

       <View > <!-- upper content -->
       <RecyclerView > <!-- with custom layoutmanager -->

   </LinearLayout >
</ScrollView >

您可以将其修改为：

<CoordinatorLayout >

    <AppBarLayout >
        <CollapsingToolbarLayout >
             <!-- with your content, and layout_scrollFlags="scroll" -->
        </CollapsingToolbarLayout >
    </AppBarLayout >

    <RecyclerView > <!-- with standard layoutManager -->

</CoordinatorLayout >

然而，这是一条较长的路要走，如果您对自定义线性布局管理器没有问题，那么只需在回收器视图上禁用嵌套滚动即可。

编辑（2016 年 4 月 3 日）

支持库的 v 23.2 版本现在在所有默认 LayoutManager 中包含工厂“包装内容”功能。我没有测试它，但你应该更喜欢它而不是你正在使用的那个库。

<ScrollView >
   <LinearLayout >

       <View > <!-- upper content -->
       <RecyclerView > <!-- with wrap_content -->

   </LinearLayout >
</ScrollView >

Answer 2

我只需要用这个：

mMyRecyclerView.setNestedScrollingEnabled(false);

在我的 onCreateView() 方法中。

非常感谢！

Answer 3

我有类似的问题（我试图创建一个嵌套的 RecyclerViews，类似于 Google PlayStore 设计）。处理这个问题的最好方法是子类化 RecyclerViews 并覆盖 'onInterceptTouchEvent' 和 'onTouchEvent' 方法。这样您就可以完全控制这些事件的行为方式并最终滚动。

Answer 4

你也可以这样使用：

将此行添加到您的 recyclerView xml 文件中：

android:nestedScrollingEnabled="false"

或在 java 代码中：

RecyclerView.setNestedScrollingEnabled(false);

希望这对您有所帮助。

Answer 5

您可以尝试使用 XML 和编程方式。但是你可能面临的问题是（低于 API 21）用 XML 来做是行不通的。所以最好在你的 Activity / Fragment.

中以编程方式设置它

XML代码：

<android.support.v7.widget.RecyclerView
      android:id="@+id/recycleView"
      android:layout_width="match_parent"
      android:visibility="gone"
      android:nestedScrollingEnabled="false"
      android:layout_height="wrap_content"
      android:layout_below="@+id/linearLayoutBottomText" />

以编程方式：

 recycleView = (RecyclerView) findViewById(R.id.recycleView);
 recycleView.setNestedScrollingEnabled(false);

Answer 6

如果您在子视图中使用 VideoView 或重量级小部件，请保持 RecyclerView 的高度为 wrap_content 在高度为 match_parent 的 NestedScrollView 中然后滚动将如您所愿地顺畅地工作。

仅供参考，

<android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:nestedScrollingEnabled="false"
            android:layout_height="wrap_content"
            android:clipToPadding="false" />

</android.support.v4.widget.NestedScrollView>

感谢 Micro，这是您的提示！

卡尔提克

Answer 7

使用嵌套滚动视图代替滚动视图解决了我的问题

<LinearLayout> <!--Main Layout -->
   <android.support.v4.widget.NestedScrollView>
     <LinearLayout > <!--Nested Scoll View enclosing Layout -->`

       <View > <!-- upper content --> 
       <RecyclerView >


     </LinearLayout > 
   </android.support.v4.widget.NestedScrollView>
</LinearLayout>

Answer 8

XML代码：

<android.support.v4.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <android.support.v7.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:clipToPadding="false" />

        </android.support.v4.widget.NestedScrollView>

在java代码中：

  recycleView = (RecyclerView) findViewById(R.id.recycleView);
     recycleView.setNestedScrollingEnabled(false);

Answer 9

或者您可以在回收站视图中设置android:focusableInTouchMode="true"

Answer 10

<?xml version="1.0" encoding="utf-8"?>
<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.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent">

            <android.support.constraint.ConstraintLayout
                android:id="@+id/constraintlayout_main"
                android:layout_width="match_parent"
                android:layout_height="@dimen/layout_width_height_fortyfive"
                android:layout_marginLeft="@dimen/padding_margin_sixteen"
                android:layout_marginRight="@dimen/padding_margin_sixteen"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent">

                <TextView
                    android:id="@+id/textview_settings"
                    style="@style/textviewHeaderMain"
                    android:gravity="start"
                    android:text="@string/app_name"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toRightOf="parent" />

            </android.support.constraint.ConstraintLayout>

            <android.support.constraint.ConstraintLayout
                android:id="@+id/constraintlayout_recyclerview"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/padding_margin_zero"
                android:layout_marginTop="@dimen/padding_margin_zero"
                android:layout_marginEnd="@dimen/padding_margin_zero"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/constraintlayout_main">

                <android.support.v7.widget.RecyclerView
                    android:id="@+id/recyclerview_list"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:nestedScrollingEnabled="false"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toRightOf="parent" />

            </android.support.constraint.ConstraintLayout>

        </android.support.constraint.ConstraintLayout>

    </android.support.v4.widget.NestedScrollView>

</android.support.constraint.ConstraintLayout>

此代码适用于 ConstraintLayout android

Answer 11

所有答案的总结（优点和缺点）

对于单个recyclerview

您可以在 Coordinator 布局中使用它。

优点 - 它不会加载整个 recyclerview 项目。这么顺利加载。

缺点 - 你不能在 Coordinator 布局中加载两个 recyclerview - 它会产生滚动问题

参考 -

对于具有最少行的多个 recylerview

您可以在 NestedScrollView 中加载

优点 - 滚动流畅

缺点 - 它会加载 recyclerview 的所有行，因此您的 activity 打开会延迟

参考 -

对于大行（超过 100）的多个 recylerview

你必须使用 recyclerview。

优点 - 滚动流畅，加载流畅

缺点 - 你需要写更多的代码和逻辑

在 multi-viewholders

的帮助下将每个 recylerview 加载到主 recyclerview 中

例如：

MainRecyclerview

-ChildRecyclerview1 (ViewHolder1)

-ChildRecyclerview2 (ViewHolder2)

-ChildRecyclerview3 (ViewHolder3) 

-Any other layout   (ViewHolder4)

参考 multi-viewHolder -

Answer 12

用 NestedScrollView 替换 ScrollView 导致平滑滚动到底部。

Answer 13

科特林

将滚动视图下的每个 RecyclerView 的 isNestedScrollingEnabled 设置为 false

val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
recyclerView.isNestedScrollingEnabled = false

使用XML布局

<android.support.v7.widget.RecyclerView
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp"
    android:id="@+id/friendsList"
    android:layout_width="match_parent"
    android:nestedScrollingEnabled="false"
    android:layout_height="wrap_content" />

Answer 14

这里的答案都是一样的。我已经使用了每个人的建议。然后我发现 NestedScrollView 比 ScrollView 快所以

使用

<androidx.core.widget.NestedScrollView

而不是

<ScrollView

照常使用

recycleView.setNestedScrollingEnabled(false);

Answer 15

简单将此行添加到您的 JAVA class

list.setNestedScrollingEnabled(false);

Answer 16

我自己也遇到过这个问题，scrollview 中有一个 recycler view，而且滚动似乎不流畅。我的问题的原因是在回收站视图之上有滚动视图，这不是我的要求所需要的。所以在我删除滚动视图并为回收视图添加 android:scrollbars="vertical" 之后，滚动很流畅。

Answer 17

经过 3 天的研究，我解决了项目中的平滑滚动问题。

问题是 <layer-list> 可绘制对象设置在 item_user.xml 文件的背景中，因此渲染需要 GPU 时间 这就是滚动不流畅的原因。所以请不要在适配器项目的背景中使用复杂的 <layer-list> drawable。

我的问题已通过上述解决方案解决，以下选项对我没有用

setNestedScrollingEnabled
setHasFixedSize
setItemViewCacheSize

ScrollView 内的 Recyclerview 滚动不流畅

Recyclerview inside ScrollView not scrolling smoothly

android

android-scrollview

android-scroll

android-recyclerview

编辑（2016 年 4 月 3 日）

科特林

使用XML布局