1. 程式人生 > >ListView長按Item顯示CheckBox並進行批量刪除操作

ListView長按Item顯示CheckBox並進行批量刪除操作

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);
}
下載完整程式碼