返回

滑溜丝滑,我的订单页面踩过的坑

Android

引言

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);
            }
        }
    }
}

总结

通过以上方法,我们可以解决刷新页面时图片闪烁的问题。希望本文对你有帮助。