Android 实现listview中checkbox的多选与记录

时间:2022-02-11 07:17:15
在很多时候,我们会用到listview和checkbox配合来提供给用户一些选择操作。比如在一个清单页面,我们需要记录用户勾选了哪些条目。这个的实现并不太难,但是有很多朋友来问我如何实现,他们有遇到各种各样的问题,这里就一并写出来和大家一起分享。ListView的操作就一定会涉及到item和Adapter,我们还是先来实现这部分内容。首先,写个item的xml布局,里面放置一个TextView和一个CheckBox。要注意的时候,这里我设置了CheckBox没有焦点,这样的话,无法单独点击checkbox,而是在点击listview的条目后,Checkbox会响应操作。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="fill_parent"
  4.     android:layout_height="fill_parent"
  5.     android:orientation="horizontal" >
  6.     <TextView
  7.         android:id="@+id/item_tv"
  8.         android:layout_width="0dp"
  9.         android:layout_height="wrap_content"
  10.         android:layout_weight="1"
  11.         android:gravity="center_vertical"
  12.          />
  13.     <CheckBox
  14.         android:id="@+id/item_cb"
  15.         android:layout_width="wrap_content"
  16.         android:layout_height="wrap_content"
  17.         android:clickable="false"
  18.         android:focusable="false"
  19.         android:focusableInTouchMode="false" 
  20.         android:gravity="center_vertical"
  21.         />
  22. </LinearLayout>
复制代码
下面就写一个Adapter类,我们依然继承BaseAdapter类。这里我们使用一个HashMap<Integer,boolean>的键值来记录checkbox在对应位置的选中状况,这是本例的实现的基础。

  1. package com.notice.listcheck;
  2. import java.util.ArrayList;
  3. import java.util.HashMap;
  4. import android.content.Context;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.BaseAdapter;
  9. import android.widget.CheckBox;
  10. import android.widget.TextView;
  11. public class MyAdapter extends BaseAdapter{
  12.     // 填充数据的list
  13.     private ArrayList<String> list;
  14.     // 用来控制CheckBox的选中状况
  15.     private static HashMap<Integer,Boolean> isSelected;
  16.     // 上下文
  17.     private Context context;
  18.     // 用来导入布局
  19.     private LayoutInflater inflater = null;
  20.     
  21.     // 构造器
  22.     public MyAdapter(ArrayList<String> list, Context context) {
  23.         this.context = context;
  24.         this.list = list;
  25.         inflater = LayoutInflater.from(context);
  26.         isSelected = new HashMap<Integer, Boolean>();
  27.         // 初始化数据
  28.         initDate();
  29.     }
  30.     // 初始化isSelected的数据
  31.     private void initDate(){
  32.         for(int i=0; i<list.size();i++) {
  33.             getIsSelected().put(i,false);
  34.         }
  35.     }
  36.     @Override
  37.     public int getCount() {
  38.         return list.size();
  39.     }
  40.     @Override
  41.     public Object getItem(int position) {
  42.         return list.get(position);
  43.     }
  44.     @Override
  45.     public long getItemId(int position) {
  46.         return position;
  47.     }
  48.     @Override
  49.     public View getView(int position, View convertView, ViewGroup parent) {
  50.         ViewHolder holder = null;
  51.             if (convertView == null) {
  52.             // 获得ViewHolder对象
  53.             holder = new ViewHolder();
  54.             // 导入布局并赋值给convertview
  55.             convertView = inflater.inflate(R.layout.listviewitem, null);
  56.             holder.tv = (TextView) convertView.findViewById(R.id.item_tv);
  57.             holder.cb = (CheckBox) convertView.findViewById(R.id.item_cb);
  58.             // 为view设置标签
  59.             convertView.setTag(holder);
  60.         } else {
  61.             // 取出holder
  62.             holder = (ViewHolder) convertView.getTag();
  63.             }

  64.         // 设置list中TextView的显示
  65.         holder.tv.setText(list.get(position));
  66.         // 根据isSelected来设置checkbox的选中状况
  67.         holder.cb.setChecked(getIsSelected().get(position));
  68.         return convertView;
  69.     }
  70.     public static HashMap<Integer,Boolean> getIsSelected() {
  71.         return isSelected;
  72.     }
  73.     public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {
  74.         MyAdapter.isSelected = isSelected;
  75.     }
  76. }
复制代码
注释已经写的非常详尽了,通过

  1. holder.cb.setChecked(getIsSelected().get(position));
复制代码
这行代码我们实现了设置CheckBox的选中状况。

那么我们只需要在点击事件中,控制isSelected的键值即可控制对应位置checkbox的选中了。
在Activity中我们除了放置一个ListView外,还放置了三个按钮,分别实现全选,取消和反选。

看下Activity类的代码:

  1. package com.notice.listcheck;
  2. import java.util.ArrayList;
  3. import android.app.Activity;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.view.View.OnClickListener;
  7. import android.widget.AdapterView;
  8. import android.widget.AdapterView.OnItemClickListener;
  9. import android.widget.Button;
  10. import android.widget.ListView;
  11. import android.widget.TextView;
  12. public class Ex_checkboxActivity extends Activity {
  13.     
  14.     private ListView lv;
  15.     private MyAdapter mAdapter;
  16.     private ArrayList<String> list;
  17.     private Button bt_selectall;
  18.     private Button bt_cancel;
  19.     private Button bt_deselectall;
  20.     private int checkNum; // 记录选中的条目数量
  21.     private TextView tv_show;// 用于显示选中的条目数量
  22.     
  23.     /** Called when the activity is first created. */
  24.     @Override
  25.     public void onCreate(Bundle savedInstanceState) {
  26.         super.onCreate(savedInstanceState);
  27.         setContentView(R.layout.main);
  28.         /* 实例化各个控件 */
  29.         lv = (ListView) findViewById(R.id.lv);
  30.         bt_selectall = (Button) findViewById(R.id.bt_selectall);
  31.         bt_cancel = (Button) findViewById(R.id.bt_cancelselectall);
  32.         bt_deselectall = (Button) findViewById(R.id.bt_deselectall);
  33.         tv_show = (TextView) findViewById(R.id.tv);
  34.         list = new ArrayList<String>();
  35.         // 为Adapter准备数据
  36.         initDate();
  37.         // 实例化自定义的MyAdapter
  38.         mAdapter = new MyAdapter(list, this);
  39.         // 绑定Adapter
  40.         lv.setAdapter(mAdapter);
  41.         // 全选按钮的回调接口
  42.         bt_selectall.setOnClickListener(new OnClickListener() {
  43.             @Override
  44.             public void onClick(View v) {
  45.                 // 遍历list的长度,将MyAdapter中的map值全部设为true
  46.                 for (int i = 0; i < list.size(); i++) {
  47.                     MyAdapter.getIsSelected().put(i, true);
  48.                 }
  49.                 // 数量设为list的长度
  50.                 checkNum = list.size();
  51.                 // 刷新listview和TextView的显示
  52.                 dataChanged();
  53.             }
  54.         });
  55.         // 取消按钮的回调接口
  56.         bt_cancel.setOnClickListener(new OnClickListener() {
  57.             @Override
  58.             public void onClick(View v) {
  59.                 // 遍历list的长度,将已选的按钮设为未选
  60.                 for (int i = 0; i < list.size(); i++) {
  61.                     if (MyAdapter.getIsSelected().get(i)) {
  62.                         MyAdapter.getIsSelected().put(i, false);
  63.                         checkNum--;// 数量减1
  64.                     }
  65.                 }
  66.                 // 刷新listview和TextView的显示
  67.                 dataChanged();
  68.             }
  69.         });
  70.         // 反选按钮的回调接口
  71.         bt_deselectall.setOnClickListener(new OnClickListener() {
  72.             @Override
  73.             public void onClick(View v) {
  74.                 // 遍历list的长度,将已选的设为未选,未选的设为已选
  75.                 for (int i = 0; i < list.size(); i++) {
  76.                     if (MyAdapter.getIsSelected().get(i)) {
  77.                         MyAdapter.getIsSelected().put(i, false);
  78.                         checkNum--;
  79.                     } else {
  80.                         MyAdapter.getIsSelected().put(i, true);
  81.                         checkNum++;
  82.                     }
  83.                 }
  84.                 // 刷新listview和TextView的显示
  85.                 dataChanged();
  86.             }
  87.         });
  88.         
  89.         // 绑定listView的监听器
  90.         lv.setOnItemClickListener(new OnItemClickListener() {
  91.             @Override
  92.             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
  93.                     long arg3) {
  94.                 // 取得ViewHolder对象,这样就省去了通过层层的findViewById去实例化我们需要的cb实例的步骤          ViewHolder holder = (ViewHolder) arg1.getTag();                // 改变CheckBox的状态
  95.                 holder.cb.toggle();
  96.                 // 将CheckBox的选中状况记录下来
  97.                 MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked()); 
  98.                 // 调整选定条目
  99.                 if (holder.cb.isChecked() == true) {
  100.                     checkNum++;
  101.                 } else {
  102.                     checkNum--;
  103.                 }
  104.                 // 用TextView显示
  105.                 tv_show.setText("已选中"+checkNum+"项");
  106.                 
  107.             }
  108.         });
  109.     }
  110.     // 初始化数据
  111.     private void initDate() {
  112.         for (int i = 0; i < 15; i++) {
  113.             list.add("data" + "   " + i);
  114.         }
  115.     }
  116.     // 刷新listview和TextView的显示
  117.     private void dataChanged() {
  118.         // 通知listView刷新
  119.         mAdapter.notifyDataSetChanged();
  120.         // TextView显示最新的选中数目
  121.         tv_show.setText("已选中" + checkNum + "项");
  122.     }
  123.     
  124. }
复制代码
代码中在item的点击事件中,直接调用

  1. holder.cb.toggle();
复制代码
先改变CheckBox的状态,然后将值存进map记录下来

  1. MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked());
复制代码
而其他几个Button的点击事件,都是通过遍历list的长度来设置isSelected的值,进而通知listview根据已经变化的adapter刷新,来实现Checkbox的对应选中状态。因为对listview的处理中我们仍然使用了ViewHolder来优化ListView的效率(通过findViewById层层查找是比较耗时的.

最后,来看下运行效果:
Android 实现listview中checkbox的多选与记录     Android 实现listview中checkbox的多选与记录


好了,就写到这里。相信大家都能明白了。这里要说下一个问题,有很多朋友留言或者发邮件要博客中的一些源码。我在这里声明下,我不会去发任何我觉得已经在博客里介绍的非常清楚的实例的源码,有些实例我已经把所有代码都贴出来了,还是有人要源码。。。我希望看我博客的朋友都能真正理解这个实例,能学到更多的知识,最好能有自己的改进然后再和大家一起分享。很多朋友现在已经习惯了拿别人的源码,功能类似的就直接搬到自己项目里,这是非常不好的习惯。动动手,多写写,你会学到更多。

转自:http://www.cnblogs.com/noTice520/archive/2012/02/17/2355415.html