Android开发教程：ListView使用SimpleAdapter适配器

Android开发教程：ListView使用SimpleAdapter适配器

最近在做一个聊天的小应用，我负责聊天窗口部分，弄了个简单的有点丑的“汽泡短信”聊天模式~先附上最终效果图：

以下是摸索的过程，与大家分享：

从聊天的模式可以看出整个窗口应该是一个ListActivity，其中每一行用聊天的内容填充ListView。

ListView可以使用最基本的ArrayAdapter填充，但是每一行只能填充文本。我们的聊天内容除了文本，还希望有个头像（当然后期还可以再添聊天时间、用户名之类的~），首相想到的是使用SimpleAdapter。

本文源码下载：

免费下载地址在 http://linux.bkjia.com/

用户名与密码都是www.bkjia.com

具体下载目录在 /2012年资料/1月/1日/Android开发教程：ListView使用SimpleAdapter适配器源码/

这是第一个Demo的代码：

1. public class TryChatPopActivity extends Activity {  
2.     ListView itemlist = null;  
3.     List<Map<String, Object>> list;  
4.   
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.     }  
19.       
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);  
29.               
30.             map = new HashMap<String, Object>();  
31.             map.put("chatportrait",imgA);  
32.             map.put("chatinfo", "嗨~\n你好！");  
33.             list.add(map);  
34.   
35.             map = new HashMap<String, Object>();  
36.             map.put("chatportrait",imgA);  
37.             map.put("chatinfo", "嗨~\n你好！\n我是小魏~");  
38.             list.add(map);  
39.               
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每一行填充的布局文件。