OnCreateViewHolder 性能问题
OnCreateViewHolder performance issue
我 运行 遇到 RecyclerView 的问题,我想你们可以帮助我。
所以问题是:
膨胀项目视图 xml 需要太多时间。
布局是网格布局,一行 3 个项目,每个项目都有复杂的 UI 外观。
所以首先我使用 android studio 的分析器对其进行了分析,我发现 CPU 在创建点有一个明显的凸起。即使我删除了整个绑定代码,进入此屏幕/在回收站视图内滚动仍然需要一些时间。
将项目分成更小的项目会很疯狂,因为它已经是一个矩阵(如我所说,连续 3 个项目)。
所以我想到了两件事:
也许我可以提前创建更多视图持有者,知道怎么做吗?我看到了像 RecyclerView.setItemViewCacheSize
和 LayoutManager.setInitialPrefetchItemCount
这样的方法,但没有成功(它仍然多次调用创建)
AsyncLayoutInflater 呢?有人在 RecyclerView 中使用它吗?
任何新想法都会很棒!
视图 xml 是这样的:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardCornerRadius="3dp"
card_view:cardElevation="2.5dp"
card_view:cardUseCompatPadding="true">
<CustomView1>
</CustomView1>
<CustomView2>
</CustomView2>
<CustomView3>
</CustomView3>
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:layout_gravity="end"
android:layout_marginEnd="2dp"
android:layout_marginStart="2dp"
android:layout_marginTop="2dp"
android:adjustViewBounds="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<include layout="@layout/someLayoutToInclude" />
</android.support.v7.widget.CardView>
</FrameLayout>
OnCreateViewHolder 看起来像:
LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext());
View view = layoutInflater.inflate(viewType, parent, false);
return new ItemViewHolder(view);
网格布局初始化:
final GridLayoutManager gridLayoutManager = new GridLayoutManager(getContext(), 3);
gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
return 1;
}
});
谢谢
这是我最后做的解决方案:
正如我提到的,我的问题是 onCreateViewHolder 创建了一个复杂的视图,它具有无法更改的巨大层次结构(产品方面),并且我连续有 3 个项目(GridLayoutManager)
因此,我有 2 件事效果不佳:
- 快速滚动/快速滚动会在滚动时创建新项目,UI 冻结几毫秒。
- 上一画面与RecyclerView画面之间的动画
看起来又丑又长腿。
所以我做的是:
正如我上面提到的,有一个 AsyncLayoutInflater。
为了使用它,我需要膨胀一个虚拟 ViewGroup,然后将异步膨胀视图添加到这个虚拟视图。
当然应该做一些额外的逻辑来支持onBindViewHolder。
public ItemViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext());
View view = layoutInflater.inflate(R.layout.async_holder_item, parent, false);
AsyncLayoutInflater asyncLayoutInflater = new AsyncLayoutInflater(parent.getContext());
asyncLayoutInflater.inflate(viewType, (ViewGroup) view, new AsyncLayoutInflater.OnInflateFinishedListener() {
@Override
public void onInflateFinished(@NonNull View view, int resid, @Nullable ViewGroup parent) {
parent.addView(view);
}
});
return new ItemViewHolder(view, viewType);
}
你也可以在dummy view中使用微光或加载状态(保持布局简单!)并在顶视图组中添加android:animateLayoutChanges="true"以使其更平滑
我 运行 遇到 RecyclerView 的问题,我想你们可以帮助我。 所以问题是: 膨胀项目视图 xml 需要太多时间。 布局是网格布局,一行 3 个项目,每个项目都有复杂的 UI 外观。
所以首先我使用 android studio 的分析器对其进行了分析,我发现 CPU 在创建点有一个明显的凸起。即使我删除了整个绑定代码,进入此屏幕/在回收站视图内滚动仍然需要一些时间。
将项目分成更小的项目会很疯狂,因为它已经是一个矩阵(如我所说,连续 3 个项目)。
所以我想到了两件事:
也许我可以提前创建更多视图持有者,知道怎么做吗?我看到了像
RecyclerView.setItemViewCacheSize
和LayoutManager.setInitialPrefetchItemCount
这样的方法,但没有成功(它仍然多次调用创建)AsyncLayoutInflater 呢?有人在 RecyclerView 中使用它吗?
任何新想法都会很棒!
视图 xml 是这样的:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardCornerRadius="3dp"
card_view:cardElevation="2.5dp"
card_view:cardUseCompatPadding="true">
<CustomView1>
</CustomView1>
<CustomView2>
</CustomView2>
<CustomView3>
</CustomView3>
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:layout_gravity="end"
android:layout_marginEnd="2dp"
android:layout_marginStart="2dp"
android:layout_marginTop="2dp"
android:adjustViewBounds="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<include layout="@layout/someLayoutToInclude" />
</android.support.v7.widget.CardView>
</FrameLayout>
OnCreateViewHolder 看起来像:
LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext());
View view = layoutInflater.inflate(viewType, parent, false);
return new ItemViewHolder(view);
网格布局初始化:
final GridLayoutManager gridLayoutManager = new GridLayoutManager(getContext(), 3);
gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
return 1;
}
});
谢谢
这是我最后做的解决方案: 正如我提到的,我的问题是 onCreateViewHolder 创建了一个复杂的视图,它具有无法更改的巨大层次结构(产品方面),并且我连续有 3 个项目(GridLayoutManager)
因此,我有 2 件事效果不佳:
- 快速滚动/快速滚动会在滚动时创建新项目,UI 冻结几毫秒。
- 上一画面与RecyclerView画面之间的动画 看起来又丑又长腿。
所以我做的是:
正如我上面提到的,有一个 AsyncLayoutInflater。 为了使用它,我需要膨胀一个虚拟 ViewGroup,然后将异步膨胀视图添加到这个虚拟视图。 当然应该做一些额外的逻辑来支持onBindViewHolder。
public ItemViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext());
View view = layoutInflater.inflate(R.layout.async_holder_item, parent, false);
AsyncLayoutInflater asyncLayoutInflater = new AsyncLayoutInflater(parent.getContext());
asyncLayoutInflater.inflate(viewType, (ViewGroup) view, new AsyncLayoutInflater.OnInflateFinishedListener() {
@Override
public void onInflateFinished(@NonNull View view, int resid, @Nullable ViewGroup parent) {
parent.addView(view);
}
});
return new ItemViewHolder(view, viewType);
}
你也可以在dummy view中使用微光或加载状态(保持布局简单!)并在顶视图组中添加android:animateLayoutChanges="true"以使其更平滑