点击listView 的编辑 出现checkbox,然后批量删除

1. 概述

在开发的过程中,下边的界面是很常见的:


图片.png

自己项目中 - 我的收藏界面:
1>:点击管理,显示listview的 checkbox复选框,点击完成,隐藏checkbox复选框;
2>:选中checkbox,单选或者多选,然后点击删除;

这种界面非常常见,电商项目中也非常常见;

2. 实现步骤如下

1>:首先调用 我的收藏 列表接口,返回list集合;
2>:然后点击管理,显示listview的 checkbox,点击完成,隐藏 checkbox;
3>:定义临时集合 tempDeletelist,用于存储选中的 商品;
4>:然后点击删除时,调用删除接口,删除成功后,然后从 list集合中removeAll(tempDeletelist)移除掉 临时集合tempDeletelist,然后刷新mAdapter.notifyDataSetChanged()即可;

对于上边的第2>步比较麻烦,在这里记录下:
第一步:在adapter中定义:

 public boolean flage = false;

第二步:在点击管理时

case R.id.rl_edit:
        mAdapter.flage = !mAdapter.flage;
        if (mAdapter.flage) {
            btnEdit.setText("取消");
            rl_bottom.setVisibility(View.VISIBLE);
        } else {
             btnEdit.setText("编辑");
             rl_bottom.setVisibility(View.GONE);
        }
             mAdapter.notifyDataSetChanged();
       break;

第三步:手动在 服务器返回的 我的收藏的 实体类中手动添加一个字段

// 用于标识checkbox选中还是未选中
public boolean isCheck;

第四步:然后在adapter中的 getView()方法中,针对于 checkbox:

// 根据flage来设置checkbox的显示状况
            if (flage) {
                holder.single_checkBox.setVisibility(View.VISIBLE);
            } else {
                holder.single_checkBox.setVisibility(View.GONE);
            }

            // 给复选框设置数据
            holder.single_checkBox.setChecked(dataBean.isCheck);

            // 复选框点击事件
            //注意这里设置的不是onCheckedChangListener,还是值得思考一下的
            holder.single_checkBox.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (dataBean.isCheck) {
                        dataBean.isCheck = false;
                    } else {
                        dataBean.isCheck = true;
                    }
          //向外暴露接口   ((CheckBox) v).isChecked()
                    checkInterface.checkGroup(position, dataBean.isCheck);
                }
            });
3. 代码如下

1>:点击管理、点击全选、点击删除的3个点击事件如下:

    @Override
    public void onClick(View v) {
        super.onClick(v);
        switch (v.getId()){
            // 点击管理
            case R.id.rl_edit:
                mAdapter.flage = !mAdapter.flage;
                if (mAdapter.flage) {
                    btnEdit.setText("取消");
                    rl_bottom.setVisibility(View.VISIBLE);
                } else {
                    btnEdit.setText("编辑");
                    rl_bottom.setVisibility(View.GONE);
                }
                mAdapter.notifyDataSetChanged();
                 break;
            //全选按钮
            case R.id.all_checkBox:
                if (list.size() != 0) {
                    if (ckAll.isChecked()) {
                        for (int i = 0; i < list.size(); i++) {
                            list.get(i).isCheck = true ;
                        }
                        mAdapter.notifyDataSetChanged();
                    } else {
                        for (int i = 0; i < list.size(); i++) {
                            list.get(i).isCheck = false;
                        }
                        mAdapter.notifyDataSetChanged();
                    }
                }
                break;
            // 点击删除
            case R.id.tv_delete_commodity:
                concatData();
                 break;
        }
    }
2>:对于点击全选:
    /**
     * 点击listview的checkbox
     */
    @Override
    public void checkGroup(int position, boolean isChecked) {
        // 点击listview的checkbox之后,从list集合中取出 isCheck
        list.get(position).isCheck = isChecked ;
        // 如果listview的checkbox全部选中,让全选的checkbox选中
        if (isAllCheck())
            ckAll.setChecked(true);
        else
            // 如果listview的checkbox没有全部选中,不要让全选的checkbox选中
            ckAll.setChecked(false);
        mAdapter.notifyDataSetChanged();
    }

    /**
     * 遍历list集合:
     *          判断是否所有的listview的checkbox全部选中
     */
    private boolean isAllCheck() {
        for (MyCollectionBean.DataBean dataBean : list) {
            if (!dataBean.isCheck)
                return false;
        }
        return true;
    }
3>: 对于点击删除:
private String merchantIds="";
    private void concatData() {
        if(list != null){
            // 定义临时集合,用于存储选中的数据
            List<MyCollectionBean.DataBean> tempDeletelist = 
                                new ArrayList<MyCollectionBean.DataBean>();
            for (MyCollectionBean.DataBean bean:list){
                boolean choosed = bean.isCheck;
                if (choosed) {
                    tempDeletelist.add(bean) ;
                }
            }
            if (tempDeletelist != null && tempDeletelist.size() > 0){
                Log.e("TAG" , "tempDeletelist:"+tempDeletelist.size()) ;

                merchantIds="";
                for (int i = 0; i < tempDeletelist.size(); i++) {
                    String id = tempDeletelist.get(i).getMerchantId()+"";
                    merchantIds += id ;
                    merchantIds += "," ;
                }
                if (merchantIds.endsWith(",")){
                    merchantIds = merchantIds.substring(0,merchantIds.length()-1) ;
                }

                // 调用删除商品接口,
                doDeleteProduct(merchantIds,tempDeletelist) ;


            }else{
                showToast("请选择要删除的商品!");
                return;
            }
        }else{
            showToast("请选择要删除的商品!");
            return;
        }
    }


    /**
     * 删除选中收藏数据
     */
    private void doDeleteProduct(String merchantIds, 
                  final List<MyCollectionBean.DataBean> tempDeletelist){

    // 调用删除接口成功后:
    ToastUtils.showMyToast(CollectionActivity.this, ToastUtils.OPTION_SUCCESS, "删除成功!");

     list.removeAll(tempDeletelist) ;
     mAdapter.notifyDataSetChanged();
}
4. 拓展

类似上边的页面,可以用于电商项目中的商品列表界面,管理、单选、全选删除可用于电商项目中的删除商品;

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,480评论 2 59
  • 一、上节回顾: (一)、三大表单控件中需要记忆的核心方法: 1、RadioButton: RadioGroup类中...
    白话徐文涛阅读 2,046评论 1 7
  • 因为有事,昨天晚上才听完钱媛媛老铁关于演讲的分享,听完心里很激动。 刚开始是先看文字板的,一直以为媛媛老铁是二十来...
    尧建红阅读 160评论 5 4
  • 一句话,这个男的不喜欢你!你的答案就是 自己过自己的生活! 因为你一次又一次的表达自己的爱意,自己认为没什么,但是...
    小茶妹阅读 248评论 0 0