ListView長按Item顯示CheckBox並進行批量刪除操作
阿新 • • 發佈:2019-01-26
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);
}