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

关于RecyclerView多选的实现方案,我参考过两个recyclerview-multiselectAndroidRecyclerViewDemo。但都是基于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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容