当前位置: 代码迷 >> Android >> android中兑现带图片和checkbox的listview
  详细解决方案

android中兑现带图片和checkbox的listview

热度:101   发布时间:2016-05-01 16:45:45.0
android中实现带图片和checkbox的listview
项目要用到一个listview,要求是可以显示图片,后面还有有复选框。

先新建一个MyAdapter类,继承自BaseAdapter。在MyAdapter中实现对数据的绑定,我这儿由于是测试的,所以把数据写死了。
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()方法中对数据的处理。
convertView可以认为是元素的缓存,因为元素本身没有变化,因此可以判断如果非空,就可以复用。减少重复new新对象,系统不断回收所带来的内存消耗!
具体可以参考这儿的文章:http://marshal.easymorse.com/archives/3944

接下要新建一个list.xml文件,这个就是布局image、textview、checkbox。
<?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组件
<ListView		android:id="@+id/lv"    	android:layout_width="fill_parent"     	android:layout_height="wrap_content"/>

接下来就是在activity中调用:
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());			}		});

最新看一下效果图:



要获取哪些项目被选择了,可以这样测试:
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());				}			}		}	};


总结:
1、ListView的android:cacheColorHint="#00000000"会消除listview拖动时的全选效果。
2、ListView的getView()方法只获取当前屏幕可以显示出的view,对隐藏的,就是拖动可以看见的不会绘制,只有需要显示的时候才绘制。
3、数据可以在activity中获取,在初始化adapter的时候当做参数传递过去,这样就可以是list变成动态的。
4、给checkbox添加OnClickListener才会优先响应list item里面的checkbox。checkbox的OnClickListener监听实现方法要写在getview方法里面,否则获取不到position。如果不需要对checkbox做优先响应,不需要给checkbox添加OnClickListener。
5、如果要多选或全选需要新建一个list:
public static Map<Integer, Boolean> isSelected;

在点击listview 的item或者checkbox时将isSelected的值做相应改变。
6、如果不指定listview的分割线则会有些粗有些细,我指定了之后可以均匀显示。给listview添加下面属性:
        android:divider="#8B8B00"        android:dividerHeight="1px"
1 楼 lm1991 2012-02-05  
我想问下为什么我运行了之后就错误退出了呢?。。。