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

2017-05-14  本文已影响179人  sankemao

项目中有需求删除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

上一篇下一篇

猜你喜欢

热点阅读