zoukankan      html  css  js  c++  java
  • Android在listview添加checkbox实现单选多选操作问题(转)

    转自: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. }  

    好了,来看运行结果

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

  • 相关阅读:
    hdu 3440 House Man
    hdu 2018 母牛的故事
    poj 1639 Picnic Planning 度限制mst
    uva 10870
    矩阵快速幂 模板与简单讲解
    1118sync_binlog innodb_flush_log_at_trx_commit 浅析
    1117Mysql prepare预处理语句
    1116Xlinux初学习之正则表达式和通配符
    1111分析存储引擎
    1111MySQL配置参数详解
  • 原文地址:https://www.cnblogs.com/YangBinChina/p/4118791.html
Copyright © 2011-2022 走看看