美文网首页Android ClassAndroid Tech精选案例
RecyclerView 复用错乱通用解法

RecyclerView 复用错乱通用解法

作者: MeloDev | 来源:发表于2017-08-07 21:09 被阅读2609次

    RecyclerView 复用错乱通用解法

    本文原创,转载请注明出处。
    欢迎关注我的 简书 ,关注我的专题 Android Class 我会长期坚持为大家收录简书上高质量的 Android 相关博文。

    写在前面:
    在上篇文章中说过对于像 RecyclerView 或者 ListView 等等此类在有限屏幕中展示大量内容的控件,复用的逻辑就是其核心的逻辑,而关于复用导致最常见的 bug 就是复用错乱。在大上周我就遇到了一个很奇怪的问题,这也是我下决心研究 RecyclerView 的原因。

    RecyclerView 源码分析

    而这篇文章的目的首先是讨论在 RecyclerView 复用错乱时,一些通用的解决思路,其次就是探究我遇到的那个奇怪的问题,帮助未来同样遇到的朋友们。

    复用错乱的解决办法

    本文的前半部分很简单的,以为关于复用错乱,RecyclerView 已经有他的前辈 ListView 替它踩了很多坑了。虽然他们的复用逻辑是有差异的,例如 ListView 只有两层缓存,但是 RecyclerView 可以理解为有四层;ListView 缓存的单位是 view,而 RecyclerView 缓存的单位是 ViewHolder。但是不管他们复用逻辑的差异如何,终归都是把那个缓存起来的 view 拿过来接着用,所以解决复用错乱的方法是一样的。

    RecyclerView 复用导致错乱的原因其实就是拿出来之前的 View 来添加到新 item 上,之前 View 的状态一直保留着,所以也就错乱了。不过解决起来很简单:

    首先我们以 adapter 数据的来源分为两大类:

    1.当数据来源是同步的

    这种情况是最简单的,你就保证当 onBindViewHolder 方法调用的时候,你的 itemview 中每个 view 的状态都有一个默认值。这是什么意思呢?

            if ("<unknown>".equals(artists)) {
                holder.cbMusicState.setChecked(true);
            } else {
                holder.cbMusicState.setChecked(false);
            }
    

    假设我们的 holder 里面有个 Checkbox 控件,当歌手名为 unknown 时,Checkbox 勾选。注意个时候你一定要加上这个 else 条件,才能保证复用这个 ViewHolder 的时候,Checkbox 的状态不出错。任何控件都一样,总结起来就是你要给每个控件的状态赋一个新的值,替换掉之前的,这样自然不会出现什么复用错乱的问题。

    2.当数据的来源是异步的

    这种情况也很常见,我们举个栗子,比如你的 ItemView 里面有个 ImageView,每次 onBindViewHolder 的时候,你传入一个 url,等待服务器返回的结果,然后展示在 ImageView 上。这种情况会怎样导致错乱呢?

    是这样的,假设我进入了页面,开始为第一个 ImageView 请求图片,但是此刻我下划屏幕,划到了第四个 item,此时第一个 item 已经不可见了,第四个 item 复用了第一个 item 的 imageview,恰好此刻第一个 imageview 的图片结果返回了,就正好展示在了第四个 itemview 上。 这样就发生了图片的错乱。

    出现这个问题的原因就是这个 ImageView 和请求的 url 没一一绑定,所以按照这个思路来解决吧:

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

    首先在没加载图片之前,给 ImageView 设置一个默认图片,然后通过 setTag 方法,将 ImageView 和 图片的 url 一一对应起来,设置的时候再判断一下,这个 imageview 的 tag 和当时请求的 url,是不是一致的,如果是一致的,再保存。

    以上就是复用错乱时两种比较通用的解法,基本上可以覆盖大部分情况。

    一个奇怪的问题

    这个问题的现象是这样子的:

    当 RecyclerView 的条目很少的时候,比如只有六个,将 RecyclerView 从上滑动到下,这个时候是正常的,onBindViewHolder 会调用,不过此时从底部上划的时候,上方的 item 从不可见到可见的这个过程中,onBindViewHolder 并没有调用,这个时候我也就没办法进行一些刷新 item 的操作了。

    这个问题的原因是 onBindViewHolder 方法不调用导致的,我在 StackOverflow 上搜索了很多答案,终于找到了一个可以解决我的问题的:

    recyclerview-not-recycling-views-if-the-view-count-is-small

    (中文资料压根就没有,所以掌握英文搜索是多么的重要)

    你可以调用

    recyclerView.setItemViewCacheSize(int);
    

    这个 api,去调整 RecyclerView 的复用逻辑和方式来解决 onBindViewHolder 没有调用的这个问题。

    但是原理是怎样的呢?作为一名好奇心颇重的程序员,一步步 debug RecyclerView 的源代码,发现了导致这个问题的原因,一起来看看吧。

    在上一篇文章中,我们分析了 RecyclerView 的源码,其中复用逻辑的模块,有一个非常重要的核心方法 tryBindViewHolderByDeadline,这个方法目的就是在 RecyclerView 的层层缓存结构中,取出 ViewHolder。

    这里就不再次研究它了,想了解的去看之前的文章,我来描述一下对于这个场景,简化之后的逻辑:

    当 RecyclerView 从底部向上滑动的时候,会先后从 mCachedViews 和 mRecyclerPool 中寻找缓存的 ViewHolder。

    mCachedViews 和 mRecyclerPool 之间又有什么关系呢?

            public void setViewCacheSize(int viewCount) {
                mRequestedCacheMax = viewCount;
                updateViewCacheSize();
            }
    
            void updateViewCacheSize() {
                int extraCache = mLayout != null ? mLayout.mPrefetchMaxCountObserved : 0;
                mViewCacheMax = mRequestedCacheMax + extraCache;
    
                // first, try the views that can be recycled
                for (int i = mCachedViews.size() - 1;
                        i >= 0 && mCachedViews.size() > mViewCacheMax; i--) {
                    recycleCachedViewAt(i);
                }
            }
    

    当调用 setViewCacheSize 这个方法时,相当于是给 mViewCacheMax 这个变量赋值了, for 循环调用 recycleCachedViewAt 的作用是将 mCachedViews 中缓存的 ViewHolder 放进 RecyclerPool 中。可以看到 for 循环的周期是从 mCachedViews 的最后一个对象直到 mCachedViews.size == mViewCacheMax 这个值时。

    也就是可以这么理解, setViewCacheSize 这个方法其实就是为 mCachedViews 集合设置所能持有 ViewHolder 的最大数量。

    setViewCacheSize(0)时,RecyclerView 想去复用 ViewHolder 时,只能去 RecyclerPool 中去取了,这里就有问题来了,从 RecyclerPool 中取和从 mCachedViews 中取 ViewHolder 中又有什么区别呢?

                    if (holder == null) { // fallback to pool
                        if (DEBUG) {
                            Log.d(TAG, "tryGetViewHolderForPositionByDeadline("
                                    + position + ") fetching from shared pool");
                        }
                        holder = getRecycledViewPool().getRecycledView(type);
                        if (holder != null) {
                            holder.resetInternal();
                            if (FORCE_INVALIDATE_DISPLAY_LIST) {
                                invalidateDisplayListInt(holder);
                            }
                        }
                    }
    

    当从 RecyclerPool 取出 ViewHolder 时,调用了 resetInternal 这个函数的作用是清空一些记录的参数,包括之前记录 ViewHolder 状态的 mFlags。

     else if (!holder.isBound() || holder.needsUpdate() || holder.isInvalid()) {
                    if (DEBUG && holder.isRemoved()) {
                        throw new IllegalStateException("Removed holder should be bound and it should"
                                + " come here only in pre-layout. Holder: " + holder);
                    }
                    final int offsetPosition = mAdapterHelper.findPositionOffset(position);
                    bound = tryBindViewHolderByDeadline(holder, offsetPosition, position, deadlineNs);
                }
    

    代码再往下走的时候,刚刚清空的 flag 参数这个时候就用到了,holder.isBound() 返回 flase,进入 if 判断,调用 tryBindViewHolderByDeadline 进而调用了 onBindViewHolder

    到这里这个逻辑就描述清楚了,所以设置 setViewCacheSize 来调整 mCachedViews 保存 ViewHolder 的大小,就能解决问题。

    当然有些特殊的情况,某些位置就不能调用 onBindViewHolder,没关系,可以监听 RecyclerView 的滑动,当滑动停止的时候,再调用 notify 刷新下列表也是可以的。

    好了本文到这里就结束了~

    相关文章

      网友评论

      • HopeMan:我的问题是:
        1:RecyclerView的每个ItemView中都定义一个HorizontalScrollView
        2:水平滑动HorizontalScrollView时,联动其他ItemView的HorizontalScrollView一起滑动,滑动时,已经显示的ItemView的HorizontalScrollView确实一起联动滑动了,但是此时上下滑动RecyclerView时,就会存在一些ItemView的HorizontalScrollView不一致的现象,不知道怎么解决。
        实现联动的代码:
        scrollView1.setListener(new OnScrollChangedListener() {
        @Override
        public void onScrollChanged(int l, int t, int oldl, int oldt) {
        for (int i = 0; i < recyclerView.getChildCount(); i++) {
        View itemView = recyclerView.getChildAt(i);
        MyHScrollView itemScrollView = (MyHScrollView) itemView.findViewById(R.id.horizontalScrollView1);
        if (itemScrollView != scrollView1) {
        itemScrollView.scrollTo(l, t);
        }
        }
        }
        });
        MeloDev:@HopeMan 建议还是自己慢慢打点排查吧 我知道信息太少了
      • 冬夏分明:大佬,我有个很奇怪的问题,我的布局是这样,上面三个按钮,下面是一个表格Recylcer,每次点击按钮的时候,获取对应的数据给Recycler(只是变数据,布局不会变的),出现数据错乱,但是我每次点击按钮的时候都removeAllViews,然后Adapter设置数据的时候,我也是先清空再赋值的,为什么会出现这种情况啊!求教,求教~~!!
      • 96fc63c5907a:曝光骗子宋文举: 简书昵称: wenju_song电话 13522410381 https://github.com/shengxinjing/programmer-job-blacklist/issues/136
      • Asher_0608:谢谢,没写else导致的问题
        MeloDev:@Asher_0608 客气
      • c910f4c431b3:楼主,我遇到的问题就跟你说的那个奇怪的问题一样,我真不知道怎么解决,您解决了嘛,我发现按您这样的做法没解决的了,还是会有空的出来。
        c910f4c431b3:@MeloDev 就是滑动到底下,没停止滑动就能够拉出一两个空的出来,我觉得应该是我的自己写的view的渲染问题,因为我setText进去到textview中是可以设置进去的,就是我的自己定义的view那里会有空的出来而已。但是空出来的就是之前没有看到的那个item,往下拉之后就能够正常显示。
        MeloDev:如果仍然不能解决,可以换一个思路,比如监听滑动停止,再手动 notify 一下。
        MeloDev:我就是用文中的办法解决的呀

      本文标题:RecyclerView 复用错乱通用解法

      本文链接:https://www.haomeiwen.com/subject/cuxzlxtx.html