碼上快樂

相關內容    簡體    繁體

Android在listview添加checkbox實現單選多選操作問題（轉）

本文轉載自   查看原文   2014-11-24 15:26   12460    Android-SDK

 

轉自：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項。全選、反選、取消全選功能正常，多選操作完美解決！

 


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 Android在listview添加checkbox實現單選多選操作問題 如何在Android的ListView中構建CheckBox和RadioButton列表(支持單選和多選的投票項目示例) 【轉】小程序實現單選多選功能 JsTree中節點添加CheckBox 以及 單選的實現 Android 使用CheckBox實現多選效果 Android listview中CheckBox全選實現 【轉】WPF 單選的Checkbox ListView多選和單選模式重新整理 recycleview + checkbox 實現單選 實現checkbox的多選
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM