RecyclerView notifyDataSetChanged() 在没有 ANR 的情况下冻结 UI
RecyclerView notifyDataSetChanged() freezes UI without ANR
我们有一个 NestedScrollView,它包含两个不同的 RecyclerView
都与垂直滚动一起工作。滚动布局位于 SwipeRefreshLayout
内。
Upd: 我们知道 getItemViewType(pos)
方法并在其他地方使用它。但是这里我们有复杂的逻辑,将进一步分为 2 个不同的屏幕,因此我们为每个 RecyclerView 有两个单独的展示器,并将它们组合成一个,并在一个月内再次分离不是一个选项。
从某个时刻开始,我们注意到使用滑动刷新来更新屏幕开始冻结 UI:日志中跳帧,无法使用 UI 进行任何操作,冻结进度条。最多需要五秒钟,但我们没有收到 ANR。它在开始时运行良好,在结束时冻结。如果我们删除适配器中的 notifyDataSetChanged()
,一切看起来都很好。
我们试图删除一个回收器视图,从 ViewHolder.onCreate()
和 onBindViewHolder()
中删除所有操作,但没有帮助。此外,我们交叉检查问题是否来自某些数据处理(我们使用 RxJava 2 来操作线程),我们看到所有网络操作、数据库和数据处理都是在非 UI 线程中进行的,并且已经完成到延迟开始的那一刻。
布局如下:
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/swipe_refresh"
android:layout_width="match_parent"
android:layout_height=«match_parent"
android:orientation="vertical"
>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content»
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation=«vertical"
android:paddingBottom="@dimen/spacing_bigger»>
<android.support.v7.widget.RecyclerView
android:id="@+id/recycle_chats"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white_bg"
/>
<android.support.v7.widget.RecyclerView
android:id="@+id/recycle_friends"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white_bg"
/>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</android.support.v4.widget.SwipeRefreshLayout>
看起来 NestedScrollView
和 layout_height="wrap_content"
打破了子 RecyclerViews
的所有优化。无论具有 layout_height="match_parent"
的父视图 (SwipeRefreshLayout
) 的约束如何,它都会为它们提供无限 space。因此,RecyclerView
一次为适配器中的所有模型创建视图持有者。日志记录显示,它们每个都需要 20-60 毫秒,这会导致 100 行延迟 2-5 秒。
我们将日志记录添加到 onCreateViewHolder() 并注意到,有几十次(几乎一百次)调用它,而屏幕上只有大约十个元素。将 NestedScrollView
的 layout_height
更改为 "match_parent"
解决了问题。
为什么要添加 nestedScrollLayout 和 linearLayout 以及 2 个 recyclerView。
所有这一切都可以通过 swipeRefreshLayout 和 RecyclerView 实现
尝试了解如何根据位置或数据类型添加不同的视图。所以技术上你将只有一个 recyclerView 和一个适配器,但适配器将处理这两种情况(朋友和聊天)并将数据附加到视图(recyclerView)。
并且由于 RecyclerView 还扩展了 NestedScrollView 在 NestedScrollView 中保留 RecyclerView 会使您的滚动抖动,因此您必须添加 isScrollContainer=true 等标志。所以不要这样做!
我也为此苦苦挣扎,最后想到我不能在 nestedscrollView 中正确使用 RecyclerView WITH notifyData 所以我这样做了:
我将 CollapsingToolbarLayout 放在 CoordinatorLayout 内的 AppBarLayout 内。
然后我将 RecyclerView header 放在 CollapsingToolbarLayout 内,将 RecyclerView 放在 AppBarLayout 下方的 CoordinatorLayout 内。
我还使用 RecyclerView 的 addOnScrollListener 方法在分页后为 RecyclerView 加载新项目。
这是我的 xml 文件:
<?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"
android:background="#ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/activity_txt_news_detail.app_bar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#00ffffff"
app:elevation="0dp">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsingToolbarLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:expandedTitleMarginStart="64dp"
app:layout_scrollFlags="scroll|snap">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
// all other views
// as header of
// recyclerview comes here
</LinearLayout>
<!--todo tgs : here top-->
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_behavior="@string/
appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/home_news_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:listitem="@layout/row_news_txt_small" />
</RelativeLayout>
</android.support.design.widget.CoordinatorLayout>
</LinearLayout>
</FrameLayout>
这行代码app:layout_behavior="@string/appbar_scrolling_view_behavior"
非常重要,它应该在 recyclerview 容器布局中
如果对您有用,请告诉我。一切顺利
我们有一个 NestedScrollView,它包含两个不同的 RecyclerView
都与垂直滚动一起工作。滚动布局位于 SwipeRefreshLayout
内。
Upd: 我们知道 getItemViewType(pos)
方法并在其他地方使用它。但是这里我们有复杂的逻辑,将进一步分为 2 个不同的屏幕,因此我们为每个 RecyclerView 有两个单独的展示器,并将它们组合成一个,并在一个月内再次分离不是一个选项。
从某个时刻开始,我们注意到使用滑动刷新来更新屏幕开始冻结 UI:日志中跳帧,无法使用 UI 进行任何操作,冻结进度条。最多需要五秒钟,但我们没有收到 ANR。它在开始时运行良好,在结束时冻结。如果我们删除适配器中的 notifyDataSetChanged()
,一切看起来都很好。
我们试图删除一个回收器视图,从 ViewHolder.onCreate()
和 onBindViewHolder()
中删除所有操作,但没有帮助。此外,我们交叉检查问题是否来自某些数据处理(我们使用 RxJava 2 来操作线程),我们看到所有网络操作、数据库和数据处理都是在非 UI 线程中进行的,并且已经完成到延迟开始的那一刻。
布局如下:
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/swipe_refresh"
android:layout_width="match_parent"
android:layout_height=«match_parent"
android:orientation="vertical"
>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content»
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation=«vertical"
android:paddingBottom="@dimen/spacing_bigger»>
<android.support.v7.widget.RecyclerView
android:id="@+id/recycle_chats"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white_bg"
/>
<android.support.v7.widget.RecyclerView
android:id="@+id/recycle_friends"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white_bg"
/>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</android.support.v4.widget.SwipeRefreshLayout>
看起来 NestedScrollView
和 layout_height="wrap_content"
打破了子 RecyclerViews
的所有优化。无论具有 layout_height="match_parent"
的父视图 (SwipeRefreshLayout
) 的约束如何,它都会为它们提供无限 space。因此,RecyclerView
一次为适配器中的所有模型创建视图持有者。日志记录显示,它们每个都需要 20-60 毫秒,这会导致 100 行延迟 2-5 秒。
我们将日志记录添加到 onCreateViewHolder() 并注意到,有几十次(几乎一百次)调用它,而屏幕上只有大约十个元素。将 NestedScrollView
的 layout_height
更改为 "match_parent"
解决了问题。
为什么要添加 nestedScrollLayout 和 linearLayout 以及 2 个 recyclerView。
所有这一切都可以通过 swipeRefreshLayout 和 RecyclerView 实现
尝试了解如何根据位置或数据类型添加不同的视图。所以技术上你将只有一个 recyclerView 和一个适配器,但适配器将处理这两种情况(朋友和聊天)并将数据附加到视图(recyclerView)。
并且由于 RecyclerView 还扩展了 NestedScrollView 在 NestedScrollView 中保留 RecyclerView 会使您的滚动抖动,因此您必须添加 isScrollContainer=true 等标志。所以不要这样做!
我也为此苦苦挣扎,最后想到我不能在 nestedscrollView 中正确使用 RecyclerView WITH notifyData 所以我这样做了:
我将 CollapsingToolbarLayout 放在 CoordinatorLayout 内的 AppBarLayout 内。 然后我将 RecyclerView header 放在 CollapsingToolbarLayout 内,将 RecyclerView 放在 AppBarLayout 下方的 CoordinatorLayout 内。
我还使用 RecyclerView 的 addOnScrollListener 方法在分页后为 RecyclerView 加载新项目。
这是我的 xml 文件:
<?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"
android:background="#ffffff">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/activity_txt_news_detail.app_bar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#00ffffff"
app:elevation="0dp">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsingToolbarLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:expandedTitleMarginStart="64dp"
app:layout_scrollFlags="scroll|snap">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
// all other views
// as header of
// recyclerview comes here
</LinearLayout>
<!--todo tgs : here top-->
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_behavior="@string/
appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/home_news_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:listitem="@layout/row_news_txt_small" />
</RelativeLayout>
</android.support.design.widget.CoordinatorLayout>
</LinearLayout>
</FrameLayout>
这行代码app:layout_behavior="@string/appbar_scrolling_view_behavior" 非常重要,它应该在 recyclerview 容器布局中
如果对您有用,请告诉我。一切顺利