ListView(1)——各種Adapter的使用

憶江南的部落格發表於2015-08-24
ViewAPT

ListView是一個經常用到的控制元件，ListView裡面的每個子項Item可以使一個字串，也可以是一個組合控制元件。


在android中，由於資料來源多種多樣，如從資原始檔讀取、從資料庫中讀取、從網路上其他地方讀取，而最終這些資料都將被展示在ListView中，所以android就用adapter設計模式，對應每種資料來源使用對應的adapter來連線資料和檢視。Adapter就是資料和檢視之間的橋樑，資料在adapter中做處理，然後顯示到ListView上面。


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


1.ArrayAdapter<T>

效果圖如下：

    

首先建立存放ListView的Activity所需要的佈局activity_main.xml檔案。

[html] view plaincopy
  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 plaincopy
  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 plaincopy
  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 plaincopy
  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 plaincopy
  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 plaincopy
  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 plaincopy
  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 plaincopy
  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.     }  
  39.   
  40. }  

參考文章：

http://stephen830.iteye.com/blog/1139917

http://blog.csdn.net/hellogv/article/details/4542668

http://blog.csdn.net/hellogv/article/details/4548659

http://blog.csdn.net/xxg3053/article/details/6999872

http://gundumw100.iteye.com/blog/875967

http://android.blog.51cto.com/268543/336162/

相關文章