美文网首页
上拉刷新和下拉加载RecyclerView中删除条目的坑

上拉刷新和下拉加载RecyclerView中删除条目的坑

作者: sankemao | 来源:发表于2017-05-14 00:31 被阅读179次

    项目中有需求删除recyclerview的条目.
    可以这样做:
    删除adapter中的数据集合条目再调用notifyDatasetChanged, 但这样会刷新recyclerview的全部条目, 效率低且没有recyclerview的刷新动画.

    其实recyclerview为我们提供了notifyItemRemoved(position);方法, 可以删除指定条目. 但千万不要以为直接调用就万事大吉了, 你会发现特么条目的postion发生错乱, 查阅资料后
    我在recyclerview对应的adapter中添加了这样一个方法来删除条目并刷新postion:

        public void removeItem(int position) {
            mShowItems.remove(position);//移除adapter数据集合中指定条目
            this.notifyItemRemoved(position);//删除条目并带有动画效果
        }
    

    这样应该可以了把...
    结果依然是不行滴!
    把焦点放到封装过的baseAdapter中, 其中有这样一段代码

        @Override
        public void onBindViewHolder(final JViewHolder holder, final int position) {
            if (mItemClickListener != null) {
                holder.itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        mItemClickListener.onItemClick(v, mShowItems.get(position), position);
                    }
                });
            }
    
            if (mLongClickListener != null) {
                holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                    @Override
                    public boolean onLongClick(View v) {
                        return mLongClickListener.onLongClick(position);
                    }
                });
            }
            convert(holder, mShowItems.get(position));
        }
    

    分析一下, 当你将recyclerview的条目删除过后, 屏幕以内的条目没有重新绘制, 所以并不会走这一段代码, 你得到的position依然是老的position.
    所以position可以通过这样的方法获取holder.getAdapterPosition().
    这样每次点击条目的时候, 重新获取一下postion, 应该没问题了.
    然而bug依然存在!!!
    后来我发现, 我的recyclerview是封装过的上拉刷新和下拉加载功能的recyclerview, 就叫他refreshLoadRecyclerView吧.refreshLoadRecyclerView有刷新的头部和尾部, 通过wrapAdapter包装了下.wrapAdapter代码先不全部贴上来了, 是仿照listview的addhedear()来写的.
    其中内部有两个集合用来保存头布局和尾布局

    public WrapRecyclerAdapter(RecyclerView.Adapter adapter) {
            this.mAdapter = adapter;
            mHeaderViews = new SparseArray<>();
            mFooterViews = new SparseArray<>();
        }
    

    并在一下方法中处理了头尾条目带来的position偏移.

        @Override
        public int getItemCount() {
            return mAdapter.getItemCount() + mHeaderViews.size() + mFooterViews.size();
        }
    
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            if (isHeaderPosition(position) || isFooterPosition(position)) {
                //头布局和尾布局都先与数据绑定完成了, 不需要再绑定, 直接return;
                return;
            }
            position = position - mHeaderViews.size();
            mAdapter.onBindViewHolder(holder, position);
        }
    

    那么holder.getAdapterPosition()获取到的就是wrapAdapter中的postion了, 是包含了头尾条目后的position.显然是不准确的, 怎么办?

    mItemClickListener.onItemClick(v, mShowItems.get(position), position);
    

    可以改成

    mItemClickListener.onItemClick(v, mShowItems.get(holder.getAdapterPosition() - 1), holder.getAdapterPosition() - 1);
    

    -1是因为我知道项目中使用的refreshLoadRecyclerView只有一个头布局, 那么就减掉, 这样一来, 功能就实现了!
    但是你不觉得这样带来了一个更大的问题吗? 我把我的baseAdapter改了, 现在它只能适用有且只有一个头布局的recyclerview了, 那我封装的baseAdapter意义何在?
    得想另外的方法解决, 不能入侵baseAdapter!
    谷歌替我们提供了这样一个api:

    this.notifyItemRangeChanged(position, getItemCount() - position);//刷新列表的position.
    

    好了, 最终我们在baseadapter可以加入这样一个方法

        public void removeItem(int position) {
            mShowItems.remove(position);
            this.notifyItemRemoved(position);//删除条目并带有动画效果
            this.notifyItemRangeChanged(position, getItemCount() - position);//刷新列表的position.
        }
    

    千万别忘了refreshLoadRecyclerView中也切要修改:

    mAdapter.registerAdapterDataObserver(mDataObserver);
    
    private AdapterDataObserver mDataObserver = new AdapterDataObserver() {
            @Override
            public void onChanged() {
                if (mAdapter == null) return;
                // 观察者  列表Adapter更新 包裹的也需要更新不然列表的notifyDataSetChanged没效果
                if (mWrapRecyclerAdapter != mAdapter)
                    mWrapRecyclerAdapter.notifyDataSetChanged();
                dataChanged();
            }
    
            @Override
            public void onItemRangeRemoved(int positionStart, int itemCount) {
                if (mAdapter == null) return;
                // 观察者  列表Adapter更新 包裹的也需要更新不然列表的notifyDataSetChanged没效果
                if (mWrapRecyclerAdapter != mAdapter)
                    mWrapRecyclerAdapter.notifyItemRemoved(positionStart + mWrapRecyclerAdapter.getHeaderViewsCount());
                dataChanged();
            }
    
            @Override
            public void onItemRangeMoved(int fromPosition, int toPosition, int itemCount) {
                if (mAdapter == null) return;
                // 观察者  列表Adapter更新 包裹的也需要更新不然列表的notifyItemMoved没效果
                if (mWrapRecyclerAdapter != mAdapter) {
                    int headerViewsCount = mWrapRecyclerAdapter.getHeaderViewsCount();
                    mWrapRecyclerAdapter.notifyItemMoved(fromPosition + headerViewsCount, toPosition + headerViewsCount);
                }
                dataChanged();
            }
    
    //        @Override
    //        public void onItemRangeChanged(int positionStart, int itemCount) {
    //            if (mAdapter == null) return;
    //            // 观察者  列表Adapter更新 包裹的也需要更新不然列表的notifyItemChanged没效果
    //            if (mWrapRecyclerAdapter != mAdapter) {
    //                int headerViewsCount = mWrapRecyclerAdapter.getHeaderViewsCount();
    //                mWrapRecyclerAdapter.notifyItemRangeChanged(positionStart + headerViewsCount, itemCount);
    //            }
    //            dataChanged();
    //        }
    
            /**
             * 坑的一比 
             * notifyItemRangeChanged(position, getItemCount() - position)刚方法执行时会触发此观察者方法, 且payload=null.
             * 需要考虑头布局的数量带来的偏移量.
             */
            @Override
            public void onItemRangeChanged(int positionStart, int itemCount, Object payload) {
                if (mAdapter == null) return;
                // 观察者  列表Adapter更新 包裹的也需要更新不然列表的notifyItemChanged没效果
                if (mWrapRecyclerAdapter != mAdapter) {
                    int headerViewsCount = mWrapRecyclerAdapter.getHeaderViewsCount();
                    mWrapRecyclerAdapter.notifyItemRangeChanged(positionStart + headerViewsCount, itemCount, payload);
                }
                dataChanged();
            }
    
            @Override
            public void onItemRangeInserted(int positionStart, int itemCount) {
                if (mAdapter == null) return;
                // 观察者  列表Adapter更新 包裹的也需要更新不然列表的notifyItemInserted没效果
                if (mWrapRecyclerAdapter != mAdapter) {
                    int headerViewsCount = mWrapRecyclerAdapter.getHeaderViewsCount();
                    mWrapRecyclerAdapter.notifyItemInserted(positionStart + headerViewsCount);
                }
                dataChanged();
            }
        };
    
        /**
         * 空数据页面.
         * @param emptyView
         */
        public void addEmptyView(View emptyView) {
            this.mEmptyView = emptyView;
        }
    
        public void addLoadingView(View loadingView) {
            this.mLoadingView = loadingView;
        }
    
        public void dataChanged() {
            if (mEmptyView != null) {
                if (mAdapter.getItemCount() == 0) {
                    mEmptyView.setVisibility(VISIBLE);
                } else {
                    mEmptyView.setVisibility(GONE);
                }
            }
        }
    

    主要是这段:

            @Override
            public void onItemRangeChanged(int positionStart, int itemCount, Object payload) {
                if (mAdapter == null) return;
                // 观察者  列表Adapter更新 包裹的也需要更新不然列表的notifyItemChanged没效果
                if (mWrapRecyclerAdapter != mAdapter) {
                    int headerViewsCount = mWrapRecyclerAdapter.getHeaderViewsCount();
                    mWrapRecyclerAdapter.notifyItemRangeChanged(positionStart + headerViewsCount, itemCount, payload);
                }
                dataChanged();
            }
    

    adapter的一个观察者, 当他发生变化时, 会通知wrapAdapter做出相应的修改.这里也要将头布局带来的偏移考虑进去.
    世界变得美好了!

    --END

    相关文章

      网友评论

          本文标题:上拉刷新和下拉加载RecyclerView中删除条目的坑

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