ListView的例子

1. 概述

ListView用于以列表的形式显示数据，使用中，需要通过适配器来显示数据。

2. 总的思想

使用ListView时，涉及到如下几个方面的工作：

• ListView控件：在某个布局中定义一个ListView控件，用于以列表方式显示一些数据；——对应MVC模式中的View
• 待显示的数据：所有要显示的数据，通常是Map对象的一个列表；——对应MVC模式中的Model（领域模型）
• 列表中每一行数据的显示布局：也是View的一部分，对应ListView控件中要显示的每一行数据的具体布局；
• 适配器：用于把待显示的每一项数据映射（适配）到列表框中的每一行。——对应MVC模式中的Control。
  

3. SimpleAdapter

SimpleAdapter是最简单的一种适配器，只需要给SimpleAdapter设置数据即可。

3.1 代码

3.1.1 Java代码

package com.example.hellolistview;import java.util.ArrayList;import java.util.HashMap;import android.app.Activity;import android.os.Bundle;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {            super.onCreate(savedInstanceState);        setContentView(R.layout.my_listview);        ListView listView = (ListView) this.findViewById(R.id.list_view);        setData(listView);            }private void setData(ListView listView) {// each item's layout resource idint student_item_id = R.layout.student_item;// columns namesString[] columnNames = new String[] { "name", "score" };// resource idsint[] ids = new int[] { R.id.student_name, R.id.student_score };// the data to be displayedArrayList<HashMap<String, Object>> students = new ArrayList<HashMap<String, Object>>();HashMap<String, Object> map = null;for (int i = 1; i <= 10; i++) {map = new HashMap<String, Object>();map.put(columnNames[0], "student-" + i);map.put(columnNames[1], String.valueOf(i * 10));students.add(map);}listView.setAdapter(new SimpleAdapter(this, students, student_item_id,columnNames, ids));}    }

3.1.2 my_listview.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >        <ListView        android:id="@+id/list_view"        android:layout_width="fill_parent"        android:layout_height="fill_parent"/></LinearLayout>

3.1.3 student_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal" >    <TextView        android:id="@+id/student_name"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="2"/>        <TextView        android:id="@+id/student_score"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"/></LinearLayout>

3.2 代码解读

my_listview.xml资源文件比较简单，它用作整个Activity的界面，其中包括一个ListView控件。

而这个控件中的每一行的UI布局，则对应student_item.xml的定义。

student_item的数据填充，则是由适配器来完成的。——适配器的输入就是领域模型的具体数据。

因为SimpleAdapter帮助我们完成了所有的工作，因此上述代码比较简单。——至于其输入数据及其含义，直接看SimpleAdapter的源码即可。我们在setData()方法中，特意定义了几个变量，它和SimpleAdapter构造函数传入的参数是一致的。

3.3 效果图

4. BaseAdapter

对于上述需求，我们再用BaseAdapter进行改写。通过这种比较，可以进一步理解各种适配器的使用方法、功能差异点。

4.1 代码

只需要Java代码重构如下：

package com.example.hellolistview;import java.util.ArrayList;import java.util.HashMap;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ListView;import android.widget.TextView;public class MainActivity extends Activity {// each item's layout resource id//private int student_item_id = R.layout.student_item;// columns namesprivate String[] columnNames = new String[] { "name", "score" };// resource ids//private int[] ids = new int[] { R.id.student_name, R.id.student_score };private ArrayList<HashMap<String, Object>> students = new ArrayList<HashMap<String, Object>>();private Context context = null;    @Override    protected void onCreate(Bundle savedInstanceState) {            super.onCreate(savedInstanceState);        setContentView(R.layout.my_listview);        context = this;                ListView listView = (ListView) this.findViewById(R.id.list_view);        createData();        //setSimpleAdapter(listView);        listView.setAdapter(new AnotherAdapter());            }    private void createData() {    // the data to be displayedHashMap<String, Object> map = null;for (int i = 1; i <= 10; i++) {map = new HashMap<String, Object>();map.put(columnNames[0], "student-" + i);map.put(columnNames[1], String.valueOf(i * 10));students.add(map);}    }    /*private void setSimpleAdapter(ListView listView) {listView.setAdapter(new SimpleAdapter(this, students, student_item_id,columnNames, ids));}*/    public class AnotherAdapter extends BaseAdapter {@Overridepublic int getCount() {return students.size();}@Overridepublic Object getItem(int position) {return students.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {if (convertView == null) {convertView = LayoutInflater.from(context).inflate(R.layout.student_item, null);}TextView studentName = (TextView) convertView.findViewById(R.id.student_name);TextView studentScore = (TextView) convertView.findViewById(R.id.student_score);studentName.setText((CharSequence) students.get(position).get(columnNames[0]/*"name"*/));studentScore.setText((CharSequence) students.get(position).get("score"));return convertView;}}}

通过查看SimpleAdapter的源代码，可以发现这里的AnotherAdapter的代码和SimpleAdapter是一致的。——只是SimpleAdapter对getView()做了各种支持。

事实上，SimpleAdapter继承自BaseAdapter，并实现了Filterable接口。——后面会讲述如何过滤数据。