Android开发之ListView，加入CheckBox（复选框），实现选择列表

来源：互联网发布：阿尔法狗的算法编辑：程序博客网时间：2024/05/06 03:33

http://blog.csdn.net/ahutzh/article/details/6911095

Android ListView没行加入CheckBox，实现选择列表，既可点击复选框进行选中，也可以点击list一行进行选中，效果图如下：

下面贴下主要代码的实现：

对于列表中复选框，我们需要在复选框的状态发生变化时，保存复选框的状态，不然在拖动列表过程中，会丢失复选框的状态。

在这里我们采用下面方式保存：

[java] view plaincopy
public class Person implements Serializable{  
  
    /** 
     *  
     */  
    private static final long serialVersionUID = 1L;  
      
    private String userCode;  
    private String userName;  
    private boolean checked;    //保存复选框的状态  

此对象保存的数据对象列表中的每一列。

实现ListView的Adapter类代码如下：

[java] view plaincopy
/** 
 *  
 * <dl> 
 * <dt>DispatchSelectUserAdapter.java</dt> 
 * <dd>Description: 选择用户界面Adapter类</dd> 
 * <dd>Copyright: Copyright (C) 2011</dd> 
 * <dd>CreateDate: 2011-10-26</dd> 
 * </dl> 
 *  
 * @author ZhanHua 
 */  
public class DispatchSelectUserAdapter extends BaseAdapter {  
  
    private Context mContext;  
    private List<Person> mPersonList;  
    private int mResource;  
    private LayoutInflater mInflater;  
  
    public DispatchSelectUserAdapter(Context context, List<Person> personList,  
            int resource) {  
        mContext = context;  
        mPersonList = personList;  
        mResource = resource;  
        mInflater = LayoutInflater.from(mContext);  
    }  
  
    @Override  
    public int getCount() {  
        return mPersonList.size();  
    }  
  
    @Override  
    public Object getItem(int position) {  
        return mPersonList.get(position);  
    }  
  
    @Override  
    public long getItemId(int position) {  
        return position;  
    }  
  
    @Override  
    public View getView(final int position, View convertView, ViewGroup parent) {  
        if (convertView == null) {  
            convertView = mInflater.inflate(mResource, parent, false);  
        }  
        TextView tvUserName = (TextView) convertView.findViewById(  
                R.id.dispatch_item_select_user_name);  
        final CheckBox ckbItem = (CheckBox) convertView.findViewById(  
                R.id.dispatch_item_select_user_ckb);  
        Person person = mPersonList.get(position);  
        tvUserName.setText(person.getUserName());  
        System.out.println(person.getUserName());  
        ckbItem.setChecked(person.isChecked());  
        ckbItem.setOnClickListener(new View.OnClickListener() {  
              
            @Override  
            public void onClick(View v) {  
                mPersonList.get(position).setChecked(ckbItem.isChecked());//保存checkbox状态至位置对应的列表对象Person中  
                  
            }  
        });  
        person = null;  
        return convertView;  
    }  
  
}  

在主界面初始化数据：

[java] view plaincopy
/** 
     *  
     * Desc:初始化列表数据 
     * @param personList 
     */  
    private void initListData(List<Person> personList) {  
        DispatchSelectUserAdapter adapter = new DispatchSelectUserAdapter(  
                DispatchSelectUserActivity.this, personList,  
                R.layout.dispatch_select_user_item);  
        getListView().setAdapter(adapter);  
  
    }  

ListView中列表点击事件：

[java] view plaincopy
/** 
     * 列表点击 
     */  
    @Override  
    protected void onListItemClick(ListView l, View v, int position, long id) {  
        super.onListItemClick(l, v, position, id);  
        CheckBox checkbox = (CheckBox) v.findViewById(R.id.dispatch_item_select_user_ckb);  
        checkbox.setChecked(!checkbox.isChecked());  
        mPersonList.get(position).setChecked(checkbox.isChecked());  
    }  

下面贴下界面设计的XML代码：

主界面的xml：

[html] view plaincopy
<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:orientation="vertical"  
  android:background="@drawable/common_background"  
  android:layout_width="fill_parent"  
  android:layout_height="fill_parent">  
            <include android:id="@+id/dispatch_select_user_title"   
            layout="@layout/common_title"   
            android:layout_alignParentTop="true"/>  
            <LinearLayout   
                android:id="@+id/section_title_layout"  
                android:background="@drawable/bg_sencend_title"  
                android:orientation="horizontal"  
                android:layout_width="fill_parent"  
                android:layout_height="28dip" android:weightSum="10"  
                android:layout_below="@id/dispatch_select_user_title">  
                <TextView   
                    android:id="@+id/dispatch_section_user_name"   
                    android:layout_marginLeft="10dip"  
                    android:text="@string/dispatch_section_user_name"  
                    android:layout_weight="2"  
                    android:layout_width="fill_parent"  
                    android:layout_height="fill_parent"   
                    android:textColor="@drawable/color_black"  
                    android:clickable="false" android:enabled="false" android:gravity="center_vertical">  
                    </TextView>  
                    <LinearLayout   
                        android:id="@+id/dispatch_lineLayout02"  
                        android:background="#6d6d6e"  
                        android:layout_width="1dip"  
                        android:layout_height="fill_parent"  
                    ></LinearLayout>  
                <TextView   
                    android:id="@+id/dispatch_section_select"   
                    android:text="@string/dispatch_section_select"  
                    android:layout_weight="8"  
                    android:gravity="center"  
                    android:layout_width="fill_parent"   
                    android:layout_height="fill_parent"  
                    android:textColor="@drawable/color_black"  
                    android:background="@drawable/bg_sencend_title" android:clickable="false" android:enabled="false">  
                    </TextView>  
                </LinearLayout>  
            <LinearLayout   
                android:layout_width="fill_parent"  
                android:layout_height="fill_parent"  
                android:layout_below="@id/section_title_layout">  
                <ListView   
                    android:id="@+id/android:list"  
                    android:layout_height="wrap_content"  
                    android:cacheColorHint="#00000000"  
                    android:layout_width="fill_parent"></ListView>  
            </LinearLayout>  
</RelativeLayout>  

ListView中单个Item的xml：

[html] view plaincopy
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:orientation="vertical"  
  android:layout_width="fill_parent"  
  android:layout_height="fill_parent">  
    <LinearLayout   
                android:gravity="center"  
                android:orientation="horizontal"  
                android:layout_width="fill_parent"  
                android:layout_height="40dip" android:weightSum="10">  
                <TextView   
                    android:id="@+id/dispatch_item_select_user_name"  
                    android:textColor="#000000"  
                    android:layout_marginLeft="10dip"  
                    android:layout_weight="2"   
                    android:layout_width="fill_parent"   
                    android:layout_height="wrap_content"  
                    >  
                    </TextView>  
                <LinearLayout   
                    android:gravity="center"  
                    android:layout_width="fill_parent"   
                    android:layout_weight="8"   
                    android:layout_height="wrap_content">  
                    <CheckBox   
                    style="@style/CustomCheckBox"  
                    android:id="@+id/dispatch_item_select_user_ckb"   
                    android:focusable="false"  
                    android:layout_width="wrap_content"   
                    android:layout_height="wrap_content">  
                    </CheckBox>  
                </LinearLayout>  
    </LinearLayout>  
</LinearLayout>  

这样就可以实现上图中的选择列表效果了，也可以在title区域添加全选复选框，点击后，实现全选效果。