Android開發(fā):實現(xiàn)帶圖片和checkbox的listview
項目要用到一個listview,要求是可以顯示圖片,后面還有有復(fù)選框。
先新建一個MyAdapter類,繼承自BaseAdapter。在MyAdapter中實現(xiàn)對數(shù)據(jù)的綁定,我這兒由于是測試的,所以把數(shù)據(jù)寫死了。
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) + "行的標(biāo)題");
- mData.add(map);
- }
- //這兒定義isSelected這個map是記錄每個listitem的狀態(tài),初始狀態(tài)全部為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()方法中對數(shù)據(jù)的處理。
接下要新建一個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權(quán)重增大,從而后面的checkbok可以居右顯示。
- android:focusable="false"
- android:focusableInTouchMode="false"
- android:clickable="false"
這三句很重要,如果不加就會出現(xiàn)錯誤。
由于checkbox的點擊事件優(yōu)先級比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中調(diào)用:
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狀態(tài)改變,同時修改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());
- }
- }
- }
- };
總結(jié):
1、數(shù)據(jù)可以在Activity中獲取,在初始化Adapter的時候當(dāng)做參數(shù)傳遞過去,這樣就可以是list編程動態(tài)的。
2、對MyAdapter中g(shù)etview的理解不夠,尤其是convertView.setTag(holder),如果您對getview有什么新的使用心得可以發(fā)Email:zhousn@51cto.com,51CTO將與您一起分享!
【編輯推薦】