Android：兑现带图片和CheckBox的ListView

Android：实现带图片和CheckBox的ListView

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

（1）第一步，先上布局文件：main.xml和list.xml

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />
    <ListView 
        android:id="@+id/lv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

list.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >
    <ImageView 
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"/>
    <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>

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

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

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

        android:focusable="false"
        android:focusableInTouchMode="false"
        android:clickable="false"

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

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

MyAdapter.java

package com.tgb.ys.test;

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.leaf);
			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);
		}
	}
	
	public int getCount() {
		// TODO Auto-generated method stub
		return mData.size();
	}

	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return null;
	}

	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return 0;
	}

	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;
	}
}

（3）在Activity中调用：

TestCheckBoxActivity.java 

package com.tgb.ys.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;

import com.tgb.ys.test.MyAdapter.ViewHolder;

/**
 * 总结：
 * 1、数据可以在Activity中获取，在初始化Adapter的时候当做参数传递过去，这样就可以是list编程动态的。
 * 2、对MyAdapter中getview的理解不够，尤其是convertView.setTag(holder),
 * @author Administrator
 */
public class TestCheckBoxActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        ListView 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() {

			public void onItemClick(AdapterView<?> parent, View view, int position,
					long id) {
				// TODO Auto-generated method stub
				ViewHolder vHolder = (ViewHolder)view.getTag();
				//在每次获取点击的item时将对应的checkBox状态改变，同时修改map的值
				vHolder.cBox.toggle();
				MyAdapter.isSelected.put(position, vHolder.cBox.isChecked());
			}
		});
    }
}

 （4）上结果图：