RecyclerView多选的实现(非长按弹ActionMode)

关于RecyclerView多选的实现方案,我参考过两个recyclerview-multiselect、AndroidRecyclerViewDemo。但都是基于ActionMode的交互方式,即先在某个列表项上长按,呼出ActionMode,进入到“多选模式”,再进行多选。且上面两个项目感觉集成起来还是有点麻烦。后来我又参考了twoway-view,做出了现在的多选的方案。其实也不是一两句话就能实现的,只是先比之下稍微简省一点,没啥倾入性,可以在原来代码上扩展,不用改原有的代码。

集成的步骤:

  • 在使用rv的页面定义一个ItemSelectionSupport mSelectionSupport的成员变量。
  • 在取到rv显示用的列表数据后,new 这个ItemSelectionSupport,然后调用mSelectionSupport.setChoiceModeMultiple(onAllSelectedListener),参数可以为null。
  • 将rv要使用的Adapter扩展一下。假设这个继承自你原来给rv用的Adapter的类的名字叫SelectableAdapter。其内部多了一个ItemSelectionSupport的成员。其值就是在第2步new出来的值,传进去的。接下来是关键的一步。
  • 将你原有给rv用的ViewHolder也扩展一下。这回里面多了2个成员,一是CheckBox控件(这个可选,当然你的item的布局xml文件里面也多塞这么个CheckBox); 二是多持有了相关联的Adapter(SelectableAdapter)的引用。再加上如下一点点代码,就可基本实现功能了:
public void bind(int position) {
    boolean checked = mAdapter.getSelectionSupport().isItemChecked(position);
    mCheckbox.setChecked(checked);
    itemView.setActivated(checked);
}

@OnClick(R.id.list_item_container)
void onItemClick() {
    mAdapter.notifyItemChanged(getPosition()); // 局部更新
}

上面调用了mAdapter.notifyItemChanged()之后,最终会调用上面的bind方法。更新点击的那条记录的选中与否的UI。说了这么多,还是需要贴上相关代码,才能表达清楚:

    @Override
    public void onLoadFinished(Loader> loader, List data) {
        mSelectionSupport = new ItemSelectionSupport(mRvDemo);
        handleAllSelectedOrNot(false);
        mSelectionSupport.setChoiceModeMultiple(allSelected -> handleAllSelectedOrNot(allSelected));
//        mAdapter = new BaseAdapter(data);  // You can enable(uncomment) this line, and disable next line
        mAdapter = new SelectableAdapter(data, mSelectionSupport);
        mRvDemo.setAdapter(mAdapter);
    }
    
    public static class SelectableAdapter extends BaseAdapter {
        private ItemSelectionSupport mSelectionSupport;

        public SelectableAdapter(List data, ItemSelectionSupport selectionSupport) {
            super(data);
            mSelectionSupport = selectionSupport;
        }

        public ItemSelectionSupport getSelectionSupport() {
            return mSelectionSupport;
        }

        @Override
        public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            return new SelectableViewHolder(
                    LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false),
                    this);
        }

        @Override
        public void onBindViewHolder(BaseViewHolder holder, int position) {
            super.onBindViewHolder(holder, position);
            ((SelectableViewHolder) holder).bind(position);
        }

        /////////////////////////////////////////////////////////////////////////////////////////////////////////

        public static class SelectableViewHolder extends BaseViewHolder {
            @Bind(R.id.cb_demo)
            CheckBox mCheckbox;
            private SelectableAdapter mAdapter;

            public SelectableViewHolder(View v, SelectableAdapter adapter) {
                super(v);
                mAdapter = adapter;
                ButterKnife.bind(this, v);
            }

            public void bind(int position) {
                boolean checked = mAdapter.getSelectionSupport().isItemChecked(position);
                mCheckbox.setChecked(checked);
                itemView.setActivated(checked);
            }

            @OnClick(R.id.list_item_container)
            void onItemClick() {
                mAdapter.notifyItemChanged(getPosition()); // 局部更新
            }
        }
    }

概括一下就是列表项界面上加checkbox或针对activated状态的selector, 继承一下原有代码的Adapter和ViewHolder并添加少量代码,就行了。
再来说说ItemSelectionSupport是用来干啥的,首先是:接收并处理rv上的点击事件(内部有个GestureDetector来识别)。转化成多选的选上和取消选上。存储用的数据结果是继承自SparseBooleanArray的CheckedStates类。这个和ListView内部用的是一样一样的(其实recyclerview-multiselect的内部实现也是类似的,同样写得很清晰,也是多选的推荐方案)。选中的位置记录上了,我们就可以通过ItemSelectionSupport.getCheckedItemPositions() 来得到这个SparseBooleanArray。然后遍历,其中valueAt(i)为true的postition的值就是keyAt(i),(这个不懂的可以看后面完整的例子)。
然后就是这个ItemSelectionSupport的代码源自twoway-view。但是还是有所改动,主要是去掉了updateOnScreenCheckedViews(), 因为里面有这个:
mRecyclerView.getChildAt(position).setActivated(isActivated),问题在于rv会复用子项的view,所有当你只想给位置1的子项设置为true的activated(即选中),而位置11上复用了这个view,导致你滑了一屏,来到位置11,看到此位置上view也是选中。关于这个bug,感兴趣的可以看看我写的这个工程,构建后跑在手机上,你选前几个,然后滑动一屏,会发现又有选中的了。另外,我在ItemSelectionSupport里添加了对全选的支持。
既然RecyclerView.getChildAt(position)不好使,如何将选中状态更新到UI?答案是用rv的局部刷新功能,即在rv的itemView的onClickListener里面调用adapter.notifyItemChanged(clickedPosition), 这个调用会导致调用adapter的onBindViewHolder(holder, clickedPosition), 这时从SelectionSupport里面取出这个clickedPosition对应的选中与否的状态。(由于ItemSelectionSupport对click时间的handle先于我们自己的clickListener,所以这时能取到正确的选中与否的状态。然后把这个状态告诉CheckBox或activated_selector就完事儿了。注意,为避免CheckBox自己接收点击事件,我们需要为CheckBox设置android:clickable="false"。为了不让itemView内部的子View接收点击事件,我们在itemView的布局文件最外层设置android:descendantFocusability="blocksDescendants"
最后,附上完整代码,包括了全选的场景:
https://github.com/tedzyc/RecyclerView-MultiSelect-Demo

你可能感兴趣的:(RecyclerView多选的实现(非长按弹ActionMode))