Android開發教程：ListView使用SimpleAdapter適配器

最近在做一個聊天的小應用，我負責聊天窗口部分，弄了個簡單的有點丑的“汽泡短信”聊天模式~先附上最終效果圖：

以下是摸索的過程，與大家分享：

從聊天的模式可以看出整個窗口應該是一個ListActivity，其中每一行用聊天的內容填充ListView。

ListView可以使用最基本的ArrayAdapter填充，但是每一行只能填充文本。我們的聊天內容除了文本，還希望有個頭像（當然後期還可以再添聊天時間、用戶名之類的~），首相想到的是使用SimpleAdapter。

本文源碼下載：

免費下載地址在 http://linux.linuxidc.com/

用戶名與密碼都是www.linuxidc.com

具體下載目錄在 /2012年資料/1月/1日/Android開發教程：ListView使用SimpleAdapter適配器源碼/

這是第一個Demo的代碼：

1. public class TryChatPopActivity extends Activity {
2. ListView itemlist = null;
3. List<Map<String, Object>> list;
5. public void onCreate(Bundle savedInstanceState) {
6. super.onCreate(savedInstanceState);
7. setContentView(R.layout.main);
8. itemlist = (ListView) findViewById(R.id.chatlist);
9. refreshListItems();
10. }
11. private void refreshListItems() {
12. list = buildListForSimpleAdapter();
13. //實例適配器
14. SimpleAdapter chat = new SimpleAdapter(this, list, R.layout.chata,
15. new String[] {"chatportrait","chatinfo"}, new int[] {R.id.imgPortraitA,R.id.txvInfo});
16. itemlist.setAdapter(chat);
17. itemlist.setSelection(0);
18. }
20. //用來實例化列表容器的函數
21. private List<Map<String, Object>> buildListForSimpleAdapter() {
22. List<Map<String, Object>> list = new ArrayList<Map<String, Object>>(2);
23. ImageView imgA=(ImageView)findViewById(R.id.imgPortraitA);
24. //向列表容器中添加數據（每列中包括一個頭像和聊天信息）
25. Map<String, Object> map = new HashMap<String, Object>();
26. map.put("chatportrait",imgA);
27. map.put("chatinfo", "嗨~");
28. list.add(map);
30. map = new HashMap<String, Object>();
31. map.put("chatportrait",imgA);
32. map.put("chatinfo", "嗨~\n你好！");
33. list.add(map);
35. map = new HashMap<String, Object>();
36. map.put("chatportrait",imgA);
37. map.put("chatinfo", "嗨~\n你好！\n我是小魏~");
38. list.add(map);
40. return list;
41. }
42. }

其中 chata 布局文件如下：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content"
6. android:orientation="horizontal"
7. android:paddingTop="5px"
8. >
9. <ImageView
10. android:layout_width="42px"
11. android:layout_height="42px"
12. android:layout_gravity="bottom"
13. android:id="@+id/imgPortraitA"
14. android:background="@drawable/portraita"
15. />
16. <TextView android:id="@+id/txvInfo"
17. android:layout_width="wrap_content"
18. android:layout_height="wrap_content"
19. android:paddingTop="5px"
20. android:paddingBottom="5px"
21. android:paddingLeft="5px"
22. android:textColor="@android:color/black"
23. android:textSize="18dip"
24. android:background="@drawable/chatbg"></TextView>
25. </LinearLayout>

這裡最關鍵是嘗試定義和使用SimpleAdapter適配器：

1. SimpleAdapter chat = new SimpleAdapter(this, list, R.layout.chata,
2. new String[] {"chatportrait","chatinfo"}, new int[] {R.id.imgPortraitA,R.id.txvInfo});

其中第一個參數是context，即當前的Activity；第二個參數是要去填充ListView每一行內容的list；第三個參數resource是ListView每一行填充的布局文件。