Android developing tipsAndroid技术知识Android开发

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

2017-08-17  本文已影响631人  蝉翅的空响

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

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

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

先看图~

单选样式图:

sinle.jpg

多选样式图:

multichoice.jpg

多选后的结果图:

result.jpg

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

1、定义RecyclerView的选中状态(单选、多选、正常)

    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。

    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 的数据结构刷新自己的视图,从而实现完全的自定义选中状态的视图变化。

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之前有选中的了,则先消去或者说还原上一个,如果是选中就存储并刷新视图,如果没有选中就跳过。代码和这里有点出入,但是思想都是一样,代码有点乱,你可以自己优化一下。

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来获取所有选择的状态。
全部代码和例子

上一篇 下一篇

猜你喜欢

热点阅读