完美解决Android在listview添加checkbox实现单选多选操作问题

时间：2021-10-23 09:52:28

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

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

[html]  view plain copy
  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事件，所以需要加上a ndroid:focusableInTouch Mode="f alse" 这一属性。
[html]  view plain copy
  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]  view plain copy
  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]  view plain copy
  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 = new ViewHolder();    
  48.                    
  49.                 if (view == null) {    
  50.                     view = inflater.inflate(R.layout.listviewitem, null);    
  51.                 }    
  52.                 holder.tv = (TextView) view.findViewById(R.id.item_tv);    
  53.                 holder.cb = (CheckBox) view.findViewById(R.id.item_cb);    
  54.                 view.setTag(holder);    
  55.             }   
  56.             HashMap<String, Object> map = list.get(position);    
  57.             if (map != null) {    
  58.                 itemString = (String) map.get(keyString[0]);    
  59.                 holder.tv.setText(itemString);    
  60.             }    
  61.             holder.cb.setChecked(isSelected.get(position));    
  62.             return view;    
  63.         }    
  64.     
  65.     }    

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

[java]  view plain copy
  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. }    
结果如下


完美解决Android在listview添加checkbox实现单选多选操作问题

标签：

相关文章