BaseAdapter自定义适配器

/ 0评 / 4

 

在我们使用ListView的时候,大部分时间我们使用的是ArrayAdapter或者SimpleAdapter,但是当ListView的列表项中出现按钮,复选框等附带事件的控件时,数据是无法映射到这些控件的,即使采用自定义布局文件显示控件,它们的事件监听也不会响应,这时就需要使用BaseAdapter自定义适配器,ArrayAdapter和SimpleAdapter都是直接继承于BaseAdapter

自定义适配器需要建立一个新类继承自BaseAdapter,并且覆写该类中的四个抽象方法

public int getCount(); 获取item的总数

public Object getItem(int position);       获取自定索引对应的数据项

public long getItemId(int position);       获取对应项的id,也就是position

public View getView(int position, View convertView, ViewGroup parent);  获取对应item的view,用于显示

我们在一个实例中实现自定义适配器

第一步:定义主ActivityTestListView局文件 为了简单期间主布局文件仅仅包含一个ListView

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

</RelativeLayout>

第二步:定义ListView每一项的布局文件,包含一张图片,以及两个TextView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/img"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_toRightOf="@+id/img"
        android:gravity="center_vertical"
        android:text="标题" />

    <TextView
        android:id="@+id/content"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_below="@id/title"
        android:layout_toRightOf="@+id/img"
        android:gravity="center_vertical"
        android:text="内容" />

</RelativeLayout>

第三步:准备数据源,使用List来保存需要显示的数据,为了方便封装,先准备一个工具类,用于对应每一个item的数据

public class ItemBean {
	private int itemImg;
	private String itemTitle;
	private String itemContent;

	public ItemBean(int itemImg, String itemTitle, String itemContent) {
		this.itemImg = itemImg;
		this.itemTitle = itemTitle;
		this.itemContent = itemContent;
	}

	public int getItemImg() {
		return itemImg;
	}

	public void setItemImg(int itemImg) {
		this.itemImg = itemImg;
	}

	public String getItemTitle() {
		return itemTitle;
	}

	public void setItemTitle(String itemTitle) {
		this.itemTitle = itemTitle;
	}

	public String getItemContent() {
		return itemContent;
	}

	public void setItemContent(String itemContent) {
		this.itemContent = itemContent;
	}
}

第四步:最重要的一步,自定义MyAdapter继承自BaseAdapter,并且覆写其四个抽象方法,定义一个构造函数,用于传递数据,由于显示View需要Context对象,所以构造函数的参数有两个

public class MyAdapter extends BaseAdapter {

	private Context context;
	private List<ItemBean> data;

	/**
	 * 构造函数,ItemBean为自定义的工具类,用于保存每一项的数据
	 */
	public MyAdapter(Context context, List<ItemBean> data) {
		this.context = context;
		this.data = data;
	}

	// 获取listview的总数
	@Override
	public int getCount() {
		return data.size();
	}

	// 获取与指定索引相对应的数据集
	// 由于前面每一项的数据已经封装成ItemBean类了,所以直接返回这个对象即可
	@Override
	public Object getItem(int position) {
		return data.get(position);
	}

	// 获取listview对应项的id
	@Override
	public long getItemId(int position) {
		return position;
	}

	// 获取item显示的内容
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		//获取对应itme的数据
		ItemBean item = data.get(position);
		View view = View.inflate(context, R.layout.lv_item, null);
		ImageView img = (ImageView) view.findViewById(R.id.img);
		TextView title = (TextView) view.findViewById(R.id.title);
		TextView content = (TextView) view.findViewById(R.id.content);
		//为对应item设置数据
		img.setImageResource(item.getItemImg());
		title.setText(item.getItemTitle());
		content.setText(item.getItemContent());
		//返回设置好的view,用于显示
		return view;
	}
}

最后一步:前面已经准备好了数据源,还有自定义好了适配器,现在可以在Activity中使用了

public class MainActivity extends ActionBarActivity {

	private ListView listview;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.fragment_main);

		listview = (ListView) findViewById(R.id.listView);
		MyAdapter adapter = new MyAdapter(this, getData());
		listview.setAdapter(adapter);
	}

	private List<ItemBean> getData() {
		List<ItemBean> data = new ArrayList<ItemBean>();
		for (int i = 0; i < 11; i++) {
			ItemBean item = new ItemBean(R.drawable.ic_launcher, "标题" + i, "内容" + i);
			data.add(item);
		}
		return data;
	}
}

效果图:(BaseAdapter中getView的这种实现是不优雅的,不高效的,优雅的使用下一篇文章再详解)

源码下载:360云盘

http://yunpan.cn/cuUvgEN96mP9H  访问密码 c6fe

listview01

 

 

 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注