RecyclerView+ImageView实现单选、多选、全选、取消效果

在之前的项目开发中就碰到过列表的单选、多选、全选、取消的效果,那个时候的实现方式是采用Listview+RaidonButton或者ListView+CheckBox的方式实现,不过感觉采用Listview+RaidonButton或者ListView+CheckBox的方式实现效果并不是很好,要处理Listview的条目点击和CheckBox或者RaidonButton点击的冲突,同时还要关联条目点击和CheckBox或者RaidonButton选择的联动,所有最近换RecyclerView+ImageView方式将效果又写了下,RecyclerView+ImageView的方式就不需要去处理点击冲突和联动这些问题。

RecyclerView+ImageView实现单选
代码如下:

public class SingleActivity extends AppCompatActivity {
    private RecyclerView recyclerview;
    private List<Datainfo> datas = new ArrayList<>();

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_single);
        getData();
        recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
        //设置布局管理器
        recyclerview.setLayoutManager(new LinearLayoutManager(this));
        SingleAdater adapter = new SingleAdater(this, datas);
        //设置适配器
        recyclerview.setAdapter(adapter);
    }

    class SingleAdater extends RecyclerView.Adapter<SingleAdater.SingleHolder> {
        private List<Datainfo> mData;
        private Context mContext;
        private LayoutInflater mInflater;

        public SingleAdater(Context context, List<Datainfo> list) {
            this.mContext = context;
            mInflater = LayoutInflater.from(mContext);
            this.mData = new ArrayList<>();
            if (mData != null) {
                this.mData.addAll(list);
            }
        }

        /**
         * 刷新数据
         *
         * @param list
         */
        public void nodfiyData(List<Datainfo> list) {
            if (list != null) {
                this.mData.clear();
                this.mData.addAll(list);
            }
            notifyDataSetChanged();
        }

        @Override
        public SingleHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = mInflater.inflate(R.layout.single_item, parent, false);
            SingleHolder holder = new SingleHolder(view);
            return holder;
        }

        @Override
        public void onBindViewHolder(final SingleHolder holder, int position) {
            final Datainfo datainfo = mData.get(position);
            holder.tvItem.setText(datainfo.itemContent);
            final boolean isCheck = datainfo.isCheck;
            if (isCheck) {
                //被选
                holder.ivCheck.setImageResource(R.drawable.image_check);
            } else {
                //未被选
                holder.ivCheck.setImageResource(R.drawable.image_uncheck);
            }
            holder.llLayout.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    String newId = datainfo.itemId;
                    for (Datainfo datainfo1 : datas) {
                        String oldId = datainfo1.itemId;
                        if (newId.equals(oldId)) {
                            datainfo1.isCheck = true;
                        }else{
                            datainfo1.isCheck = false;
                        }
                    }
                    //刷新数据
                    nodfiyData(datas);
                }
            });
        }

        @Override
        public int getItemCount() {
            return mData.size();
        }

        class SingleHolder extends RecyclerView.ViewHolder {
            ImageView ivCheck;
            TextView tvItem;
            LinearLayout llLayout;

            public SingleHolder(View itemView) {
                super(itemView);
                ivCheck = (ImageView) itemView.findViewById(R.id.iv_check);
                tvItem = (TextView) itemView.findViewById(R.id.tv_item);
                llLayout = (LinearLayout) itemView.findViewById(R.id.ll_layout);
            }
        }
    }

    private void getData() {
        for (int i = 0; i < 40; i++) {
            Datainfo info = new Datainfo();
            info.isCheck = false;
            info.itemContent = "item" + i;
            info.itemId = "" + i;
            datas.add(info);
        }
    }
}
GIF.gif

并没有影响条目点击事件,同时列表数据并没有出现错乱;因为RecyclerView本身是没有条目点击事件的,所以这里并不需给RecyclerView设置条目点击,直接给item条目设置点击事件,在对点击时处理imageview的背景要好处理写。

RecyclerView+ImageView实现多选、全选、取消效果
代码如下:

public class MoreActivity extends AppCompatActivity{
    private RecyclerView recyclerview;
    private List<Datainfo> datas = new ArrayList<>();
    private MoreAdpter adapter;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_more);
        getData();
        recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
        //设置布局管理器
        recyclerview.setLayoutManager(new LinearLayoutManager(this));
        //设置adapter
        adapter =new MoreAdpter(this,datas);
        recyclerview.setAdapter(adapter);
    }

    /**
     * 全选
     * @param view
     */
    public void btnAll(View view){
        setData(true);
    }

    /**
     * 取消
     * @param view
     */
    public void btnCanl(View view){
        setData(false);
    }
    /**
     * 根据全选或取消设置数据
     * @param isAll  是否全选
     */
    private void setData(boolean isAll){
        for (Datainfo data : datas) {
            if(isAll){
                data.isCheck=true;
            }else{
                data.isCheck=false;
            }
        }
        //刷新数据
        adapter.nodfiyData(datas);
    }
    class MoreAdpter extends RecyclerView.Adapter<MoreAdpter.MoreHolder>{
        private List<Datainfo> mData;
        private Context mContext;
        private LayoutInflater mInflater;
        public MoreAdpter(Context context, List<Datainfo> list) {
            this.mContext = context;
            mInflater = LayoutInflater.from(mContext);
            this.mData = new ArrayList<>();
            if (mData != null) {
                this.mData.addAll(list);
            }
        }

        /**
         * 刷新数据
         *
         * @param list
         */
        public void nodfiyData(List<Datainfo> list) {
            if (list != null) {
                this.mData.clear();
                this.mData.addAll(list);
            }
            notifyDataSetChanged();
        }
        @Override
        public MoreHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = mInflater.inflate(R.layout.single_item, parent, false);
            MoreHolder holder = new MoreHolder(view);
            return holder;
        }

        @Override
        public void onBindViewHolder(MoreHolder holder, int position) {
            final Datainfo datainfo = mData.get(position);
            holder.tvItem.setText(datainfo.itemContent);
            final boolean isCheck = datainfo.isCheck;
            if (isCheck) {
                //被选
                holder.ivCheck.setImageResource(R.drawable.image_check);
            } else {
                //未被选
                holder.ivCheck.setImageResource(R.drawable.image_uncheck);
            }
            holder.llLayout.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    String newId = datainfo.itemId;
                    for (Datainfo datainfo1 : datas) {
                        String oldId = datainfo1.itemId;
                        if (newId.equals(oldId)) {
                            boolean isCheck1 = datainfo1.isCheck;
                            if(isCheck1){
                                datainfo1.isCheck=false;
                            }else{
                                datainfo1.isCheck=true;
                            }
                            break;
                        }
                    }
                    //刷新数据
                    nodfiyData(datas);
                }
            });
        }

        @Override
        public int getItemCount() {
            return mData.size();
        }

        class MoreHolder extends RecyclerView.ViewHolder{
            ImageView ivCheck;
            TextView tvItem;
            LinearLayout llLayout;
            public MoreHolder(View itemView) {
                super(itemView);
                ivCheck = (ImageView) itemView.findViewById(R.id.iv_check);
                tvItem = (TextView) itemView.findViewById(R.id.tv_item);
                llLayout = (LinearLayout) itemView.findViewById(R.id.ll_layout);
            }
        }
    }
    private void getData() {
        for (int i = 0; i < 40; i++) {
            Datainfo info = new Datainfo();
            info.isCheck = false;
            info.itemContent = "item" + i;
            info.itemId = "" + i;
            datas.add(info);
        }
    }
}

GIF.gif

同样不影响条目点击,列表数据也没有出现错乱。

源码地址:
http://pan.baidu.com/s/1eR819ei

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,302评论 25 707
  • 我听过,就像野兽的哀嚎一样恐怖! 就在前几天的厦门,我和一个与我一样充满好奇心的女生一起看过,晚上9点多了,我和她...
    李冬莉阅读 731评论 5 1
  • “春天又来了呀。”清晨走在去教室的路上,西西对身旁仍旧睡眼惺忪的小赖说。 都说心底善良的女孩子总是会有...
    王疯疯阅读 476评论 0 1
  • 像是一场雾里的挥手作别,是模糊的惆怅。八月末,九月初,大概是合欢花落尽的季节,传统意义上阖家团圆的那天将近,...
    郁洲阅读 533评论 0 5
  • 下面是我个人在做行动计划时的一些方法,希望可以帮到你 1、分析当前生活模式。 以7天为一个时间周期,记录并总结近期...
    磐玉2阅读 1,265评论 0 50