博客统计信息

51cto推荐博客
用户名:noTice501
文章数:19
评论数:14
访问量:12522
无忧币:537
博客积分:890
博客等级:4
注册日期:2011-08-11

我的技术圈(1)

更多>>
android UI进阶之实现listview中checkbox的多选与记录
2012-02-17 10:56:19
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://notice501.blog.51cto.com/3428502/781905

 今天继续和大家分享涉及到listview的内容。在很多时候,我们会用到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.    
  7.     <TextView   
  8.         android:id="@+id/item_tv"   
  9.         android:layout_width="0dp"   
  10.         android:layout_height="wrap_content"   
  11.         android:layout_weight="1"   
  12.         android:gravity="center_vertical"   
  13.          />   
  14.    
  15.     <CheckBox   
  16.         android:id="@+id/item_cb"   
  17.         android:layout_width="wrap_content"   
  18.         android:layout_height="wrap_content"   
  19.         android:clickable="false"   
  20.         android:focusable="false"   
  21.         android:focusableInTouchMode="false"    
  22.         android:gravity="center_vertical"   
  23.         />   
  24.    
  25. </LinearLayout>   

下面就写一个Adapter类,我们依然继承BaseAdapter类。这里我们使用一个HashMap<Integer,boolean>的键值来记录checkbox在对应位置的选中状况,这是本例的实现的基础。

 

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

 注释已经写的非常详尽了,通过

  1. holder.cb.setChecked(getIsSelected().get(position)); 

这行代码我们实现了设置CheckBox的选中状况。

那么我们只需要在点击事件中,控制isSelected的键值即可控制对应位置checkbox的选中了。

在Activity中我们除了放置一个ListView外,还放置了三个按钮,分别实现全选,取消和反选。

看下Activity类的代码:

 

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

代码中在item的点击事件中,直接调用

  1. holder.cb.toggle(); 

先改变CheckBox的状态,然后将值存进map记录下来

而其他几个Button的点击事件,都是通过遍历list的长度来设置isSelected的值,进而通知listview根据已经变化的adapter刷新,来实现Checkbox的对应选中状态。因为对listview的处理中我们仍然使用了ViewHolder来优化ListView的效率(通过findViewById层层查找是比较耗时的,这里不了解的朋友可以看我另一篇博客,全面解析listview的)。

最后,来看下运行效果:

 

    

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

本文出自 “noTice501” 博客,请务必保留此出处http://notice501.blog.51cto.com/3428502/781905

分享至
更多
一键收藏,随时查看,分享好友!
风舞天、lyblyxj
2人
了这篇文章
类别:android UI进阶教程技术圈()┆阅读()┆评论() ┆ 推送到技术圈返回首页

文章评论

 
2012-03-01 16:02:34
listview 的东西很多人都关注 支持了

 

发表评论            

【技术门诊】专家解析:软考重点难点及应试技巧
昵  称:
登录  快速注册
验证码:

请点击后输入验证码博客过2级,无需填写验证码

内  容: