ScrollView 内的 Recyclerview 滚动不顺畅

Posted

技术标签:

【中文标题】ScrollView 内的 Recyclerview 滚动不顺畅【英文标题】:Recyclerview inside ScrollView not scrolling smoothly 【发布时间】:2016-01-13 14:43:01 【问题描述】:

对于我的应用程序,我在 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_
    android:layout_ />

【问题讨论】:

这个解决方案对我有用:***.com/a/32390370/7308789 谢谢 @tahaDev 在您的情况下究竟是什么不起作用,请详细说明。此外,似乎没有提供的解决方案适用于您的情况,是吗? 使用androidx.constraintlayout.widget.ConstraintLayout,无需任何复杂实现即可解决您的问题 【参考方案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 版本现在在所有默认LayoutManagers 中包含工厂“包装内容”功能。我没有测试它,但你可能应该更喜欢它而不是你正在使用的那个库。

<ScrollView >
   <LinearLayout >

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

   </LinearLayout >
</ScrollView >

【讨论】:

添加到这个答案:setNestedScrollingEnabled(false) 仅在我将ScrollView 换成NestedScrollView 时才有效。 对我来说,setNestedScrollingEnabled(false) 让我在RecyclerView 中的ScrollView 中恢复了平滑滚动 - 谢谢!但我仍然不明白为什么会这样......?将嵌套滚动设置为 false 究竟意味着什么? 请注意,android:nestedScrollingEnabled="false" 仅适用于 API 21+,但 v.setNestedScrollingEnabled(false) 适用于 供将来参考,如果有人在ScrollView 中遇到RecyclerView wrap_content 问题,发生在棉花糖/牛轧糖(API 23、24)设备上,请查看我的解决方法在***.com/a/38995399/132121 我现在遇到的这个解决方案的一个缺点是 RecyclerView 不会在它的 onScrollListener 中接收事件。我需要它,因为我想在回收站中只有一定数量的物品时获取更多数据【参考方案2】:

我只需要使用这个:

mMyRecyclerView.setNestedScrollingEnabled(false);

在我的onCreateView() 方法中。

非常感谢!

【讨论】:

【参考方案3】:

你也可以这样使用:

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

android:nestedScrollingEnabled="false"

或者在java代码中:

RecyclerView.setNestedScrollingEnabled(false);

希望这会有所帮助。

【讨论】:

需要 Api 21+【参考方案4】:

您可以尝试使用 XML 和编程两种方式。但是您可能面临的问题是(低于 API 21)使用 XML 将不起作用。所以最好在 Activity / Fragment 中以编程方式设置它。

XML 代码:

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

以编程方式:

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

【讨论】:

【参考方案5】:

使用嵌套滚动视图而不是滚动视图解决了我的问题

<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>

【讨论】:

【参考方案6】:

我遇到了类似的问题(我尝试创建一个嵌套的 RecyclerViews,类似于 Google PlayStore 设计)。处理这个问题的最好方法是子类化子 RecyclerViews 并覆盖“onInterceptTouchEvent”和“onTouchEvent”方法。这样,您就可以完全控制这些事件的行为方式以及最终的滚动方式。

【讨论】:

【参考方案7】:

用 NestedScrollView 替换 ScrollView 可以平滑滚动到底部。

【讨论】:

【参考方案8】:

所有答案的总结(优点和缺点)

对于单个回收站视图

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

优势 - 它不会加载整个 recyclerview 项目。加载很流畅。

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

参考 - https://***.com/a/33143512/3879847

对于具有最少行数的多个 recylerview

你可以在 NestedScrollView 中加载

优势 - 滚动流畅

缺点 - 它会加载所有的 recyclerview 行,因此您的活动会延迟打开

参考 - https://***.com/a/33143512/3879847

对于大行(超过 100 行)的多个 recylerview

你必须使用recyclerview。

优势 - 流畅滚动,流畅加载

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

在多视图的帮助下加载主recyclerview中的每个recyclerview

例如:

MainRecyclerview

-ChildRecyclerview1 (ViewHolder1)

-ChildRecyclerview2 (ViewHolder2)

-ChildRecyclerview3 (ViewHolder3) 

-Any other layout   (ViewHolder4)

multi-viewHolder 参考 - https://***.com/a/26245463/3879847

【讨论】:

【参考方案9】:

科特林

为滚动视图下的每个 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_
    android:nestedScrollingEnabled="false"
    android:layout_ />

【讨论】:

【参考方案10】:

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

使用

<androidx.core.widget.NestedScrollView

代替

<ScrollView

像往常一样使用它

recycleView.setNestedScrollingEnabled(false);

【讨论】:

【参考方案11】:

如果您在子视图中使用 VideoView 或重量级小部件,请保持您的 RecyclerView 高度为wrap_content 在高度为 match_parent 的 NestedScrollView 内 然后滚动将如您所愿地完美运行。

仅供参考,

<android.support.v4.widget.NestedScrollView
        android:layout_
        android:layout_>

        <android.support.v7.widget.RecyclerView
            android:layout_
            android:nestedScrollingEnabled="false"
            android:layout_
            android:clipToPadding="false" />

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

感谢 Micro,这是您的提示!

卡提克

【讨论】:

它也对我有用。但我不明白它究竟是如何解决这个问题的?其背后的解决方案是什么?【参考方案12】:

XML 代码:

<android.support.v4.widget.NestedScrollView
            android:layout_
            android:layout_>

            <android.support.v7.widget.RecyclerView
                android:layout_
                android:layout_
                android:clipToPadding="false" />

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

在java代码中:

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

【讨论】:

【参考方案13】:

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

【讨论】:

【参考方案14】:
<?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_
    android:layout_>

    <android.support.v4.widget.NestedScrollView
        android:layout_
        android:layout_
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent">

        <android.support.constraint.ConstraintLayout
            android:layout_
            android:layout_
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent">

            <android.support.constraint.ConstraintLayout
                android:id="@+id/constraintlayout_main"
                android:layout_
                android:layout_
                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_
                android:layout_
                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_
                    android:layout_
                    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

【讨论】:

【参考方案15】:

简单将此行添加到您的 JAVA 类中

list.setNestedScrollingEnabled(false);

【讨论】:

【参考方案16】:

我自己也遇到过这个问题,滚动视图中有一个回收器视图,并且滚动似乎不流畅。我的问题的原因是在我的要求不需要的回收器视图顶部有滚动视图。因此,在我删除滚动视图并添加 android:scrollbars="vertical" 用于回收站视图后,滚动很顺利。

【讨论】:

【参考方案17】:

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

问题是&lt;layer-list&gt; 可绘制设置在item_user.xml 文件的背景中,因此需要GPU 时间进行渲染,这就是滚动不流畅的原因。所以请不要在适配器项的背景中使用复杂的&lt;layer-list&gt;drawable。

我的问题通过上面的解决方案解决了,下面的选项对我没有用

    setNestedScrollingEnabled setHasFixedSize setItemViewCacheSize

【讨论】:

以上是关于ScrollView 内的 Recyclerview 滚动不顺畅的主要内容,如果未能解决你的问题,请参考以下文章

TouchableOpacity 内的 ScrollView

ScrollView 内的多个 ListView

ScrollView 内的图像网格

ScrollView 内的 Recyclerview 滚动不顺畅

Android:如何检查 ScrollView 内的 View 是不是可见?

ScrollView 内的 Android WebView 仅滚动滚动视图