項目要用到一個listview,要求是可以顯示圖片,后面還有有復選框。
先新建一個MyAdapter類,繼承自BaseAdapter。在MyAdapter中實現對數據的綁定,我這兒由於是測試的,所以把數據寫死了。
Java代碼
package com.zwq.umeng;
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.icon);
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);
}
}
@Override
public int getCount() {
return mData.size();
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
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;
}
}
上面類中要注意getView()方法中對數據的處理。
接下要新建一個list.xml文件,這個就是布局image、textview、checkbox。
Java代碼
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<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>
android:layout_weight="1"這一句可以使中間的textview權重增大,從而后面的checkbok可以居右顯示。
android:focusable="false"
android:focusableInTouchMode="false"
android:clickable="false"
這三句很重要,如果不加就會出現錯誤。
由於checkbox的點擊事件優先級比listview的高,所以要在checkbox中添加android:focusable="false",使得checkbox初始的時候沒有獲取焦點。
接下來在main.xml中添加Listview組件
Java代碼
<ListView
android:id="@+id/lv"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
接下來就是在activity中調用:
Java代碼
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(){
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
ViewHolder vHollder = (ViewHolder) view.getTag();
//在每次獲取點擊的item時將對於的checkbox狀態改變,同時修改map的值。
vHollder.cBox.toggle();
MyAdapter.isSelected.put(position, vHollder.cBox.isChecked());
}
});
要獲取哪些項目被選擇了,可以這樣測試:
Java代碼
OnClickListener bPop = new OnClickListener() {
@Override
public void onClick(View v) {
for(int i=0;i<list.getCount();i++){
if(MyAdapter.isSelected.get(i)){
ViewHolder vHollder = (ViewHolder) list.getChildAt(i).getTag();
Log.i(TAG, "--onClick --"+vHollder.title.getText());
}
}
}
};
OnItemClickListener itemListener = new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> l, View v, int position, long id) {
LinearLayout view1 = (LinearLayout) l.getChildAt(position);
RelativeLayout view = (RelativeLayout) view1.getChildAt(0);
CheckBox box = (CheckBox) view.getChildAt(2);
box.setChecked(!box.isChecked());
}
}
};
注解:onItemClick中的參數
AdapterView<?> l 代表 ListView 中每項 鎖用的Layouyt
int position 代表當前點擊的Item 在 List中index
