关于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<List<String>> loader, List<String> 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<String> 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