Android中ListView綁定CheckBox實現全選增加和刪除功能(DEMO)_Android

來源:互聯網
上載者:User

ListView控制項還是挺複雜的,也是項目中應該算是比較常用的了,所以寫了一個小Demo來講講,主要是自訂adapter的用法,加了很多的判斷等等等等….我們先來看看實現的效果吧!

好的,我們建立一個項目LvCheckBox

我們事先先把這兩個布局寫好吧,一個是主布局,還有一個listview的item.xml,相信不用多說

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="50dp"android:background="#238286" ><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:text="ListView綁定CheckBox"android:textColor="#fff" /><TextViewandroid:id="@+id/tv_add"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:layout_marginRight="17dp"android:text="增加"android:textColor="#fff" /></RelativeLayout><ListViewandroid:id="@+id/listview"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1" ></ListView><LinearLayoutandroid:layout_width="match_parent"android:layout_height="50dp"android:orientation="horizontal" ><Buttonandroid:id="@+id/btn_detele"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_marginRight="1dp"android:layout_weight="1"android:background="#238286"android:text="刪除"android:textColor="#fff" /><Buttonandroid:id="@+id/btn_select_all"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_marginLeft="1dp"android:layout_weight="1"android:background="#238286"android:text="全選"android:textColor="#fff" /></LinearLayout></LinearLayout>

item.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="50dp"android:gravity="center_vertical"android:orientation="horizontal" ><TextViewandroid:id="@+id/tvTitle"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="15dp"android:layout_weight="7"android:text="text" /><CheckBoxandroid:id="@+id/cbCheckBox"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1" /></LinearLayout>

item.xml只有兩個控制項,很好理解吧

初始化控制項

我們用initView()方法來初始化這些控制項

private void initView() {tv_add = (TextView) findViewById(R.id.tv_add);tv_add.setOnClickListener(this);btn_detele = (Button) findViewById(R.id.btn_detele);btn_detele.setOnClickListener(this);btn_select_all = (Button) findViewById(R.id.btn_select_all);btn_select_all.setOnClickListener(this);listview = (ListView) findViewById(R.id.listview);}

然後繼承點擊事件,button的和listview的

implements OnClickListener,OnItemClickListener

自訂Adapter

這裡最難的就是adapter了

1.Bean

我們為了資料的記錄方便,我們提前寫一個實體類

package com.lgl.lvcheckbox;public class Bean {private String title;// 構造方法public Bean(String title) {super();this.title = title;}public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}}

ListAdapter

這裡所有的都寫了注釋,也方便大家看清

package com.lgl.lvcheckbox;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.CheckBox;import android.widget.CompoundButton;import android.widget.CompoundButton.OnCheckedChangeListener;import android.widget.TextView;/*** 自訂配接器* * @author LGL**/public class ListAdapter extends BaseAdapter {// 資料集private List<Bean> list = new ArrayList<Bean>();// 上下文private Context mContext;// 儲存勾選框狀態的map集合private Map<Integer, Boolean> isCheck = new HashMap<Integer, Boolean>();// 構造方法public ListAdapter(Context mContext) {super();this.mContext = mContext;// 預設為不選中initCheck(false);}// 初始化map集合public void initCheck(boolean flag) {// map集合的數量和list的數量是一致的for (int i = 0; i < list.size(); i++) {// 設定預設的顯示isCheck.put(i, flag);}}// 設定資料public void setData(List<Bean> data) {this.list = data;}// 添加資料public void addData(Bean bean) {// 下標 資料list.add(0, bean);}@Overridepublic int getCount() {// TODO Auto-generated method stub// 如果為null就返回一個0return list != null ? list.size() : 0;}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn list.get(position);}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {ViewHolder viewHolder = null;View view = null;// 判斷是不是第一次進來if (convertView == null) {view = LayoutInflater.from(mContext).inflate(R.layout.item, null);viewHolder = new ViewHolder();viewHolder.title = (TextView) view.findViewById(R.id.tvTitle);viewHolder.cbCheckBox = (CheckBox) view.findViewById(R.id.cbCheckBox);// 標記,可以複用view.setTag(viewHolder);} else {view = convertView;// 直接拿過來用viewHolder = (ViewHolder) view.getTag();}// 拿到對象Bean bean = list.get(position);// 填充資料viewHolder.title.setText(bean.getTitle().toString());// 勾選框的點擊事件viewHolder.cbCheckBox.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton buttonView,boolean isChecked) {// 用map集合儲存isCheck.put(position, isChecked);}});// 設定狀態if (isCheck.get(position) == null) {isCheck.put(position, false);}viewHolder.cbCheckBox.setChecked(isCheck.get(position));return view;}// 最佳化public static class ViewHolder {public TextView title;public CheckBox cbCheckBox;}// 全選按鈕擷取狀態public Map<Integer, Boolean> getMap() {// 返回狀態return isCheck;}// 刪除一個資料public void removeData(int position) {list.remove(position);}}

當然,有些方法是後面寫的,我們提前寫好,比如刪除和增加什麼的

初始化資料

我們預設總是需要點資料的

private void initData() {// 預設顯示的資料List<Bean> list = new ArrayList<Bean>();list.add(new Bean("張三"));list.add(new Bean("李四"));list.add(new Bean("王五"));adapter = new ListAdapter(this);adapter.setData(list);listview.setAdapter(adapter);}

增加資料

// 添加資料case R.id.tv_add:adapter.addData(new Bean("劉桂林"));// 通知重新整理適配器adapter.notifyDataSetChanged();break;

全選資料

當我們全選的時候,按鈕應該為全不選的,所以這裡我們這裡有狀態的

case R.id.btn_select_all:// 全選——全不選Map<Integer, Boolean> isCheck = adapter.getMap();if (btn_select_all.getText().equals("全選")) {adapter.initCheck(true);// 通知重新整理適配器adapter.notifyDataSetChanged();btn_select_all.setText("全不選");btn_select_all.setTextColor(Color.YELLOW);} else if (btn_select_all.getText().equals("全不選")) {adapter.initCheck(false);// 通知重新整理適配器adapter.notifyDataSetChanged();btn_select_all.setText("全選");btn_select_all.setTextColor(Color.YELLOW);}break;

刪除資料

刪除也是要考慮很多因素

// 刪除資料case R.id.btn_detele:// 拿到所有資料Map<Integer, Boolean> isCheck_delete = adapter.getMap();// 擷取到條目數量,map.size = list.size,所以int count = adapter.getCount();// 遍曆for (int i = 0; i < count; i++) {// 刪除有兩個map和list都要刪除 ,計算方式int position = i - (count - adapter.getCount());// 判斷狀態 true為刪除if (isCheck_delete.get(i) != null && isCheck_delete.get(i)) {// listview刪除資料isCheck_delete.remove(i);adapter.removeData(position);}}btn_select_all.setText("全選");btn_select_all.setTextColor(Color.WHITE);adapter.notifyDataSetChanged();break;

這裡的

int position = i - (count - adapter.getCount());

是一個計算方式,當我們刪除之後,實際上數組是需要重新排列的,同時按鈕也要變回全選狀態的

listview的點擊

我們直接點擊也是可以勾選cheakbox選中的// listview的點擊事件@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position,long id) {// 判斷view是否相同if (view.getTag() instanceof ViewHolder) {// 如果是的話,重用ViewHolder holder = (ViewHolder) view.getTag();// 自動觸發holder.cbCheckBox.toggle();}}

以上所述是小編給大家介紹的Android中ListView綁定CheckBox實現全選增加和刪除功能(DEMO),希望對大家有所協助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.