ListView----Adapter的使用

ListView是一个经常用到的控件，ListView里面的每个子项Item可以使一个字符串，也可以是一个组合控件。

在android中，由于数据来源多种多样，如从资源文件读取、从数据库中读取、从网络上其他地方读取，而最终这些数据都将被展示在ListView中，所以android就用adapter设计模式，对应每种数据来源使用对应的adapter来连接数据和视图。Adapter就是数据和视图之间的桥梁，数据在adapter中做处理，然后显示到ListView上面。

1.ListView和各种Adapter的使用

下面主要介绍三种 adapter： ArrayAdapter<T> 、SimpleAdapter和SimpleCursorAdapter。

1.ArrayAdapter<T>

效果图如下：

    

首先创建存放ListView的Activity所需要的布局activity_main.xml文件。

[html]  view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context=".MainActivity" >  
6.   
7.     <ListView  
8.         android:id="@+id/list"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="match_parent" />  
11. </LinearLayout>  

上面代码创建了一个布局配置文件，里面只放了一个ListView控件，将其ID设置为：list。

接下来是list_item.xml，用来设置ListView中每个Item的布局，是ListItem的XML实现。

Android提供了多种ListItem的Layout (R.layout)，以下是较为常用的：

   android.R.layout.simple_list_item_1   一行text

   android.R.layout.simple_list_item_2   一行title，一行text

   android.R.layout.simple_list_item_single_choice   单选按钮

   android.R.layout.simple_list_item_multiple_choice   多选按钮

   android.R.layout.simple_list_item_checked   checkbox

我们可以自定义自己的Layout(list_item.xml)：

[html]  view plain copy

1. <TextView xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="match_parent"  
3.     android:layout_height="match_parent"   
4.     android:textStyle="bold"  
5.     android:textSize="30sp"  
6.     android:padding="10sp">  
7. </TextView>  

要注意的是自定义list_item.xml的根节点必须是TextView，否则就会有ArrayAdapter requires the resource ID to be a TextView的错误。

最后是MainActivity.java代码，先找出ListView，然后往ListView里填充数组data。

[java]  view plain copy

1. @Override  
2. protected void onCreate(Bundle savedInstanceState) {  
3.     super.onCreate(savedInstanceState);  
4.     setContentView(R.layout.activity_main);  
5.   
6.     String[] data = { "Item 1", "Item 2", "Item 3", "Item 4", "Item 5" };  
7.   
8.     // 绑定XML中的ListView，作为data的容器  
9.     ListView listView = (ListView) findViewById(R.id.list1);  
10.   
11.     ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this,  
12.             R.layout.list_item, data);  
13.       
14.     /*Android官方提供的ListItem的Layout 
15.      * ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this, 
16.      * android.R.layout.simple_list_item_1, data); 
17.      */  
18.   
19.     listView.setAdapter(arrayAdapter);  
20. }  

2.SimpleAdapter

效果图如下：

    

首先创建存放ListView的Activity所需要的布局activity_main.xml文件。

[html]  view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context=".MainActivity" >  
6.   
7.     <ListView  
8.         android:id="@+id/list"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="fill_parent" />  
11. </LinearLayout>  

和之前一样创建了一个布局配置文件，里面只放了一个ListView控件，将其ID设置为：list。

接下来是list_item.xml，用来设置ListView中每个Item的布局，是ListItem的XML实现。

[html]  view plain copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="wrap_content" >  
5.   
6.     <ImageView  
7.         android:id="@+id/ItemImage"  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content" >  
10.     </ImageView>  
11.   
12.     <TextView  
13.         android:id="@+id/ItemTitle"  
14.         android:layout_width="wrap_content"  
15.         android:layout_height="wrap_content"  
16.         android:layout_toRightOf="@id/ItemImage"  
17.         android:textSize="25sp" >  
18.     </TextView>  
19.   
20.     <TextView  
21.         android:id="@+id/ItemText"  
22.         android:layout_width="wrap_content"  
23.         android:layout_height="wrap_content"  
24.         android:layout_toRightOf="@id/ItemImage"  
25.         android:layout_below="@id/ItemTitle"  
26.         android:textSize="15sp" >  
27.     </TextView>  
28.   
29. </RelativeLayout>  

最后是MainActivity.java代码，先找出ListView，然后往ListView里填充动态数组data。

[java]  view plain copy

1. @Override  
2. protected void onCreate(Bundle savedInstanceState) {  
3.     super.onCreate(savedInstanceState);  
4.     setContentView(R.layout.activity_main);  
5.   
6.     // 图片资源的ID  
7.     int[] images = new int[] { R.drawable.item_img_a,  
8.             R.drawable.item_img_b, R.drawable.item_img_c,  
9.             R.drawable.item_img_d, R.drawable.item_img_e };  
10.   
11.     // 创建动态数组数据源  
12.     List<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();  
13.     for (int i = 0; i < 5; i++) {  
14.         HashMap<String, Object> map = new HashMap<String, Object>();  
15.         map.put("ItemImage", images[i]);  
16.         map.put("ItemTitle", "This is Title " + i);  
17.         map.put("ItemText", "This is text " + i);  
18.         data.add(map);  
19.     }  
20.   
21.     // 绑定XML中的ListView，作为ListItem的容器  
22.     ListView listView = (ListView) findViewById(R.id.list);  
23.   
24.     // 动态数组数据源中与ListItem中每个显示项对应的Key  
25.     String[] from = new String[] { "ItemImage", "ItemTitle", "ItemText" };  
26.     // ListItem的XML文件里面的一个ImageView ID和两个TextView ID  
27.     int[] to = new int[] { R.id.ItemImage, R.id.ItemTitle, R.id.ItemText };  
28.   
29.     // 将动态数组数据源data中的数据填充到ListItem的XML文件list_item.xml中去  
30.     // 从动态数组数据源data中，取出from数组中key对应的value值，填充到to数组中对应ID的控件中去  
31.     SimpleAdapter adapter = new SimpleAdapter(this, data,  
32.             R.layout.list_item, from, to);  
33.     listView.setAdapter(adapter);  
34. }  

3.SimpleCursorAdapter

下面用SimpleCursorAdapter来实现上一节中用SimpleAdapter实现的同样的效果，activity_main.xml文件和list_item.xml文件都不需要更改，只需要更改MainActivity.java代码。

[java]  view plain copy

1. @Override  
2. protected void onCreate(Bundle savedInstanceState) {  
3.     super.onCreate(savedInstanceState);  
4.     setContentView(R.layout.activity_main);  
5.   
6.     DBHelper dbHelper = new DBHelper(this);  
7.     // 向数据库中插入数据  
8.     insertDataIntoDB(dbHelper);  
9.     Cursor cursor = dbHelper.query();  
10.   
11.     // 绑定XML中的ListView，作为Item的容器  
12.     ListView listView = (ListView) findViewById(R.id.list);  
13.   
14.     // 数据库中与ListItem中每个显示项对应的column  
15.     String[] from = new String[] { "ItemImage", "ItemTitle", "ItemText" };  
16.     // ListItem的XML文件里面的一个ImageView ID和两个TextView ID  
17.     int[] to = new int[] { R.id.ItemImage, R.id.ItemTitle, R.id.ItemText };  
18.   
19.     // 将数据库中数据填充到ListItem的XML文件list_item.xml中去  
20.     // 从数据库中取出from数组中column对应的值，填充到to数组中对应ID的控件中去  
21.     SimpleCursorAdapter adapter = new SimpleCursorAdapter(this,  
22.             R.layout.list_item, cursor, from, to);  
23.     listView.setAdapter(adapter);  
24. }  
25.   
26. private void insertDataIntoDB(DBHelper dbHelper) {  
27.     dbHelper.clear();  
28.     // 图片资源的ID  
29.     int[] images = new int[] { R.drawable.item_img_a,  
30.             R.drawable.item_img_b, R.drawable.item_img_c,  
31.             R.drawable.item_img_d, R.drawable.item_img_e };  
32.   
33.     for (int i = 0; i < 5; i++) {  
34.         ContentValues values = new ContentValues();  
35.         values.put("ItemImage", images[i]);  
36.         values.put("ItemTitle", "This is Title " + i);  
37.         values.put("ItemText", "This is text " + i);  
38.         dbHelper.insert(values);  
39.     }  
40. }  

这里通过DBHelper这个类来实现数据库的插入和查询功能。

[java]  view plain copy

1. public class DBHelper extends SQLiteOpenHelper {  
2.   
3.     public DBHelper(Context context) {  
4.         super(context, "testDB", null, 1);  
5.     }  
6.   
7.     @Override  
8.     public void onCreate(SQLiteDatabase db) {  
9.         String createTableSQL = "create table IF NOT EXISTS tbl_test "  
10.                 + "(_id integer primary key autoincrement, ItemImage int, "  
11.                 + "ItemTitle text, ItemText text)";  
12.         db.execSQL(createTableSQL);  
13.     }  
14.   
15.     public void insert(ContentValues values) {  
16.         SQLiteDatabase db = getWritableDatabase();  
17.         db.insert("tbl_test", null, values);  
18.     }  
19.   
20.     public Cursor query() {  
21.         SQLiteDatabase db = getWritableDatabase();  
22.         Cursor cursor = db.query("tbl_test", null, null, null, null, null, null);  
23.         return cursor;  
24.     }  
25.   
26.     public void clear() {  
27.         SQLiteDatabase db = getWritableDatabase();  
28.         db.delete("tbl_test", null, null);  
29.     }  
30.   
31.     public void close() {  
32.         SQLiteDatabase db = getWritableDatabase();  
33.         db.close();  
34.     }  
35.   
36.     @Override  
37.     public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {  
38.     }