ListView长按Item显示CheckBox并进行批量删除操作

最新推荐文章于 2022-03-02 10:54:00 发布

哆啦U梦

最新推荐文章于 2022-03-02 10:54:00 发布

阅读量3k

点赞数

分类专栏： android 文章标签： listview 批量删除 CheckBox

本文链接：https://blog.csdn.net/u013952370/article/details/50461865

版权

android 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

ListView应该是每个项目中必不可少的控件了，有的可以编辑的ListView中有批量删除的功能，还有的ListView可以手动调Item排序。下面的代码就是如何实现ListView(默认为无上下拉加载功能的)的批量删除功能。

文章最后提供完整demo代码下载。

主Activity布局

activity_main.xml
一个ListView控件,代码不传了。

Item布局

item_listview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="5dp"
    android:layout_marginBottom="5dp"
    android:descendantFocusability="blocksDescendants"
    android:orientation="horizontal" >

    <CheckBox
        android:id="@+id/listview_select_cb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <TextView
        android:id="@+id/listview_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="22sp"
        />
</LinearLayout>

使用descendantFocusability的blockDescendants属性解决焦问题。
关于此属性三个值，请点击这里查看。

批量选择的操作选项界面

包括返回，删除，全选和反选
operate_view.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:paddingTop="10dp"
   android:paddingBottom="10dp"
   android:layout_gravity="bottom"
   android:gravity="bottom"
   android:background="#3f3f3f"
   android:weightSum="3"
   android:orientation="horizontal" >

   <TextView
   android:id="@+id/operate_back"
   android:layout_width="0dp"
   android:layout_height="wrap_content"
   android:layout_weight="1"
   android:gravity="center"
   android:text="返回"
   android:textSize="22sp"
   />
   <TextView
   android:id="@+id/operate_select"
   android:layout_width="0dp"
   android:layout_height="wrap_content"
   android:layout_weight="1"
   android:gravity="center"
   android:text="全选"
   android:textSize="22sp"
   />
   <TextView
   android:id="@+id/operate_delete"
   android:layout_width="0dp"
   android:layout_height="wrap_content"
   android:layout_weight="1"
   android:gravity="center"
   android:text="刪除"
   android:textSize="22sp"
   />
</LinearLayout>

操作界面显示动画

operate_out.xml

<?xml version="1.0" encoding="utf-8"?>
<translate
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="0"
    android:toYDelta="100%"
    android:duration="500"
    >
</translate>

操作界面隐藏动画

operate_in.xml

<?xml version="1.0" encoding="utf-8"?>
<translate
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="100%"
    android:toYDelta="0"
    android:duration="500"
    >
</translate>

Item数据实体的属性

private  String  msg ;
private boolean  isShow ;  // 是否显示CheckBox
private boolean  isChecked ;  // 是否选中CheckBox

添加两个字段标识是否显示CheckBox和是否选中CheckBox

主界面

private static boolean  isShow ;  // 是否显示CheckBox标识

Item点击监听

listView.setOnItemLongClickListener(new OnItemLongClickListener() {

    @Override
    public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
        if (isShow) {
            return false;
        } else {
            isShow = true;
            for (ItemBean bean : dataList) {
                bean.setShow(true);
            }
            adapter.notifyDataSetChanged();
            showOpervate();
            listView.setLongClickable(false);
        }
        return true;
    }
});

Item长按监听:

listView.setOnItemClickListener(new OnItemClickListener() {

    @Override
    public void onItemClick(AdapterView<?> parent, View view,
            int position, long id) {
        if (isShow) {
            ItemBean bean = dataList.get(position);
            boolean isChecked = bean.isChecked();
            if (isChecked) {
                bean.setChecked(false);
            } else {
                bean.setChecked(true);
            }
            adapter.notifyDataSetChanged();
        } else {
            Toast.makeText(MainActivity.this, dataList.get(position).getMsg(), Toast.LENGTH_SHORT).show();
        }
    }
});

批量选中接口回掉

@Override
public void onShowItemClick(ItemBean bean) {
    if (bean.isChecked() && !selectList.contains(bean)) {
        selectList.add(bean);
    } else if (!bean.isChecked() && selectList.contains(bean)) {
        selectList.remove(bean);
    }
}

进入批量选择状态显示操作界面

private void showOpervate() {
//    ViewGroup view = (ViewGroup) findViewById(R.id.main_view);
    LayoutInflater inflater = (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    rootView = (RelativeLayout) findViewById(R.id.main_activity);
    opreateView = (LinearLayout) inflater.inflate(R.layout.opreate_view, null);
    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
            RelativeLayout.LayoutParams.WRAP_CONTENT);
    params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
    // 操作界面动画
    Animation anim = AnimationUtils.loadAnimation(this, R.anim.operate_in);
    opreateView.setAnimation(anim);
    rootView.addView(opreateView, params);
    // 返回、删除、全选和反选按钮初始化及点击监听
    TextView tvBack = (TextView) opreateView.findViewById(R.id.operate_back);
    TextView tvDelete = (TextView) opreateView.findViewById(R.id.operate_delete);
    final TextView tvSelect = (TextView) opreateView.findViewById(R.id.operate_select);
    tvSelect.setText("全选");
    tvBack.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            if (isShow) {
                selectList.clear();
                for (ItemBean bean : dataList) {
                    bean.setChecked(false);
                    bean.setShow(false);
                }
                adapter.notifyDataSetChanged();
                isShow = false;
                listView.setLongClickable(true);
                dismissOperate();
            }
        }
    });
    tvSelect.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            if ("全选".equals(tvSelect.getText().toString())) {
                for (ItemBean bean : dataList) {
                    if (!bean.isChecked()) {
                        bean.setChecked(true);
                        if (!selectList.contains(bean)) {
                            selectList.add(bean);
                        }
                    }
                }
                adapter.notifyDataSetChanged();
                tvSelect.setText("反选");
            } else if ("反选".equals(tvSelect.getText().toString())) {
                for (ItemBean bean : dataList) {
                    bean.setChecked(false);
                    if (!selectList.contains(bean)) {
                        selectList.remove(bean);
                    }
                }
                adapter.notifyDataSetChanged();
                tvSelect.setText("全选");
            }
        }
    });
    tvDelete.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            if (selectList!=null && selectList.size()>0) {
                dataList.removeAll(selectList);
                adapter.notifyDataSetChanged();
                selectList.clear();
            } else {
                Toast.makeText(MainActivity.this, "请选择条目", Toast.LENGTH_SHORT).show();
            }
        }
    });
}

隐藏操作界面

    private void dismissOperate() {
        if (opreateView != null) {
            Animation anim  = AnimationUtils.loadAnimation(MainActivity.this, R.anim.operate_out);
            opreateView.setAnimation(anim);
            rootView.removeView(opreateView);
        }
    }

监听返回键
选择状态下点击返回键进入普通状态
普通状态点击返回键退回到上一级，在demo中即退出。

@Override
public void onBackPressed() {
  if (isShow) {
      selectList.clear();
      for (ItemBean bean : dataList) {
          bean.setChecked(false);
          bean.setShow(false);
      }
      adapter.notifyDataSetChanged();
      isShow = false;
      listView.setLongClickable(true);
      dismissOperate();
  } else {
      super.onBackPressed();
  }
}

适配器

MyAdapter.java

getView()中切换是否多选状态，动态更新CheckBox选中状态

// 是否是多选状态
if (bean.isShow()) {
    holder.cb.setVisibility(View.VISIBLE);
} else {
    holder.cb.setVisibility(View.GONE);
}

Item点击监听

holder.cb.setOnCheckedChangeListener(new OnCheckedChangeListener() {

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            bean.setChecked(true);
        } else {
            bean.setChecked(false);
        }
        // 回调方法，将Item加入已选
        onShowItemClickListener.onShowItemClick(bean);
    }
});
// 必须放在监听后面,否则会造成点击的Item和选中的Item不一致
holder.cb.setChecked(bean.isChecked());

回调接口

public interface OnShowItemClickListener {
    public void onShowItemClick(ItemBean bean);
}

下载完整代码

点击这里下载完整代码

哆啦U梦

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
ListView长按Item显示CheckBox并进行批量删除操作

ListView应该是每个项目中必不可少的控件了，有的可以编辑的ListView中有批量删除的功能，还有的ListView可以手动调Item排序。下面的代码就是如何实现ListView(默认为无上下拉加载功能的)的批量删除功能。主Activity布局activity_main.xml 一个ListView控件,代码不传了。Item布局item_listview.xml<?xml versi
复制链接

扫一扫