RecyclerView使用以及避坑指南

最新推荐文章于 2024-06-24 01:54:43 发布
最新推荐文章于 2024-06-24 01:54:43 发布
阅读量302 收藏
点赞数
分类专栏： 学习之旅 文章标签： recyclerVIew 图片闪烁 局部刷新 数据混乱 item
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h55l55/article/details/102806060
版权
基本使用

  • 继承RecyclerView.Adapter,并在内部自定义对应的ViewHolder

    public class HelloRecyclerAdapter extends RecyclerView.Adapter<HelloRecyclerAdapter.ViewHolder> {
  private List dataList = new ArrayList();

  public HelloRecyclerAdapter(List dataList) {
      this.dataList = dataList;
  }

  @NonNull
  @Override
  public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
      View view = LayoutInflater.from(parent.getContext())
              .inflate(R.layout.item_hello_recycler, parent, false);
      return new ViewHolder(view);
  }

  @Override
  public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
      Object data = dataList.get(position);
      //把data的数据赋值到holder对应的View中
  }

  @Override
  public int getItemCount() {
      return dataList.size();
  }

  class ViewHolder extends RecyclerView.ViewHolder {
      public ViewHolder(View itemView) {
          super(itemView);
      }
  }
}

  • Activity中新建adapter并赋值给recycler

    recyclerView.setLayoutManager(new LinearLayoutManager(this));
//list是已赋值数据
recyclerView.setAdapter(new HelloRecyclerAdapter(list));

    以上，一个recyclerView的列表就出来了。

RecyclerView中添加header

  • 先定义两个常量，用来区分header和普通情况

    private static final int HEADER = 1;
private static final int NORMAL = 2;

  • 建立另一个HeaderViewHolder

    class HeaderViewHolder extends RecyclerView.ViewHolder {
  public HeaderViewHolder(View itemView) {
    super(itemView);
  }
}

  • 然后onCreateViewHolder中分情况创建

    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
  View view;
  if (viewType == HEADER) {
    view = LayoutInflater.from(parent.getContext())
      .inflate(R.layout.item_hello_recycler, parent, false);
  } else {
    view = LayoutInflater.from(parent.getContext())
      .inflate(R.layout.item_hello_recycler_head, parent, false)
  }

  return new ViewHolder(view);
}

  • getItemCount中增加对应数量

    @Override
public int getItemCount() {
//增加header节点
return dataList.size() + 1;
}

  • onBindViewHolder中分情况绑定数据

    @Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
  Object data = dataList.get(position);
  if (holder instanceof HeaderViewHolder) {
    //绑定header数据
  } else {
    //绑定普通数据
  }
}

当然这只是最基本的能用了，在使用过程中会遇到一些奇奇怪怪的问题，接下来我们一一解决

recyclerView中数据错乱问题

  • 数据来源固定

    这种情况很好解决，主要就是每个item在赋值时候，要把各个情况都覆盖到，不能只覆盖一种情况。

    假设item内有收藏功能，收藏后会用UI的变化，我们可以用如下方法实现：

    @Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
  Object data = dataList.get(position);
  //这里一定不能只写if而不写else,否则会出现颜色错乱
  if(data.isCollection()){
    holder.collectionView.setTextColor(RED)
  }else{
    holder.collectionView.setTextColor(BLACK)
  }
}

  • 数据来自网络

    这类情况的常见情景是加载图片，当网络环境较差时，图片加载完后，你可能已经翻页了，这时候再去显示图片会出现错乱的情况。

    针对这一情况，我们可以给图片添加一个TAG，显示图片时候判断对应的TAG是否一致

    holder.ivCameraImages.setBackground(R.drawable.place_holder);

holder.ivCameraImages.setTag(imageURL);

@Override
public void handleMessage(Message msg) {
  super.handleMessage(msg);
  if (msg.what == MSG_IMAGE) {
    Bitmap bm = (Bitmap) msg.obj;
    if (bm != null) {
      if (TextUtils.equals((String) imageView.getTag(), imageURL)){
        imageView.setBackground(new BitmapDrawable(bm));
      }
    }
  }
}

    当然，目前的主流图片框架会把url作为对应的TAG添加到ImageView中，省了我们重复造轮子的时间。

RecyclerView中的局部刷新

还是回到那个收藏的问题，如果点击收藏按钮，只更新当前的item这个需求如何实现？

  • 当列表中没有图片时候

    public void collectionSuccess(String id) {
  //当header的收藏数量变化时候
  //通过ID找到下标
  int position = findPositionForId(id);
  //更新数量
  dataList.get(position)
    .setCollectionNum(data.getCollectionNum()+1);
  //更新对应UI
  notifyItemChanged(position);
}

  • 列表中存在图片时

    当有图片时候，使用notifyItemChanged()方法会导致图片闪烁。

    解决这个问题呢就需要进行一些大的改动了。

    首先，放弃使用两个参数的onBindViewHolder方法，使用三个参数的方法：

    @Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
  //不去覆写这个方法
}

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position, List<Object> payloads) {
  if (payLoads != null && payLoads.size() > 0) {
    //有部分数据更新的情况
    String s = (String) payLoads.get(0);
    switch (s) {
      case STAR:
        //点赞数量UI更新
        updateStar(holder, dataList.get(position - 1));
        break;
      case COLLECTION:
        //收藏数量UI更新
        updateCollection(holder, dataList.get(position - 1));
        break;
    }
  } else {
    //正常情况
  }
}

    然后，数据发生改变时，调用的方法也有变化

    public void collectionSuccess(String id) {
  //当header的收藏数量变化时候
  //通过ID找到下标
  int position = findPositionForId(id);
  //更新数量
  dataList.get(position).setCollectionNum(data.getCollectionNum()+1);
  //更新对应UI
  notifyItemChanged(position,COLLECTION);
}

    这样设置完后，局部更新数据就不会导致item有变化了。

最后，我把整个带Header的，可以局部更新UI的adapter基本框架都放出来，大家有需要的自行取用

完整结构

public class HelloRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private static final int HEADER = 1;
    private static final int NORMAL = 2;
    private static final String COLLECTION = "collection";
    private static final String STAR = "star";

    private Context context;
    private Object headData;
    private List dataList;

    public HelloRecyclerAdapter(Context mContext,
                                Object headerData,
                                List answerList) {
        this.context = mContext;
        this.headData = headerData;
        this.dataList = answerList;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == HEADER) {
            View view = LayoutInflater.from(context)
                    .inflate(R.layout.item_header_view, parent, false);
            return new HeaderViewHolder(view);
        } else {
            View view = LayoutInflater.from(context)
                    .inflate(R.layout.item_normal_view, parent, false);
            return new NormalViewHolder(view);
        }
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        //不去覆写这个方法
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position, List<Object> payloads) {
        if (holder instanceof HeaderViewHolder) {
            bindHeaderView((HeaderViewHolder) holder, payloads);
        } else {
            bindNormalView((NormalViewHolder) holder, position, payloads);
        }
    }

    private void bindHeaderView(HeaderViewHolder holder, List<Object> payLoads) {
        if (payLoads != null && payLoads.size() > 0) {
            String payLoad = (String) payLoads.get(0);
            switch (payLoad) {
                case COLLECTION:
                    //header收藏数量更新
                    updateCollection(holder);
                    break;
                case STAR:
                    //header点赞数量更新
                    updateStar(holder);
                    break;
            }
        } else {
            //正常绑定数据
        }
    }

    private void bindNormalView(NormalViewHolder holder, int position, List<Object> payLoads) {
        if (payLoads != null && payLoads.size() > 0) {
            String s = (String) payLoads.get(0);
            switch (s) {
                case STAR:
                    //点赞数量更新
                    updateStar(holder, dataList.get(position - 1));
                    break;
                case COLLECTION:
                    //收藏数量更新
                    updateCollection(holder, dataList.get(position - 1));
                    break;
            }
        } else {
            //绑定正常数据
        }
    }

    @Override
    public int getItemCount() {
        return dataList.size() + 1;
    }

    @Override
    public int getItemViewType(int position) {
        if (position == 0) {
            return HEADER;
        } else {
            return NORMAL;
        }
    }

    public void collectionSuccess(String id) {
        //当header的收藏数量变化时候
        //通过ID找到下标
        int position = findPositionForId(id);
        //更新数量
        dataList.get(position).setCollectionNum(data.getCollectionNum()+1);
        //更新对应UI
        notifyItemChanged(position,COLLECTION);
    }

    public void disCollectionSuccess(String id) {
        //当header的收藏数量变化时候
        notifyItemChanged(0, COLLECTION);
    }

    public void starSuccess(String id) {
        int position = 0;
        //略去通过ID寻找position过程
        //略去通过ID更改对应数据的点赞数量
        notifyItemChanged(position, STAR);
    }

    public void disStarSuccess(String id) {
        int position = 0;
        //略去通过ID寻找position过程
        //略去通过ID更改对应数据的点赞数量
        notifyItemChanged(position, STAR);
    }

    class HeaderViewHolder extends RecyclerView.ViewHolder {
        public HeaderViewHolder(View itemView) {
            super(itemView);
            ButterKnife.bind(this, itemView);
        }
    }

    class NormalViewHolder extends RecyclerView.ViewHolder {
        public NormalViewHolder(View itemView) {
            super(itemView);
            ButterKnife.bind(this, itemView);
        }
    }
}
Younger_Hu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
RecyclerView的使用
qq_64353584的博客
12-08 2770
自定义点击事件，完成实现对RecyclerView的点击监听。
RecyclerView使用要点
Mystra
10-31 3719
RecyclerView是一种列表容器, 发布很久了, 才想起来写点什么.RecyclerView相比于ListView, 在回收重用时更具有灵活性, 也就是低耦合, 并且提供了扩展. 加载多个视图时, 应该多用RecyclerView代替ListView.那么我们来看看这东西应该怎么用? 比如生成一个瀑布流的视图. 首先我们从一个HelloWorld写起, 看看如何构建一个RecyclerVie
Android RecyclerView的简单使用
最新发布
2401_85730347的博客
06-24 820
小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人。
RecyclerView 的使用
minusn的博客
06-15 2610
RecyclerView 的使用
RecyclerView使用踩坑全过程
第五空间
02-23 1万+
Long long ago，谷歌就推出了RecyclerView来替代ListView，有人说它好，功能强大，方便扩展，也有人说它极其难用，最近Coder哥的项目需要代码重构，于是就想用RecyclerView来替代ListView，在此总结一下使用过程中的一些坑点，为大家今后的使用铺平道路。一、点击事件及分割线需自定义这一点不需要我多说，大家自行谷歌，代码很全，不在此造轮子了。二、item布局ma
关于RecyclerView使用遇到的问题
lyblyblyblin的博客
04-08 544
想一个功能，有一个按钮按后，RecyclerView里面的item的一个ImageView本来不显示变显示，然后遇到问题。最终解决，下面说说我的情况 我用下面这个项目去说明问题与解决方法 https://github.com/guolindev/booksource/tree/master/chapter3/RecyclerViewTest fruit_item.xml 改为 &lt...
Android RecyclerView 绘制流程及Recycler缓存，Android开发者必看避坑指南
m0_64319112的博客
11-26 557
… mState.mIsMeasuring = false; if (mState.mLayoutStep == State.STEP_START) { dispatchLayoutStep1(); mLayout.setExactMeasureSpecsFrom(this); //测量子 View dispatchLayoutStep2(); } else if (mAdapterHelper.hasUpd
面挂了腾讯、阿里巴巴、美团Android客户端，我有一份避坑指南分享给你！
weixin_43901866的博客
02-18 556
一、学习经历 比较菜，辣鸡本科生，去年十一月份开始全面一些的接触安卓，学了第一行代码，面试后厂村某公司某部门，正好比较缺人给我这零基础的人过了，十二月份去实习，断断续续中间回学校考试有请假，大概有效实习时间是6个月吧，边学边做的需求，到7月底学校有事离开的。后来回来又干到9月。 对于安卓的学习主要经历就是在公司学的这半年多，感谢能有这样的机会，leader和周围同事都特别好，手把手教学，虽然只学了半年多安卓，但是真实的项目也写过，完整的开发经历也有，有一个组件就是完全自己单人负责的五六千行的代码，还做了很多
Android 优雅的为RecyclerView添加HeaderView和FooterView，Android开发避坑指南
2401_84153270的博客
04-06 831
（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总）面试成功其实是必然的，因为我做足了充分的准备工作，包括刷题啊，看一些Android核心的知识点，看一些面试的博客吸取大家面试的一些经验，
RecyclerView使用
09-28
RecyclerView使用，增加一个item，删除一个item，更新数据，item点击事件，瀑布流刷新
RecyclerView简单使用
10-22
RecyclerView简单使用，详情请见我的博客：http://blog.csdn.net/allen315410/article/details/40379159
RecyclerView的使用方法
05-31
通过一个简单的demo介绍RecyclerView的使用方法
【ViewPager2避坑系列】瞬间暴增数个Fragment
weixin_34189116的博客
05-19 4122
前言 最近我在关注ViewPager2的使用，期间一直基于官方的Demo调试android-viewpager2，今天遇到一个奇葩的问题，捉摸了半天最终找到原因，原来是Demo中布局的问题，事后感觉有必要分享一下这个过程，一来可以巩固View测量的知识，二来希望大家能避开这个坑； 阅读指南 代码基于android-viewpager2，看官老爷最好能下载源码亲身体会； 入坑现场 为了观察Fra...
RecyclerView的使用（一）
热门推荐
weixin_40625864的博客
03-30 2万+
1.RecyclerView概述 在谷歌Android官网，给RecyclerView的描述是: 那RecyclerView凭什么要比ListView要更高级？更灵活？ 答案是，Recycler可以自定义布局管理器来决定 ...
RecyclerView分隔线添加指南
在使用RecyclerView展示列表数据时，为了区分每个item之间的界限，通常需要添加分隔线。这篇教程将指导你如何完成这一操作。 首先，我们需要理解ListView和RecyclerView中的ChildView。ChildView是指在ListView或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值