title: ListView中使用checkbox實現(xiàn)單選、多選等
有的魚是永遠都關(guān)不住的 因為他們屬于天空 ——《大魚海棠》
一爪膊、首先新建布局文件权悟，實現(xiàn)一個item的布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<RelativeLayout
android:id="@+id/outpatient_check_hospital"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="5.0dip"
android:layout_marginLeft="12.599976dip"
android:layout_marginRight="12.599976dip"
android:gravity="center_vertical">
<LinearLayout
android:id="@+id/linear_layout_up"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal" >
<ImageView
android:layout_width="10dip"
android:layout_height="10dip"
android:adjustViewBounds="false" />
<TextView
android:id="@+id/tv_device_name"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_weight="3"
android:text="名稱"
android:gravity="left|center"
android:paddingLeft="30dp"
android:textColor="#ff323232"
android:textSize="16.0sp"
android:typeface="monospace" />
<CheckBox
android:id="@+id/checkBox1"
android:layout_width="0dp"
android:layout_weight="1"
android:gravity="center"
android:layout_height="fill_parent"
android:focusable="false"
android:clickable="false"/>
</LinearLayout>
</RelativeLayout>
</LinearLayout>
顯示效果圖如下。
二推盛、在頁面布局文件中添加ListView控件峦阁。
<ListView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/listView1"
android:layout_weight="1" />
三、新建ListViewAdapter實現(xiàn)BaseAdapter
package com.cover.xushun.cover;
import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.HashMap;
/**
* Created by xushun on 16/7/5.
*/
public class ListViewAdapter extends BaseAdapter {
private Context context;
private ArrayList<String> beans;
// 用來控制CheckBox的選中狀況
private static HashMap<Integer, Boolean> isSelected;
class ViewHolder {
TextView tvName;
CheckBox cb;
LinearLayout LL;
}
public ListViewAdapter(Context context, ArrayList<String> beans,HashMap<Integer,Boolean> isSelected) {
// TODO Auto-generated constructor stub
this.beans = beans;
this.context = context;
this.isSelected = isSelected;
// 初始化數(shù)據(jù)
initDate();
}
// 初始化isSelected的數(shù)據(jù)
private void initDate() {
for (int i = 0; i < beans.size(); i++) {
getIsSelected().put(i, false);
}
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return beans.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return beans.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
// 頁面
Log.v("MyListViewBase", "getView " + position + " " + convertView);
ViewHolder holder = null;
String bean = beans.get(position);
LayoutInflater inflater = LayoutInflater.from(context);
if (convertView == null) {
convertView = inflater.inflate(
R.layout.assist_device_binding_list_item, null);
holder = new ViewHolder();
holder.cb = (CheckBox) convertView.findViewById(R.id.checkBox1);
holder.tvName = (TextView) convertView.findViewById(R.id.tv_device_name);
holder.LL = (LinearLayout) convertView.findViewById(R.id.linear_layout_up);
convertView.setTag(holder);
} else {
// 取出holder
holder = (ViewHolder) convertView.getTag();
}
System.out.println(isSelected.toString());
holder.tvName.setText(bean);
// 監(jiān)聽checkBox并根據(jù)原來的狀態(tài)來設(shè)置新的狀態(tài)
holder.LL.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
System.out.println("點擊："+position);
if (isSelected.get(position)) {
isSelected.put(position, false);
setIsSelected(isSelected);
} else {
isSelected.put(position, true);
setIsSelected(isSelected);
}
notifyDataSetChanged();
}
});
// 根據(jù)isSelected來設(shè)置checkbox的選中狀況
holder.cb.setChecked(getIsSelected().get(position));
return convertView;
}
public static HashMap<Integer, Boolean> getIsSelected() {
return isSelected;
}
public static void setIsSelected(HashMap<Integer, Boolean> isSelected) {
ListViewAdapter.isSelected = isSelected;
}
}
其中重要的是 ** HashMap<Integer, Boolean> isSelected 它記錄了每個checkbox的選中狀態(tài)耘成，當checkbox的點擊事件觸發(fā)后榔昔，我們首先判斷isSelected中記錄的是選中還是未選中，然后來改變選中狀態(tài)瘪菌。再來設(shè)置checkbox的狀態(tài)撒会。當我們在使用增刪列表項目的時候一定要記著改變isSelected的長度以及對應(yīng)的狀態(tài)。**
四控嗜、在acitivity中使用
// TODO Auto-generated method stub
listView = (ListView) findViewById(R.id.listView1);
for (int i = 0; i < beans1.size(); i++) {
System.out.println("beans1 " + i + " :" + beans1.get(i));
}
isselected = new HashMap<Integer,Boolean>();
adapter = new ListViewAdapter(DeleteCover.this, beans1,isselected);
listView.setAdapter(adapter);
listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
delete_sureBtn = (Button) findViewById(R.id.delete_sureBtnIds);
delete_sureBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (beans1.size() > 0) {
isselected = adapter.getIsSelected();
for (int i = 0; i < isselected.size(); i++) {
if (isselected.get(i).equals(true)) {
String coverid = coverArray.get(i).get("coverid").toString();
String[] params = new String[]{USER_NAME, coverid, TOKEN};
coverArray.remove(i);
beans1.remove(i);
isselected.put(i, false);
isselected.remove(isselected.size() - 1);
new deleteCoverTask().execute(params);
}
}
adapter.notifyDataSetChanged();
}
}
});
在測試時候如果不增加刪除item 后也對應(yīng)刪除isSelect中的數(shù)據(jù)茧彤，就會出現(xiàn)原本刪除item后原來的位置的checkbox的狀態(tài)變?yōu)橹暗膭h除的那個的狀態(tài)。所以這段代碼很重要疆栏。
最終效果展示
Gif_20160711_110359.gif
