app的开发中，会常遇到这样的需求：批量取消（删除）list中的数据。这就要求listview支持批量选择、全选、单选等等功能，做一个比较强大的listview批量选择功能是很有必要的，那如何做呢?
可想而知，要支持批量选择，那checkbox的使用是不可或缺的，下面，就使用listview结合checkbox实现数据的批量选择。
先看下效果图，有图有真相：
先说明接下来要实现的listview+checkbox支持的功能：
- 1. 外部点击“编辑”（长按listview的某一项也可），出现复选框；
- 2. 支持全选、复选、全不选
- 3. 支持获取选中的数据的信息
接下来，带大家看下实现的步骤：
1. 定义list_item_data.xml，列表的内容显示，要求其中含有checkbox
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffff" android:orientation="horizontal"> <linearlayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:gravity="center_vertical" android:orientation="horizontal"> <checkbox android:id="@+id/checkbox_operate_data" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_margin="6dp" android:visibility="gone" /> <imageview android:id="@+id/material_item_img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:adjustviewbounds="true" android:scaletype="centercrop" android:src="@mipmap/ic_launcher" /> </linearlayout> <linearlayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:orientation="horizontal" android:paddingbottom="10dp" android:paddingtop="10dp"> <view android:id="@+id/user_head_img" android:layout_width="5dp" android:layout_height="fill_parent" android:background="#4483c9" /> <linearlayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical"> <textview android:id="@+id/text_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:singleline="true" android:text="标题" android:textcolor="#555555" android:textsize="16sp" /> <linearlayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margintop="10dp" android:gravity="center_vertical" android:orientation="horizontal"> <textview android:id="@+id/text_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:gravity="bottom" android:singleline="true" android:text="描述描述描述描述描述描述" android:textcolor="#aaaaaa" android:textsize="14sp" /> </linearlayout> </linearlayout> </linearlayout> </linearlayout> |
2. 定义数据显示的bean
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
public class databean { public string id; public string title; public string desc; public boolean ischeck; public databean(string id, string title, string desc) { this.id = id; this.title = title; this.desc = desc; } } |
注：databean中含有ischeck属性，该属性主要标志checkbox是否选中。
3. 定义数据显示的adapter，在该adapter中，我们需要实现两个重要的功能：控制是否显示checkbox； 控制checkbox是否显示
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
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.textview; import java.util.list; public class myadapter extends baseadapter { private context mcontext; private list<databean> mdatas; private layoutinflater minflater; public boolean flage = false; public myadapter(context mcontext, list<databean> mdatas) { this.mcontext = mcontext; this.mdatas = mdatas; minflater = layoutinflater.from(this.mcontext); } @override public int getcount() { return mdatas.size(); } @override public object getitem(int i) { return mdatas.get(i); } @override public long getitemid(int i) { return i; } @override public view getview(int position, view convertview, viewgroup viewgroup) { viewholder holder = null; if (convertview == null) { // 下拉项布局 convertview = minflater.inflate(r.layout.list_item_data, null); holder = new viewholder(); holder.checkboxoperatedata = (checkbox) convertview.findviewbyid(r.id.checkbox_operate_data); holder.texttitle = (textview) convertview.findviewbyid(r.id.text_title); holder.textdesc = (textview) convertview.findviewbyid(r.id.text_desc); convertview.settag(holder); } else { holder = (viewholder) convertview.gettag(); } final databean databean = mdatas.get(position); if (databean != null) { holder.texttitle.settext(databean.title); holder.textdesc.settext(databean.desc); // 根据isselected来设置checkbox的显示状况 if (flage) { holder.checkboxoperatedata.setvisibility(view.visible); } else { holder.checkboxoperatedata.setvisibility(view.gone); } holder.checkboxoperatedata.setchecked(databean.ischeck); //注意这里设置的不是oncheckedchanglistener，还是值得思考一下的 holder.checkboxoperatedata.setonclicklistener(new view.onclicklistener() { @override public void onclick(view v) { if (databean.ischeck) { databean.ischeck = false; } else { databean.ischeck = true; } } }); } return convertview; } class viewholder { public checkbox checkboxoperatedata; public textview texttitle; public textview textdesc; } } |
注1： flage 字段，用于标志是否显示checkbox，通过在activity中改变该值，即可在getview方法中控制是否显示checkbox。
注2： 定义checkbox的setonclicklistener方法，而不是oncheckedchanglistener，如此使用，可方便控制checkbox是否选中。
4. 定义activity
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
public class mainactivity extends activity { private button button; private listview listview; private list<databean> mdatas; private myadapter madapter; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); button = (button) findviewbyid(r.id.button); listview = (listview) findviewbyid(r.id.listview); mdatas = new arraylist<>(); for (int i = 0; i < 20; i++) { databean databean = new databean("" + i, "上邪", "山无棱，天地合，乃敢与君绝"); mdatas.add(databean); } madapter = new myadapter(this, mdatas); listview.setadapter(madapter); } /** * 编辑、取消编辑 * @param view */ public void btneditlist(view view) { madapter.flage = !madapter.flage; if (madapter.flage) { button.settext("取消"); } else { button.settext("编辑"); } madapter.notifydatasetchanged(); } /** * 全选 * @param view */ public void btnselectalllist(view view) { if (madapter.flage) { for (int i = 0; i < mdatas.size(); i++) { mdatas.get(i).ischeck = true; } madapter.notifydatasetchanged(); } } /** * 全不选 * @param view */ public void btnnolist(view view) { if (madapter.flage) { for (int i = 0; i < mdatas.size(); i++) { mdatas.get(i).ischeck = false; } madapter.notifydatasetchanged(); } } /** * 反选 * @param view */ public void btnfanxuanlist(view view) { if (madapter.flage) { for (int i = 0; i < mdatas.size(); i++) { if (mdatas.get(i).ischeck) { mdatas.get(i).ischeck = false; } else { mdatas.get(i).ischeck = true; } } madapter.notifydatasetchanged(); } } /** * 获取选中数据 * @param view */ public void btnoperatelist(view view) { list<string> ids = new arraylist<>(); if (madapter.flage) { for (int i = 0; i < mdatas.size(); i++) { if (mdatas.get(i).ischeck) { ids.add(mdatas.get(i).id); } } toast.maketext(mainactivity.this,ids.tostring(), toast.length_short).show(); log.e("tag", ids.tostring()); } } } |
如此这般，完美的可批量选择的listview便实现了，希望大家喜欢。
