Android学习笔记：ListView及BaseAdapter使用

浏览数：23 / 时间：2015年06月11日

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_imageview"
        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_imageview"
        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_imageview"
        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_imageview);
			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