返回
滑溜丝滑,我的订单页面踩过的坑
Android
2024-02-03 00:32:10
引言
RecyclerView是Android中强大的列表控件,可以轻松实现各种类型的列表展示。在实际项目中,我们经常需要将RecyclerView嵌套在另一个RecyclerView中,从而实现更加复杂的列表布局。然而,在使用嵌套RecyclerView时,我们也可能会遇到一些问题,比如刷新页面时图片闪烁。本文将分析导致此问题的原因,并提供解决方法。
问题分析
导致刷新页面时图片闪烁的原因有很多,但最常见的原因是:
- RecyclerView的默认动画效果会导致图片闪烁。
- 嵌套RecyclerView的adapter每次刷新时都会创建一个新的adapter对象,导致图片重新加载。
- adapter中onBindViewHolder方法中直接new一个adapter2,然后设置到recyclerview2上,导致每次刷新adapter都是一个新的对象。
解决方法
为了解决这个问题,我们可以采用以下方法:
- 禁用RecyclerView的默认动画效果。
- 使用同一个adapter对象来刷新嵌套RecyclerView。
- 在adapter中onBindViewHolder方法中复用adapter2。
代码示例
下面是一个使用同一个adapter对象来刷新嵌套RecyclerView的代码示例:
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
private List<Item> items;
public MyAdapter(List<Item> items) {
this.items = items;
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
Item item = items.get(position);
holder.textView.setText(item.getTitle());
holder.imageView.setImageResource(item.getImage());
// 如果该item是嵌套RecyclerView的父item,则获取其子item列表
if (item.isParent()) {
List<Item> childItems = item.getChildItems();
// 创建子item的adapter
MyChildAdapter childAdapter = new MyChildAdapter(childItems);
// 设置子item的adapter
holder.recyclerView.setAdapter(childAdapter);
}
}
@Override
public int getItemCount() {
return items.size();
}
public static class ViewHolder extends RecyclerView.ViewHolder {
public TextView textView;
public ImageView imageView;
public RecyclerView recyclerView;
public ViewHolder(View view) {
super(view);
textView = view.findViewById(R.id.text_view);
imageView = view.findViewById(R.id.image_view);
recyclerView = view.findViewById(R.id.recycler_view);
}
}
}
下面是一个在adapter中onBindViewHolder方法中复用adapter2的代码示例:
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
private List<Item> items;
private MyChildAdapter childAdapter;
public MyAdapter(List<Item> items) {
this.items = items;
childAdapter = new MyChildAdapter();
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
Item item = items.get(position);
holder.textView.setText(item.getTitle());
holder.imageView.setImageResource(item.getImage());
// 如果该item是嵌套RecyclerView的父item,则获取其子item列表
if (item.isParent()) {
List<Item> childItems = item.getChildItems();
// 设置子item的adapter
childAdapter.setItems(childItems);
holder.recyclerView.setAdapter(childAdapter);
}
}
@Override
public int getItemCount() {
return items.size();
}
public static class ViewHolder extends RecyclerView.ViewHolder {
public TextView textView;
public ImageView imageView;
public RecyclerView recyclerView;
public ViewHolder(View view) {
super(view);
textView = view.findViewById(R.id.text_view);
imageView = view.findViewById(R.id.image_view);
recyclerView = view.findViewById(R.id.recycler_view);
}
}
public class MyChildAdapter extends RecyclerView.Adapter<MyChildAdapter.ViewHolder> {
private List<Item> items;
public MyChildAdapter() {
this.items = new ArrayList<>();
}
public void setItems(List<Item> items) {
this.items = items;
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.child_item_layout, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
Item item = items.get(position);
holder.textView.setText(item.getTitle());
holder.imageView.setImageResource(item.getImage());
}
@Override
public int getItemCount() {
return items.size();
}
public static class ViewHolder extends RecyclerView.ViewHolder {
public TextView textView;
public ImageView imageView;
public ViewHolder(View view) {
super(view);
textView = view.findViewById(R.id.text_view);
imageView = view.findViewById(R.id.image_view);
}
}
}
}
总结
通过以上方法,我们可以解决刷新页面时图片闪烁的问题。希望本文对你有帮助。