Android:实现带图片和CheckBox的ListView


实现在ListView的每一条List中带图片和CheckBox。

(1)第一步,先上布局文件:main.xml和list.xml

main.xml

  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="fill_parent"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="wrap_content"  
  10.         android:text="@string/hello" />  
  11.     <ListView   
  12.         android:id="@+id/lv"  
  13.         android:layout_width="fill_parent"  
  14.         android:layout_height="wrap_content"/>  
  15.   
  16. </LinearLayout>

list.xml

  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="fill_parent"  
  5.     android:orientation="horizontal" >  
  6.     <ImageView   
  7.         android:id="@+id/img"  
  8.         android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content"  
  10.         android:layout_gravity="center_vertical"/>  
  11.     <TextView   
  12.         android:id="@+id/title"  
  13.         android:textSize="18dip"   
  14.         android:layout_weight="1"      
  15.         android:layout_width="wrap_content"  
  16.         android:layout_height="wrap_content"/>  
  17.     <CheckBox   
  18.         android:id="@+id/cb"  
  19.         android:layout_width="wrap_content"  
  20.         android:layout_height="wrap_content"  
  21.         android:focusable="false"  
  22.         android:focusableInTouchMode="false"  
  23.         android:clickable="false"  
  24.         android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>  
  25. </LinearLayout>

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

<2>下面三句很重要,如果不加就会出现错误。

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

  1.         android:focusable="false"  
  2.         android:focusableInTouchMode="false"  
  3.         android:clickable="false"

(2)为给ListView匹配数据,新建一个MyAdapter类,继承自BaseAdapter。在MyAdapter中实现对数据的绑定,在这个测试中,我把数据写死了。

注意getView方法中对数据的处理。

MyAdapter.java

  1. package com.tgb.ys.test;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.HashMap;  
  5. import java.util.List;  
  6. import java.util.Map;  
  7.   
  8. import android.content.Context;  
  9. import android.view.LayoutInflater;  
  10. import android.view.View;  
  11. import android.view.ViewGroup;  
  12. import android.widget.BaseAdapter;  
  13. import android.widget.CheckBox;  
  14. import android.widget.ImageView;  
  15. import android.widget.TextView;  
  16.   
  17. public class MyAdapter extends BaseAdapter {  
  18.   
  19.     private LayoutInflater mInflater;  
  20.     private List<Map<String, Object>> mData;  
  21.     public static Map<Integer, Boolean> isSelected;  
  22.       
  23.     public MyAdapter(Context context) {  
  24.         mInflater = LayoutInflater.from(context);  
  25.         init();  
  26.     }  
  27.     //初始化   
  28.     private void init() {  
  29.         mData = new ArrayList<Map<String,Object>>();  
  30.         for (int i=0; i<5; i++) {  
  31.             Map<String, Object> map = new HashMap<String, Object>();  
  32.             map.put("img", R.drawable.leaf);  
  33.             map.put("title""第" + (i+1) + "行的标题");  
  34.             mData.add(map);  
  35.         }  
  36.         //定义isSelected这个map是记录每个listItem的状态,初始状态全部为false   
  37.         isSelected = new HashMap<Integer, Boolean>();  
  38.         for (int i=0; i<mData.size(); i++) {  
  39.             isSelected.put(i, false);  
  40.         }  
  41.     }  
  42.       
  43.     public int getCount() {  
  44.         // TODO Auto-generated method stub   
  45.         return mData.size();  
  46.     }  
  47.   
  48.     public Object getItem(int position) {  
  49.         // TODO Auto-generated method stub   
  50.         return null;  
  51.     }  
  52.   
  53.     public long getItemId(int position) {  
  54.         // TODO Auto-generated method stub   
  55.         return 0;  
  56.     }  
  57.   
  58.     public View getView(int position, View convertView, ViewGroup parent) {  
  59.         ViewHolder holder = null;  
  60.         //convertView为null的时候初始化convertView   
  61.         if (convertView == null) {  
  62.             holder = new ViewHolder();  
  63.             convertView = mInflater.inflate(R.layout.vlist, null);  
  64.             holder.img = (ImageView)convertView.findViewById(R.id.img);  
  65.             holder.title = (TextView)convertView.findViewById(R.id.title);  
  66.             holder.cBox = (CheckBox)convertView.findViewById(R.id.cb);  
  67.             convertView.setTag(holder);  
  68.         } else {  
  69.             holder = (ViewHolder)convertView.getTag();  
  70.         }  
  71.         holder.img.setBackgroundResource((Integer)mData.get(position).get("img"));  
  72.         holder.title.setText(mData.get(position).get("title").toString());  
  73.         holder.cBox.setChecked(isSelected.get(position));  
  74.         return convertView;  
  75.     }  
  76.       
  77.     public final class ViewHolder {  
  78.         public ImageView img;  
  79.         public TextView title;  
  80.         public CheckBox cBox;  
  81.     } 
  82. }

(3)在Activity中调用:

TestCheckBoxActivity.java

  1. package com.tgb.ys.test;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. import android.widget.AdapterView;  
  7. import android.widget.AdapterView.OnItemClickListener;  
  8. import android.widget.ListView;  
  9.   
  10. import com.tgb.ys.test.MyAdapter.ViewHolder;  
  11.   
  12. /** 
  13.  * 总结: 
  14.  * 1、数据可以在Activity中获取,在初始化Adapter的时候当做参数传递过去,这样就可以是list编程动态的。 
  15.  * 2、对MyAdapter中getview的理解不够,尤其是convertView.setTag(holder), 
  16.  * @author Administrator 
  17.  */  
  18. public class TestCheckBoxActivity extends Activity {  
  19.     /** Called when the activity is first created. */  
  20.     @Override  
  21.     public void onCreate(Bundle savedInstanceState) {  
  22.         super.onCreate(savedInstanceState);  
  23.         setContentView(R.layout.main);  
  24.           
  25.         ListView list = (ListView)findViewById(R.id.lv);  
  26.         MyAdapter adapter = new MyAdapter(this);  
  27.         list.setAdapter(adapter);  
  28.         list.setItemsCanFocus(false);  
  29.         list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  
  30.         list.setOnItemClickListener(new OnItemClickListener() {  
  31.   
  32.             public void onItemClick(AdapterView<?> parent, View view, int position,  
  33.                     long id) {  
  34.                 // TODO Auto-generated method stub   
  35.                 ViewHolder vHolder = (ViewHolder)view.getTag();  
  36.                 //在每次获取点击的item时将对应的checkBox状态改变,同时修改map的值   
  37.                 vHolder.cBox.toggle();  
  38.                 MyAdapter.isSelected.put(position, vHolder.cBox.isChecked());  
  39.             }  
  40.         });  
  41.     }  
  42. }

(4)上结果图:

相关内容