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 id
int student_item_id = R.layout.student_item;
// columns names
String[] columnNames = new String[] { "name", "score" };
// resource ids
int[] ids = new int[] { R.id.student_name, R.id.student_score };
// the data to be displayed
ArrayList<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 names
private 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 displayed
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);
}
}
/*private void setSimpleAdapter(ListView listView) {
listView.setAdapter(new SimpleAdapter(this, students, student_item_id,
columnNames, ids));
}*/
public class AnotherAdapter extends BaseAdapter {
@Override
public int getCount() {
return students.size();
}
@Override
public Object getItem(int position) {
return students.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public 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接口。——后面会讲述如何过滤数据。