Android学习笔记：ListView及BaseAdapter使用

ListView是Android中常用的重要组件之一,基本上所有软件基本都会使用ListView，所以要对ListView非常熟悉。

先看看程序效果图：

ListView的样式很多，有纯文字型，带图片显示，带按钮的等等。本次演示一个带图片的ListView。

①布局文件：

在ListView程序中，布局文件相比其他普通控件会多出至少一个，其原因是还需要一个关于ListView里面内容条目的布局文件。

内容条目的布局文件 listview_item.xml ：

<?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="?android:attr/listPreferredItemHeight">          <ImageView          android:id="@+id/id_p_w_picpathview"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:background="@drawable/ic_launcher"         android:layout_alignParentLeft="true"         android:layout_alignParentTop="true"/>     <TextView          android:id="@+id/id_tv_title"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_toRightOf="@id/id_p_w_picpathview"         android:layout_marginLeft="15dp"         android:layout_alignParentTop="true"         android:textSize="22sp"         android:textStyle="bold"         android:text="title"/>          <TextView          android:id="@+id/id_tv_desc"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_toRightOf="@id/id_p_w_picpathview"         android:layout_below="@id/id_tv_title"         android:layout_marginLeft="15dp"         android:textSize="18sp"         android:text="long long ago story"/>      </RelativeLayout>

看了代码应该就明白了我上面说的ListView内容条目的布局指的就是

这样一条条的布局文件

另外一个布局文件，整个android程序的总体布局文件 activity_main.xml ：

<LinearLayout 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"     android:orientation="vertical"     tools:context="com.example.testlistview.MainActivity" >          <LinearLayout          android:id="@+id/listview_ll"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:orientation="vertical">                  <ListView              android:id="@id/android:list"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:drawSelectorOnTop="true"             android:scrollbars="vertical"/>              </LinearLayout> </LinearLayout>

只有一个<ListView /> 其中scrollbars="vertical"意思是如果条目很多，滚动时会滚动条是垂直的。

②Android代码

MainActivity.java

package com.example.testlistview; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.app.ListActivity; import android.content.Context; import android.os.Bundle; import android.widget.SimpleAdapter; /**  * 注意继承的是ListActivity  * @author jam  *  */ public class MainActivity extends ListActivity {	private List<Map<String, Object>> list;	@Override	protected void onCreate(Bundle savedInstanceState) {	super.onCreate(savedInstanceState);	setContentView(R.layout.activity_main);	list = new ArrayList<Map<String, Object>>();	Map<String, Object> map1 = new HashMap<String, Object>();	Map<String, Object> map2 = new HashMap<String, Object>();	Map<String, Object> map3 = new HashMap<String, Object>();	//三项，分别是图片，大标题，内容	map1.put("avatar", R.drawable.add_option);	map1.put("user_name", "zhangsan");	map1.put("user_ip", "192.168.1.0");	map2.put("avatar", R.drawable.add_pic);	map2.put("user_name", "lisi");	map2.put("user_ip", "192.168.1.1");	map3.put("avatar", R.drawable.ic_launcher);	map3.put("user_name", "wangwu");	map3.put("user_ip", "192.168.1.2");	list.add(map1);	list.add(map2);	list.add(map3);	//使用SimpleAdapter的方法	/**	 * 四个参数	 * 第一个参数是当前的Context	 * 第二个参数，是数据来源list	 * 第三个第四个相当于键值对的关系	 */ /*	setListAdapter(new SimpleAdapter(getApplicationContext(), list,	R.layout.listview_item, 	new String[] {"user_name", "user_ip"},	new int[] {R.id.id_tv_title, R.id.id_tv_desc}));*/	//设置Adapter	setListAdapter(new MyBaseAdapter(getApplicationContext(), list));	} }

其中MyBaseAdapter.java代码：

package com.example.testlistview; 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.ImageView; import android.widget.TextView; /**  * 继承BaseAdapter  * 相对于SimpleAdapter来说显得麻烦，但带来了更多好处  * @author jam  *  */ public class MyBaseAdapter extends BaseAdapter {	private LayoutInflater myInfalater; 	private List<Map<String, Object>> list;	public MyBaseAdapter(Context context, List<Map<String, Object>> list) {	super();	this.list = list;	myInfalater = LayoutInflater.from(context);	}	@Override	public int getCount() {	return list.size();	}	@Override	public Object getItem(int position) {	return position;	}	@Override	public long getItemId(int positionId) {	return positionId;	}	//重要的重写方法	@Override	public View getView(int position, View convertView, ViewGroup viewGroup) {	ViewHolder viewHolder;	if(convertView == null) {	convertView = myInfalater.inflate(R.layout.listview_item, null);	viewHolder = new ViewHolder();	viewHolder.avatar = (ImageView) convertView.findViewById(R.id.id_p_w_picpathview);	viewHolder.title = (TextView) convertView.findViewById(R.id.id_tv_title);	viewHolder.desc = (TextView) convertView.findViewById(R.id.id_tv_desc);	convertView.setTag(viewHolder);	} else {	viewHolder = (ViewHolder) convertView.getTag();	}	viewHolder.avatar.setBackgroundResource((Integer) list.get(position).get("avatar"));	viewHolder.title.setText((CharSequence) list.get(position).get("user_name"));	viewHolder.desc.setText((CharSequence) list.get(position).get("user_ip"));	return convertView;	}	private class ViewHolder {	ImageView avatar;	TextView title;	TextView desc;	} }

说明

BaseAdapter是一个很常用的Adapter，是一个抽象类，需要重写很多方法。

在Adapter中先调用getCount()方法，得到ListView的长度，根据这个长度逐一绘制ListView的每一行

onvertView相当于一个缓存，开始为0，当有条目变为不可见，它缓存了它的数据，后面再出来的条目只需要更新数据就可以了，这样大大节省了系统资料的开销

ViewHolder的应用 ：

View的findViewById()方法也是比较耗时的，因此需要考虑只调用一次，之后就用convertView.getTag();方法来获得ViewHolder对象。 

通俗的说,inflate就相当于将一个xml中定义的布局找出来.

因为在一个Activity里如果直接用findViewById()的话,对应的是setConentView()的那个layout里的组件.

因此如果你的Activity里如果用到别的layout,比如对话框上的layout,你还要设置对话框上的layout里的组件(像图片ImageView,文字TextView)上的内容,你就必须用inflate()先将对话框上的layout找出来,然后再用这个layout对象去找到它上面的组件。

另外这里有些BaseAdapter相关资料：

http://www.open-open.com/lib/view/open1339485728006.html

http://android.tgbus.com/Android/tutorial/201104/348009.shtml