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);
}