带有CheckBox的ListView，实现删除和选中功能

最新推荐文章于 2017-12-28 14:30:36 发布

原创最新推荐文章于 2017-12-28 14:30:36 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Android #实例

Android开发详解专栏收录该内容

129 篇文章

订阅专栏

本文介绍如何在Android中实现一个ListView，其中包含CheckBox，用于实现选择和删除功能。通过自定义Adapter，结合getView方法设置CheckBox的状态，并在点击事件中更新数据。布局文件包括image、textview和checkbox，注意对checkbox的focusable属性进行设置。在Activity中，监听ListView的点击事件，根据CheckBox的状态更新数据，并提供删除功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android实现带有CheckBox的ListView

[html]view plaincopy 
   
 package com.zwq.umeng;      
       
 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.ImageView;      
 import android.widget.TextView;      
       
 public class MyAdapter extends BaseAdapter {      
     private LayoutInflater mInflater;      
     private List<Map<String, Object>> mData;      
     public static Map<Integer, Boolean> isSelected;      
       
     public MyAdapter(Context context) {      
         mInflater = LayoutInflater.from(context);      
         init();      
     }      
       
     //初始化      
     private void init() {      
         mData=new ArrayList<Map<String, Object>>();      
         for (int i = 0; i < 5; i++) {      
             Map<String, Object> map = new HashMap<String, Object>();      
             map.put("img", R.drawable.icon);      
             map.put("title", "第" + (i + 1) + "行的标题");      
             mData.add(map);      
         }      
         //这儿定义isSelected这个map是记录每个listitem的状态，初始状态全部为false。      
         isSelected = new HashMap<Integer, Boolean>();      
         for (int i = 0; i < mData.size(); i++) {      
             isSelected.put(i, false);      
         }      
     }      
       
     @Override      
     public int getCount() {      
         return mData.size();      
     }      
       
     @Override      
     public Object getItem(int position) {      
         return null;      
     }      
       
     @Override      
     public long getItemId(int position) {      
         return 0;      
     }      
       
     @Override      
     public View getView(int position, View convertView, ViewGroup parent) {      
         ViewHolder holder = null;      
         //convertView为null的时候初始化convertView。      
         if (convertView == null) {      
             holder = new ViewHolder();      
             convertView = mInflater.inflate(R.layout.vlist, null);      
             holder.img = (ImageView) convertView.findViewById(R.id.img);      
             holder.title = (TextView) convertView.findViewById(R.id.title);      
             holder.cBox = (CheckBox) convertView.findViewById(R.id.cb);      
             convertView.setTag(holder);      
         } else {      
             holder = (ViewHolder) convertView.getTag();      
         }      
         holder.img.setBackgroundResource((Integer) mData.get(position).get(      
                 "img"));      
         holder.title.setText(mData.get(position).get("title").toString());      
         holder.cBox.setChecked(isSelected.get(position));      
         return convertView;      
     }      
       
     public final class ViewHolder {      
         public ImageView img;      
         public TextView title;      
         public CheckBox cBox;      
     }      
 }      

项目要用到一个listview，要求是可以显示图片，后面还有有复选框。

先新建一个MyAdapter类，继承自BaseAdapter。在MyAdapter中实现对数据的绑定，我这儿由于是测试的，所以把数据写死了。

Java代码

上面类中要注意getView()方法中对数据的处理。

接下要新建一个list.xml文件，这个就是布局image、textview、checkbox。

[html]view plaincopy 
   
     <TextView       
         android:id="@+id/title"      
         android:textSize="18dip"      
         android:layout_weight="1"      
         android:layout_width="wrap_content"      
         android:layout_height="wrap_content"/>      
     <CheckBox      
         android:id="@+id/cb"      
         android:layout_width="wrap_content"      
         android:layout_height="wrap_content"      
         android:focusable="false"      
         android:focusableInTouchMode="false"      
         android:clickable="false"             
         android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>      
 </LinearLayout>  

android:layout_weight="1"这一句可以使中间的textview权重增大，从而后面的checkbok可以居右显示。

[html]view plaincopy 
   
 android:focusable="false"     
         android:focusableInTouchMode="false"     
         android:clickable="false"    

这三句很重要，如果不加就会出现错误。

由于checkbox的点击事件优先级比listview的高，所以要在checkbox中添加android:focusable="false"，使得checkbox初始的时候没有获取焦点。

接下来在main.xml中添加Listview组件

Java代码

[html]view plaincopy 
   
 <ListView      
         android:id="@+id/lv"      
         android:layout_width="fill_parent"       
         android:layout_height="wrap_content"/>   

接下来就是在activity中调用：

Java代码

[html]view plaincopy 
   
 list=(ListView)findViewById(R.id.lv);      
         MyAdapter adapter=new MyAdapter(this);      
         list.setAdapter(adapter);      
         list.setItemsCanFocus(false);      
         list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);      
       
         list.setOnItemClickListener(new OnItemClickListener(){      
             @Override      
             public void onItemClick(AdapterView<?> parent, View view,      
                     int position, long id) {      
                 ViewHolder vHollder = (ViewHolder) view.getTag();      
 //在每次获取点击的item时将对于的checkbox状态改变，同时修改map的值。      
                 vHollder.cBox.toggle();      
                 MyAdapter.isSelected.put(position, vHollder.cBox.isChecked());      
             }      
         });   

最新看一下效果图：

效果图

要获取哪些项目被选择了，可以这样测试：

Java代码

[html]view plaincopy 
   
 OnClickListener bPop = new OnClickListener() {      
         @Override      
         public void onClick(View v) {      
             for(int i=0;i<list.getCount();i++){      
                 if(MyAdapter.isSelected.get(i)){      
                     ViewHolder vHollder = (ViewHolder) list.getChildAt(i).getTag();      
 Log.i(TAG, "--onClick --"+vHollder.title.getText());      
                 }      
             }      
         }      
     };     

总结：

1、数据可以在Activity中获取，在初始化Adapter的时候当做参数传递过去，这样就可以是list编程动态的。

2、对MyAdapter中getview的理解不够，尤其是convertView.setTag(holder),

ListView结合Checkbox实现删除功能

效果图

实现要点：

1 Listview是一个动态的组件，实现监听Listview里的动作需要用到BaseAdapter类

2 数据存储结构ArrayList<HashMap<String, String>> list，第一个string存放flag，用以判断是否选中；第二个string存放msg

3 一旦数据有变，必须使用mAdapter.notifyDataSetChanged(); 否则view无法得知数据变化，从而会报错

一共由以下文件组成（仅核心部分，参考慎用）

JAVA

[java]view plaincopy 
   
   Button btnDelete;  
   ListView lv;  
 Context mContext;  
 MyListAdapter adapter;   
 private ArrayList<HashMap<String, String>> list;  
   
   @Override  
   public void onCreate(Bundle savedInstanceState) {  
       super.onCreate(savedInstanceState);   
         
       requestWindowFeature(Window.FEATURE_NO_TITLE);   
       setContentView(R.layout.activity_carton_no_main);  
       SysApplication.getInstance().addActivity(this);   
         
       btnDelete = (Button)findViewById(R.id.ctn_no_scan_delete_btn);   
       lv = (ListView)findViewById(R.id.carton_no_list);  
         
         list = new ArrayList<HashMap<String, String>>();    
         mAdapter = new MyListAdapter(list, this);  
         lv.setAdapter(mAdapter);  
           
         //insert something  
         HashMap<String, String> map = new HashMap<String, String>();  
             map.put("content", 'test');  
             map.put("flag", "false");  
             list.add(map);   
               
             btnDelete.setOnClickListener(new View.OnClickListener() {   
             @Override  
             public void onClick(View v) {   
                 Iterator<HashMap<String, String>> iterator = list.iterator();  
                 while (iterator.hasNext()) {  
                     HashMap<String, String> temp = iterator.next();  
                     if (temp.get("flag").equals("true")) {  
                         iterator.remove();  
                     }  
                 }  
                 checkNum = 0;  
                 //if you have changed list, please excute mAdapter.notifyDataSetChanged();   
                 dataChanged();  
             }  
         });  
               
             lv.setOnItemClickListener(new OnItemClickListener() {  
             @Override  
             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
                     long arg3) {    
                 ViewHolder holder = (ViewHolder) arg1.getTag();    
                 holder.cb.toggle();  
                   
                 //store checkbox's status   
                 if (holder.cb.isChecked() == true) {  
                     list.get(arg2).put("flag", "true");  
                     checkNum++;  
                 } else {  
                     list.get(arg2).put("flag", "false");  
                     checkNum--;  
                 }   
             }  
         });  
   }  
 public class MyListAdapter extends BaseAdapter{  
   
         private ArrayList<HashMap<String, String>> list;  
            
         private Context context;  
            
         private LayoutInflater inflater = null;  
            
         public MyListAdapter(ArrayList<HashMap<String, String>> list, Context context){  
             this.context = context;  
             this.list = list;  
             inflater = LayoutInflater.from(context);  
         }  
           
         @Override  
         public int getCount() {  
                
             return list.size();  
         }  
         @Override  
         public Object getItem(int position) {  
            
             return list.get(position);  
         }  
         @Override  
         public long getItemId(int position) {  
            
             return position;  
         }  
         @Override  
         public View getView(int position, View convertView, ViewGroup parent){  
             ViewHolder holder = null;  
             if (convertView == null) {  
                 holder = new ViewHolder();  
                 convertView = inflater.inflate(R.layout.activity_carton_no_list, null);  
                 holder.tv = (TextView) convertView.findViewById(R.id.carton_no_list_name);  
                 holder.cb = (CheckBox) convertView.findViewById(R.id.carton_no_list_checked);   
                 convertView.setTag(holder);  
             } else {   
                 holder = (ViewHolder) convertView.getTag();  
             }  
             //init view  
             holder.tv.setText(list.get(position).get("content").toString());   
             holder.cb.setChecked(list.get(position).get("flag").equals("true"));  
             return convertView;  
         }  
           
         final class ViewHolder{  
             TextView tv;  
             CheckBox cb;   
         }  
     }  
 private void dataChanged(){  
   
  mAdapter.notifyDataSetChanged();   
  }  

XML

1/2

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:tools="http://schemas.android.com/tools"  
     xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="fill_parent"  
     android:layout_height="fill_parent"  
     android:background="@color/white"  
     android:orientation="vertical" >  
       
   <LinearLayout  
      android:layout_width="wrap_content"  
      android:layout_height="wrap_content"  
      android:orientation="horizontal"  
      android:descendantFocusability="blocksDescendants">   
         
       <CheckBox  
         android:id="@+id/carton_no_list_checked"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:clickable="false"  
         android:focusable="false"  
         android:focusableInTouchMode="false"  
         android:gravity="center_vertical" />  
   
       <TextView  
           android:id="@+id/carton_no_list_name"  
           android:layout_width="fill_parent"  
           android:layout_height="wrap_content"  
           android:layout_gravity="center"  
           android:layout_marginLeft="10dp"  
           android:layout_weight="1"  
           android:text="Name"  
           android:textColor="@color/viewfinder_mask"  
           android:textSize="20dp" />  
          
   </LinearLayout>  
 </LinearLayout>  

2/2

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:tools="http://schemas.android.com/tools"  
     xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="match_parent"  
     android:layout_height="match_parent"  
     android:background="@color/white"  
     android:orientation="vertical" >  
    
     <LinearLayout    
         android:orientation="vertical"  
         android:layout_width="match_parent"  
         android:layout_height="match_parent"   
         android:layout_weight="0.1">   
         <ListView  
            android:id="@+id/carton_no_list"  
            android:layout_width="match_parent"  
            android:layout_height="fill_parent"/>  
     </LinearLayout>  
         <LinearLayout  
         android:id="@+id/LinearLayout1"  
         android:layout_width="match_parent"  
         android:layout_height="match_parent"     
         android:layout_weight="0.7"  
         android:orientation="horizontal" >  
   
         <Button  
             android:id="@+id/ctn_no_scan_delete_btn"  
             android:layout_width="match_parent"  
             android:layout_height="50dp"  
             android:layout_weight="0.1"   
             android:text="Delete" />   
            
     </LinearLayout>    
 </LinearLayout>  