前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >完全自定义样式的一句话实现RecyclerView的单选多选

完全自定义样式的一句话实现RecyclerView的单选多选

作者头像
1025645
发布2018-08-23 11:25:26
9910
发布2018-08-23 11:25:26
举报
文章被收录于专栏:Android开发小工Android开发小工

一句代码实现RecyclerView的单选多选效果,并且样式完全自定义。哈哈,其实所谓的一句话哔哔哔都是合理封装后的结果 ,根据项目常用需求封装出常用的效果。

今天的主题是封装RecyclerView的单选多选,现在大家应该都是用的RecyclerView开发列表数据吧。

因为实际项目开发中单选和多选的样式多种多样,所以这个扩展性需要下放到调用者。全部代码和例子

先看图~

单选样式图:

sinle.jpg

多选样式图:

multichoice.jpg

多选后的结果图:

result.jpg

这是接着上一篇博客RecyclerView的通用快速适配封装的基础上写的,所以你要和整个ReccylerView 的通用Adapter封装在一起用,因为这个实现的基础是对整个adapter的封装下添加单选多选逻辑的。

1、定义RecyclerView的选中状态(单选、多选、正常)
代码语言:javascript
复制
    public static final int CHOICE_MODE_NONE = 0;
    public static final int CHOICE_MODE_SINGLE = 1;
    public static final int CHOICE_MODE_MULTIPLE = 2;
    public static final int INVALID_POSITION = -1;
    private int mChoiceMode = CHOICE_MODE_NONE;
2、定义选中状态和位置的存储类

这里选择SpareseBooleanArray来存储位置和选择状态之间的关系,这个数据结构可以理解为以int值为键,boolean为值的一个简单的Map。

代码语言:javascript
复制
    private SparseBooleanArray mCheckStates;
    private int mChoiceMode = CHOICE_MODE_NONE;
    private int mCheckedItemCount;
    public void setChoiceMode(int choiceMode) {
        mChoiceMode = choiceMode;
        if (mChoiceMode != CHOICE_MODE_NONE) {
            if (mCheckStates == null) {
                mCheckStates = new SparseBooleanArray(0);
             }
         }
     }
3、单选和多选的状态改变及其在视图上的改变

下面是关键代码,先让集合的数据结构继承Checkable的接口,相当于让item自己存储来自己的选中状态,然后界面根据对于pisition 的数据结构刷新自己的视图,从而实现完全的自定义选中状态的视图变化。

代码语言:javascript
复制
public class Tag implements Checkable{
    /**
     * tid : 2
     * name : 卧槽
     */

    public String tid;
    public String name;
    private boolean mChecked;

    @Override
    public void setChecked(boolean checked) {
        mChecked = checked;
    }

    @Override
    public boolean isChecked() {
        return mChecked;
    }

    @Override
    public void toggle() {
        setChecked(!mChecked);
    }
}

然后先说简单的情况,首先这里要获取该item的点击事件,如果是多选的话,先存储点击这个位置的选中状态。然后根据选中状态更新mCheckedItemCount数量,最后刷新视图。

然后来看单选的情况,如果点击item之前有选中的了,则先消去或者说还原上一个,如果是选中就存储并刷新视图,如果没有选中就跳过。代码和这里有点出入,但是思想都是一样,代码有点乱,你可以自己优化一下。

代码语言:javascript
复制
viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = viewHolder.getAdapterPosition();

                if (mChoiceMode != CHOICE_MODE_NONE && mData.get(position) instanceof Checkable) {
                    if (mChoiceMode == CHOICE_MODE_SINGLE) {
                        boolean checked = !mCheckStates.get(position, false);
                        if (mCheckedItemCount == 1 && mCheckStates.valueAt(0)) {
                            int lastSelectedPosition = mCheckStates.keyAt(0);
                            ((Checkable) mData.get(lastSelectedPosition)).setChecked(false);
                            notifyItemChanged(lastSelectedPosition);
                        }
                        if (checked) {
                            mCheckStates.clear();
                            mCheckStates.put(position, true);
                            mCheckedItemCount = 1;
                            ((Checkable) mData.get(position)).setChecked(true);
                        } else {
                            mCheckStates.clear();
                            mCheckedItemCount = 0;
                        }
                    } else if (mChoiceMode == CHOICE_MODE_MULTIPLE) {
                        boolean checked = !mCheckStates.get(position, false);
                        mCheckStates.put(position, checked);
                        ((Checkable) mData.get(position)).toggle();
                        if (checked) {
                            mCheckedItemCount++;
                        } else {
                            mCheckedItemCount--;
                        }
                    }
                        notifyItemChanged(position);
                }
                if (mItemClickListener != null) {
                    mItemClickListener.onItemClick(position, v);
                }
            }
        });
3、设定和获取列表大单选和多选状态

单选是在初始化后通过设置setChoiceMode(AbsRecycleAdapter.CHOICE_MODE_SINGLE)方法来设置单选状态的,多选是setChoiceMode(CHOICE_MODE_MULTIPLE)来设置多选状态。

设置后单选通过getCheckedItemPosition()来获取单选位置,多选通过getCheckedItemPositions来获取所有选择的状态。

全部代码和例子

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.08.17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、定义RecyclerView的选中状态(单选、多选、正常)
  • 2、定义选中状态和位置的存储类
  • 3、单选和多选的状态改变及其在视图上的改变
  • 3、设定和获取列表大单选和多选状态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档