android ListView 應用及事件監聽方法

 ListView ：在Android應用開發過程中屬於最常用的系統組件之一，當然可能童鞋們問為什麼會突然遊戲開發中講這個，呵呵，其實在遊戲開發中，也會常常使用到系統組件，比如遊戲熱門排行榜，簡單的遊戲關卡選擇等等，都可以來使用ListView來實現；

    當然關於ListView我想大家都會使用了，那麼這篇文章也不是跟大家講解ListView是如果使用的，而是如果自訂通用適配器類；

    在ListView三種適配器當中，最受大家青睞的肯定就是SimpleAdapter適配器，用過的童鞋們都很清楚，它的擴充性很強，可以將ListView中每一項都使用自訂布局，插入N多組件；但是SimpleAdapter也有弱點，那就是當ListView中每一項有Button、CheckBox等這些有事件的組件，我們想監聽它們就必須自訂配接器！那麼今天的重點也就是來講解一下如何寫一個自訂通用適配器類！

    SimpleAdapter 構造的時候，我們知道需要五個參數來進行映射資料到ListView中，那麼我們今天的自訂通用適配器其實也就是實現系統SimpleAdapter的一個自訂版；

    OK,可能我說這麼多，大家還是不太懂，其實今天要講述的自訂通用適配器優點有兩點：

    1.使用通用適配器就不需要每次使用自訂配接器的時候，都要去重新去寫一個，太累。。。。

    2.構造方法與SimpleAdapter構造方法相同，五個參數也一摸一樣！

    3.只需要在自訂的適配器類中，將我們需要監聽的組件進行設定監聽即可！別的代碼不需要去改動！

例如我們需要完成這種ListView：

（圖1）

2011-4-4 01:27 上傳

下載附件 (14.82 KB)

首先我們來完成ListView中每項的布局：main.xml：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="horizontal"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7. <ImageView   
8.     android:layout_width="wrap_content"   
9.     android:layout_height="wrap_content"   
10.     android:id="@+id/iv"  
11.     />   
12.    <LinearLayout  
13.         android:orientation="vertical"  
14.         android:layout_width="wrap_content"  
15.         android:layout_height="wrap_content"  
16.         >  
17.         <TextView   
18.             android:layout_width="wrap_content"   
19.             android:layout_height="wrap_content"   
20.             android:textSize="20sp"  
21.             android:id="@+id/bigtv"  
22.             />  
23.         <TextView   
24.             android:layout_width="wrap_content"   
25.             android:layout_height="wrap_content"   
26.             android:textSize="10sp"  
27.             android:id="@+id/smalltv"  
28.             />  
29.     </LinearLayout>  
30. <Button   
31.     android:layout_width="wrap_content"   
32.     android:layout_height="wrap_content"   
33.      android:text="button"  
34.     android:id="@+id/btn"  
35.     />  
36. <CheckBox   
37.    android:layout_width="wrap_content"   
38.    android:layout_height="wrap_content"   
39.    android:id="@+id/cb"  
40.    />  
41. </LinearLayout>  

複製代碼

修改源碼：MainActivity.java：

1. public class MainActivity extends Activity {  
2.     private SimpleAdapter adapter;// 聲明配接器物件  
3.     private ListView listView; // 聲明列表視圖對象  
4.     private List<Map<String, Object>> list;// 聲明列表容器  
5.     public static MainActivity ma;  
6.     @Override  
7.     public void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         ma = this;  
10.         // 執行個體化列表容器  
11.         list = new ArrayList<Map<String, Object>>();  
12.         listView = new ListView(this);// 執行個體化列表視圖  
13.         // 執行個體一個列表資料容器  
14.         Map<String, Object> map = new HashMap<String, Object>();  
15.         // 往列表容器中添加資料  
16.         map.put("item1_imageivew", R.drawable.icon);  
17.         map.put("item1_bigtv", "BIGTV");  
18.         map.put("item1_smalltv", "SMALLTV");  
19.         // 將列表資料添加到列表容器中  
20.         list.add(map);  
21.         // --使用系統適配器，無法實現組件監聽；  
22.         // //執行個體適配器  
23.         adapter = new SimpleAdapter(this, list, R.layout.main, new String[] {  
24.                 "item1_imageivew", "item1_bigtv", "item1_smalltv" }, new int[] {  
25.                 R.id.iv, R.id.bigtv, R.id.smalltv });  
26.         listView.setAdapter(adapter);  
27.         // //顯示列表視圖  
28.         this.setContentView(listView);  
29.     }  
30. }  

複製代碼

到此，我們之前要求完成的（圖1）要求的ListView，[對ListView不太熟悉的童鞋自行百度google先學習一下基礎吧]當然這裡我們只是完成了介面，如果想監聽（圖1）中的按鈕和複選框事件，那麼我們肯定需要自訂一個適配器，那麼下面開始介紹如何?通用適配器：建立一個新類，類名：“MySimpleAdapter.java”繼承BaseAdapter：

1. package com.himi;  
2. import java.util.List;  
3. import java.util.Map;  
4. import android.app.AlertDialog;  
5. import android.content.Context;  
6. import android.view.LayoutInflater;  
7. import android.view.View;  
8. import android.view.ViewGroup;  
9. import android.widget.BaseAdapter;  
10. import android.widget.Button;  
11. import android.widget.CheckBox;  
12. import android.widget.CompoundButton;  
13. import android.widget.ImageView;  
14. import android.widget.TextView;  
15. import android.widget.CompoundButton.OnCheckedChangeListener;  
16. /**
17. * @author Himi
18. *  
19. */  
20. public class MySimpleAdapter extends BaseAdapter {  
21.     private LayoutInflater mInflater;  
22.     private List<Map<String, Object>> list;  
23.     private int layoutID;  
24.     private String flag[];  
25.     private int ItemIDs[];  
26.     public MySimpleAdapter(Context context, List<Map<String, Object>> list,  
27.             int layoutID, String flag[], int ItemIDs[]) {  
28.         this.mInflater = LayoutInflater.from(context);  
29.         this.list = list;  
30.         this.layoutID = layoutID;  
31.         this.flag = flag;  
32.         this.ItemIDs = ItemIDs;  
33.     }  
34.     @Override  
35.     public int getCount() {  
36.         // TODO Auto-generated method stub  
37.         return list.size();  
38.     }  
39.     @Override  
40.     public Object getItem(int arg0) {  
41.         // TODO Auto-generated method stub  
42.         return 0;  
43.     }  
44.     @Override  
45.     public long getItemId(int arg0) {  
46.         // TODO Auto-generated method stub  
47.         return 0;  
48.     }  
49.     @Override  
50.     public View getView(int position, View convertView, ViewGroup parent) {  
51.         convertView = mInflater.inflate(layoutID, null);  
52.         convertView = mInflater.inflate(layoutID, null);  
53.         for (int i = 0; i < flag.length; i++) {//備忘1  
54.             if (convertView.findViewById(ItemIDs[i]) instanceof ImageView) {  
55.                 ImageView iv = (ImageView) convertView.findViewById(ItemIDs[i]);  
56.                 iv.setBackgroundResource((Integer) list.get(position).get(  
57.                         flag[i]));  
58.             } else if (convertView.findViewById(ItemIDs[i]) instanceof TextView) {  
59.                 TextView tv = (TextView) convertView.findViewById(ItemIDs[i]);  
60.                 tv.setText((String) list.get(position).get(flag[i]));  
61.             }else{  
62.                 //...備忘2  
63.             }  
64.         }  
65.         addListener(convertView);  
66.         return convertView;  
67.     }  
68. /**
69. * 童鞋們只需要將需要設定監聽事件的組件寫在下面這方法裡就可以啦！
70. * 別的不需要修改！
71. * 備忘3
72. */  
73.     public void addListener(View convertView) {  
74.         ((Button)convertView.findViewById(R.id.btn)).setOnClickListener(  
75.                 new View.OnClickListener() {  
76.                     @Override  
77.                     public void onClick(View v) {  
78.                         new AlertDialog.Builder(MainActivity.ma)  
79.                         .setTitle("自訂通用SimpleAdapter")  
80.                         .setMessage("按鈕成功觸發監聽事件！")  
81.                         .show();  
82.                     }  
83.                 });  
84.         ((CheckBox)convertView.findViewById(R.id.cb)).  
85.         setOnCheckedChangeListener(new OnCheckedChangeListener() {  
86.             @Override  
87.             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {  
88.                 new AlertDialog.Builder(MainActivity.ma)  
89.                 .setTitle("自訂通用SimpleAdapter")  
90.                 .setMessage("CheckBox成功觸發狀態改變監聽事件！")  
91.                 .show();  
92.             }  
93.         });  
94.     }  
95. }  

複製代碼

備忘1：這個For迴圈中是對ListView中每一項中包含所有的組件進行判定每個組件的類型，從而去設定其資料！其中 《instanceof》這個關鍵字可能有的童鞋不太熟習，這個是對Object 類型的判斷；這裡我只是對ImageView、TextView的類型進行的資料識別，為什麼我這裡唯寫了這兩種，那是因為Button、CheckBox等這些帶事件響應的組件是無法通過適配器映射到ListView上的；其實關於適配器映射的機制，這裡簡單說下：例如一個TextView組件，那麼在ListView的每一項(List)中put()添加的時候，put（）方法中第一個參數key大家知道是用於與適配器進行對應映射資料用的值，那麼第二個參數其實就是put進組件的資料，所以備忘1這裡，當判定是一個TextView的時候，其實就是對其進行進行setText，而如果是ImageView，其實就是設定其背景圖片屬性setBackgroundResource！備忘2 ：我這裡最後還有一個else｛...｝這裡是留給童鞋們去擴充的，因為可能還有一些其他能映射的組件，所以這裡留下介面，供大家擴充；備忘3：addListener(View convertView)這是我留出來的方法，童鞋們只需要將需要設定監聽事件的組件寫在這方法裡就可以啦！那麼看一下我們使用通用監聽器的效果吧：
OK，很正常！那麼在來看看使用系統的SimpleAdapter 與我們自訂的MySimpleAdapter代碼對比圖：

怎麼樣！構造參數完全一樣，而且我們這個比它強大，我們只要去設定下需要監聽的組件監聽代碼就OK了。娃哈哈，好啦，今天就到這裡吧，希望此通用適配器對大家有用！
這裡也提醒一下開發遊戲的童鞋們，很多遊戲開發人員認為開發遊戲不用去學習系統組件的使用，不用去沾染xml、布局啥的，其實這麼想的童鞋們你們就打錯特錯了，Android之所以能這麼火，其組件的美觀佔了很重的份量，這麼美的組件不豈不是很浪費！！希望童鞋們對組件不熟悉的遊戲開發人員都要去學習學習下組件的使用！