Android 带选择框的listview

    本文实现了一个带选择框的listview,其中参考到了android_diordna 的关于listview讲解的文章，从而实现了这样的一个Demo.
    在这个Demo中包含两个Activity，第一个是ListDemo.java，只有一个按钮，其主要作用是产生所要列出来的数据，并将这些数据发送出去。

package com.test;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class ListDemo extends Activity implements OnClickListener{
    private String TAG="listdemo";
    //ArrayList adapter;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        Button result=(Button)findViewById(R.id.result);
        Log.d(TAG,"oncreate");
        result.setOnClickListener(this);
    }
    @Override
    public void onClick(View v) {
        switch(v.getId()){
            case R.id.result:
                Intent intent1=new Intent(this,ShowList1.class);
                //send music names
                intent1.putStringArrayListExtra("list", getData());
                startActivity(intent1);
                break;
        }

    }

    private ArrayList<String> getData(){
        ArrayList<String> list=new ArrayList<String>();
        //create music names
        for(int i=0;i<6;i++){
            list.add(i, "music"+i);
        }
        return list;
    }
}

      可以看到，在这里用到的数据为ArrayList类型，也就是说在本例中ListView所要显示的数据即为这个ArrayList中的内容。另外这个Activity所要用的布局文件为main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android=""
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <Button
    android:id="@+id/result"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/result"
    />
</LinearLayout>

     在点击按钮后，会启动第二个Activity，即ShowList1.java 。这个类接收从Intent中传来的数据，并将这些数据在ListView中正确地显示出来。

package com.test;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import java.util.ArrayList;


public class ShowList1 extends Activity implements OnClickListener {
    private String TAG="showlist1";
    ListView list;
    Button button;
    ArrayList<String> array;
    SimpleAdapter adapter;
    ArrayList<Boolean> checkedItem=new ArrayList<Boolean>();

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list1);
        list=(ListView)findViewById(R.id.listView);
        button=(Button)findViewById(R.id.result);
        button.setOnClickListener(this);
        //get music names from other activity
        array=getIntent().getStringArrayListExtra("list");
        //init the check box state to unchecked
        for(int i=0;i<array.size();i++){
            checkedItem.add(i,false);
        }
        Log.d(TAG,array.toString());
        CheckAdapter chadapter=new CheckAdapter(this);
        list.setAdapter(chadapter);

    }

    /*
     * (non-Javadoc)
     * @see android.view.View.OnClickListener#onClick(android.view.View)
     * see which has been choosed
     */
    @Override
    public void onClick(View v) {
        String s="You have choosed ";
        for(int i=0;i<array.size();i++){
            if(checkedItem.get(i)){
                s=s+","+array.get(i);
            }
        }
        Toast.makeText(getApplicationContext(), s, Toast.LENGTH_LONG).show();
    }

    public final class ViewHolder{
        public ImageView img;
        public TextView name;
        public CheckBox checked;
    }

    class CheckAdapter extends BaseAdapter{
        private LayoutInflater mInflater;
        public CheckAdapter(Context context){
            this.mInflater=LayoutInflater.from(context);
        }
        public int getCount() {
            return array.size();
        }
        public Object getItem(int position) {
            return array.get(position);
        }
        public long getItemId(int position) {
            return position;
        }
        public View getView(int position, View convertView, ViewGroup parent) {
            final int p=position;
            ViewHolder holder=null;
            Log.d(TAG,"test");
            if(convertView==null){
                holder=new ViewHolder();
                convertView=mInflater.inflate(R.layout.list, null);
                holder.img=(ImageView)convertView.findViewById(R.id.img);
                holder.name=(TextView)convertView.findViewById(R.id.name);
                holder.checked=(CheckBox)convertView.findViewById(R.id.select);
                convertView.setTag(holder);
            }
            else{
                holder = (ViewHolder) convertView.getTag();
            }
            holder.img.setBackgroundResource(R.drawable.icon);
            final String s=(String)array.get(position);
            holder.name.setText(s);
            holder.checked.setOnCheckedChangeListener(new OnCheckedChangeListener(){
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    if(isChecked){
                       //update the status of checkbox to checked
                        Log.d(TAG,"checked");
                        checkedItem.set(p, true);
                    }else{
                      //update the status of checkbox to unchecked
                        checkedItem.set(p, false);
                        Log.d(TAG,"unchecked");
                    }

                }

            });
            return convertView;
        }
    }
}

   
     在这里使用一个ArrayList checkedItem数据结构来保存选择框的选择结果，初始化的时候将其都置为false，即选择框处在未选中的状态。其中ViewHolder类用来指向listview中每一行的子view,每个子view包含img/name/checked三个成员，分别对应于图片/名称/选择框。值得一提的是如果不重写继承了BaseAdapter类的getView()方法，是无法对checkedbox添加点击响应事件的，在点击事件的响应里根据checkbox的状态更新checkeditem中对应位置的值就可以记录下哪些选择框被选中了。最后遍历checkedItem，其中值为true即为选中的行。这个Activity的布局文件为list1.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android=""
  android:layout_width="match_parent"
  android:layout_height="match_parent">

      <ListView android:id="@+id/listView"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent">
     </ListView>
    <Button
        android:id="@+id/result"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Result"/>
</RelativeLayout>

        另外，对于每一列也需要有个布局文件，在这里为list.xml,在这里包含了三个部件，分别对应ViewHolder里的三个成员。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android=""
  android:orientation="horizontal"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <ImageView
    android:id="@+id/img"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
  />
  <TextView
    android:id="@+id/name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/img"
  />
  <CheckBox
    android:id="@+id/select"
    android:layout_alignParentRight="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="false"
  />
</RelativeLayout>

         最后程序的实现效果图如下图所示：