码迷，mamicode.com
首页 > 移动开发 > 详细

Android在listview添加checkbox实现单选多选操作问题（转）

时间：2014-11-24 16:49:22      阅读：215      评论：0      收藏：0      [点我收藏+]

标签：android   style   blog   http   io   ar   color   os   使用   

 

转自：http://yangshen998.iteye.com/blog/1310183

 

在Android某些开发需求当中，有时候需要在listveiw中加入checkbox实现单选，多选操作。表面上看上去只是改变checkbox那么简单，然而实际开发中，实现起来并不是那么得心应手。尤其当listview比较多(比如屏幕最多只能显示10个item，但总共有12个item，也就是说listview的item数大于屏幕能够显示的item数)滑动屏幕的时候，由于适配器中getview()会重复使用被移除屏幕的item，所以会造成checkbox选择状态不正常的现象。自己在开发中碰到这样的问题很是苦恼，查了下资料，发现网上很少没有针对这类批量操作并没有一个完整的例子。搜了很多篇帖子才完美的实现这一常用的操作。所以在这里把这个Demo贴出来，供大家参考，希望能对大家有所帮助。

主界面的布局main.xml 这个就不多说什么

 

Html代码 
  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="wrap_content"  
  5.     android:orientation="vertical" >  
  6.     <LinearLayout  
  7.         android:orientation="vertical"  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="wrap_content"  
  10.          >  
  11.         <TextView   
  12.             android:id="@+id/tv"  
  13.             android:layout_width="fill_parent"  
  14.             android:layout_height="50dip"  
  15.             android:textColor="#FCFCFC"  
  16.             android:textSize="11pt"  
  17.             android:gravity="center_vertical"  
  18.             android:layout_marginLeft="10dip"  
  19.             />   
  20.     <ListView  
  21.         android:id="@+id/lv"  
  22.         android:layout_width="fill_parent"  
  23.         android:layout_height="381dip"  
  24.         android:cacheColorHint ="#00000000"  
  25.          ></ListView>  
  26.     </LinearLayout>  
  27.     <RelativeLayout   
  28.         android:layout_width="fill_parent"  
  29.         android:layout_height="53dip"  
  30.         android:orientation="horizontal"  
  31.         >  
  32.         <Button   
  33.             android:id="@+id/selectall"  
  34.             android:layout_width="80dip"      
  35.             android:layout_height="50dip"  
  36.             android:layout_marginLeft="20dip"  
  37.             android:text="全选"  
  38.             android:gravity="center"  
  39.             />  
  40.         <Button   
  41.             android:id="@+id/inverseselect"  
  42.             android:layout_width="80dip"      
  43.             android:layout_height="50dip"  
  44.             android:layout_marginLeft="118dip"  
  45.             android:text="反选"  
  46.             android:gravity="center"  
  47.             />  
  48.         <Button   
  49.             android:id="@+id/cancel"  
  50.             android:layout_width="80dip"      
  51.             android:layout_height="50dip"  
  52.             android:layout_marginLeft="213dip"  
  53.             android:text="取消已选"  
  54.             android:gravity="center"  
  55.             />  
  56.     </RelativeLayout>  
  57. </LinearLayout>  

 

ListView每个item的布局,listviewitem.xml：

这里需要注意的是，由于checkbox的点击事件优先级比listview的高，所以要添加android:focusable="false"属性，使得checkbox初始的时候没有获取焦点。

另外这里是点击ListView的item控制checkbox的状态改变，也就是让item接收clik事件，所以需要加上android:focusableInTouchMode="false"这一属性。

Html代码 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="55dip"  
  5.     android:orientation="horizontal"  
  6.     android:layout_marginTop="20dip"  
  7.     >   
  8.     <TextView   
  9.         android:id="@+id/item_tv"  
  10.         android:layout_width="267dip"  
  11.         android:layout_height="40dip"  
  12.         android:textSize="10pt"  
  13.         android:gravity="center_vertical"  
  14.         android:layout_marginLeft="10dip"  
  15.         />  
  16.     <CheckBox   
  17.         android:id="@+id/item_cb"  
  18.         android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content"  
  20.         android:focusable="false"      
  21.         android:focusableInTouchMode="false"      
  22.         android:clickable="false"    
  23.         android:layout_toRightOf="@id/item_tv"     
  24.         android:layout_alignParentTop="true"  
  25.         android:layout_marginRight="5dip"  
  26.          
  27.         />  
  28. </RelativeLayout >  

 

ViewHolder类

 

Java代码 
  1. package simtice.test.listview.viewholder;  
  2. import android.widget.CheckBox;  
  3. import android.widget.TextView;  
  4.   
  5. public class ViewHolder {  
  6.     public TextView tv = null;  
  7.     public CheckBox cb = null;  
  8. }  



 

为listview自定义适配器，该类为主Activity类MainActivity.java的内部类

 

Java代码 
  1. public static class MyAdapter extends BaseAdapter {  
  2.         public static HashMap<Integer, Boolean> isSelected;  
  3.         private Context context = null;  
  4.         private LayoutInflater inflater = null;  
  5.         private List<HashMap<String, Object>> list = null;  
  6.         private String keyString[] = null;  
  7.         private String itemString = null; // 记录每个item中textview的值  
  8.         private int idValue[] = null;// id值  
  9.   
  10.         public MyAdapter(Context context, List<HashMap<String, Object>> list,  
  11.                 int resource, String[] from, int[] to) {  
  12.             this.context = context;  
  13.             this.list = list;  
  14.             keyString = new String[from.length];  
  15.             idValue = new int[to.length];  
  16.             System.arraycopy(from, 0, keyString, 0, from.length);  
  17.             System.arraycopy(to, 0, idValue, 0, to.length);  
  18.             inflater = LayoutInflater.from(context);  
  19.             init();  
  20.         }  
  21.   
  22.         // 初始化 设置所有checkbox都为未选择  
  23.         public void init() {  
  24.             isSelected = new HashMap<Integer, Boolean>();  
  25.             for (int i = 0; i < list.size(); i++) {  
  26.                 isSelected.put(i, false);  
  27.             }  
  28.         }  
  29.   
  30.         @Override  
  31.         public int getCount() {  
  32.             return list.size();  
  33.         }  
  34.   
  35.         @Override  
  36.         public Object getItem(int arg0) {  
  37.             return list.get(arg0);  
  38.         }  
  39.   
  40.         @Override  
  41.         public long getItemId(int arg0) {  
  42.             return 0;  
  43.         }  
  44.   
  45.         @Override  
  46.         public View getView(int position, View view, ViewGroup arg2) {  
  47.             ViewHolder holder = null;  
  48.             if (holder == null) {  
  49.                 holder = new ViewHolder();  
  50.                 if (view == null) {  
  51.                     view = inflater.inflate(R.layout.listviewitem, null);  
  52.                 }  
  53.                 holder.tv = (TextView) view.findViewById(R.id.item_tv);  
  54.                 holder.cb = (CheckBox) view.findViewById(R.id.item_cb);  
  55.                 view.setTag(holder);  
  56.             } else {  
  57.                 holder = (ViewHolder) view.getTag();  
  58.             }  
  59.             HashMap<String, Object> map = list.get(position);  
  60.             if (map != null) {  
  61.                 itemString = (String) map.get(keyString[0]);  
  62.                 holder.tv.setText(itemString);  
  63.             }  
  64.             holder.cb.setChecked(isSelected.get(position));  
  65.             return view;  
  66.         }  
  67.   
  68.     }  

 

最后，最重要的就是MainActivity.java中一些事件响应的处理

 

Java代码 
  1. public class MainActivity extends Activity {  
  2.     TextView tv = null;  
  3.     ListView lv = null;  
  4.     Button btn_selectAll = null;  
  5.     Button btn_inverseSelect = null;  
  6.     Button btn_calcel = null;  
  7.     String name[] = { "G1", "G2", "G3", "G4", "G5", "G6", "G7", "G8", "G9",  
  8.             "G10", "G11", "G12", "G13", "G14" };  
  9.       
  10.     ArrayList<String> listStr = null;  
  11.     private List<HashMap<String, Object>> list = null;  
  12.     private MyAdapter adapter;  
  13.   
  14.     @Override  
  15.     public void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.main);  
  18.         tv = (TextView) this.findViewById(R.id.tv);  
  19.         lv = (ListView) this.findViewById(R.id.lv);  
  20.         btn_selectAll = (Button) this.findViewById(R.id.selectall);  
  21.         btn_inverseSelect = (Button) this.findViewById(R.id.inverseselect);  
  22.         btn_calcel = (Button) this.findViewById(R.id.cancel);  
  23.         showCheckBoxListView();  
  24.           
  25.         //全选  
  26.         btn_selectAll.setOnClickListener(new OnClickListener(){  
  27.             @Override  
  28.             public void onClick(View arg0) {  
  29.                 listStr = new ArrayList<String>();  
  30.                 for(int i=0;i<list.size();i++){  
  31.                     MyAdapter.isSelected.put(i,true);  
  32.                     listStr.add(name[i]);  
  33.                 }  
  34.                 adapter.notifyDataSetChanged();//注意这一句必须加上，否则checkbox无法正常更新状态  
  35.                 tv.setText("已选中"+listStr.size()+"项");  
  36.             }  
  37.         });  
  38.           
  39.         //反选  
  40.         btn_inverseSelect.setOnClickListener(new OnClickListener(){  
  41.             @Override  
  42.             public void onClick(View v) {  
  43.                 for(int i=0;i<list.size();i++){  
  44.                     if(MyAdapter.isSelected.get(i)==false){  
  45.                         MyAdapter.isSelected.put(i, true);  
  46.                         listStr.add(name[i]);  
  47.                     }  
  48.                     else{  
  49.                         MyAdapter.isSelected.put(i, false);  
  50.                         listStr.remove(name[i]);  
  51.                     }  
  52.                 }  
  53.                 adapter.notifyDataSetChanged();  
  54.                 tv.setText("已选中"+listStr.size()+"项");  
  55.             }  
  56.               
  57.         });  
  58.           
  59.         //取消已选  
  60.         btn_calcel.setOnClickListener(new OnClickListener(){  
  61.             @Override  
  62.             public void onClick(View v) {  
  63.                 for(int i=0;i<list.size();i++){  
  64.                     if(MyAdapter.isSelected.get(i)==true){  
  65.                         MyAdapter.isSelected.put(i, false);  
  66.                         listStr.remove(name[i]);  
  67.                     }  
  68.                 }  
  69.                 adapter.notifyDataSetChanged();  
  70.                 tv.setText("已选中"+listStr.size()+"项");  
  71.             }  
  72.               
  73.         });  
  74.     }  
  75.   
  76.     // 显示带有checkbox的listview  
  77.     public void showCheckBoxListView() {  
  78.         list = new ArrayList<HashMap<String, Object>>();  
  79.         for (int i = 0; i < name.length; i++) {  
  80.             HashMap<String, Object> map = new HashMap<String, Object>();  
  81.             map.put("item_tv", name[i]);  
  82.             map.put("item_cb", false);  
  83.             list.add(map);  
  84.   
  85.             adapter = new MyAdapter(this, list, R.layout.listviewitem,  
  86.                     new String[] { "item_tv", "item_cb" }, new int[] {  
  87.                             R.id.item_tv, R.id.item_cb });  
  88.             lv.setAdapter(adapter);  
  89.             listStr = new ArrayList<String>();  
  90.             lv.setOnItemClickListener(new OnItemClickListener() {  
  91.   
  92.                 @Override  
  93.                 public void onItemClick(AdapterView<?> arg0, View view,  
  94.                         int position, long arg3) {  
  95.                     ViewHolder holder = (ViewHolder) view.getTag();  
  96.                     holder.cb.toggle();// 在每次获取点击的item时改变checkbox的状态  
  97.                     MyAdapter.isSelected.put(position, holder.cb.isChecked()); // 同时修改map的值保存状态  
  98.                     if (holder.cb.isChecked() == true) {  
  99.                         listStr.add(name[position]);  
  100.                     } else {  
  101.                         listStr.remove(name[position]);  
  102.                     }  
  103.                     tv.setText("已选中"+listStr.size()+"项");  
  104.                 }  
  105.   
  106.             });  
  107.         }  
  108.     }  
  109.   
  110.     //为listview自定义适配器内部类  
  111.     public static class MyAdapter extends BaseAdapter {  
  112.         ...  
  113.     }  
  114. }  

 

好了，来看运行结果

bubuko.com,布布扣

我选择了G2、G3、G11三项，现在屏幕滑动到底部，看以看到状态保存的很好，TextView显示已选中3项。全选、反选、取消全选功能正常，多选操作完美解决！

 

Android在listview添加checkbox实现单选多选操作问题（转）

标签：android   style   blog   http   io   ar   color   os   使用   

原文地址：http://www.cnblogs.com/SharkBin/p/4118791.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！