.Net程序员玩转Android开发---(12)ListView显示数据

 Android中显示数据有多种控件，这节我们来认识下ListView,ListView是Android中最常用的数据显示控件，可以显示简单数据源，也可以显示复杂数据源，我们在Android系统中常看到的列表项，基本都是ListView的功劳。ListView中显示数据，肯定要绑定数据源。数据源的绑定是通过Adapter来完成的，Android中有两种常用的适配器，ArrayAdapter(数组适配器)  SimpleAdapter(简单适配器),适配器的作用就是把复杂的数据源显示到istview界面视图上，是数据源和界面之间的桥梁。

      这一节我们来认识下这两个适配器,数组适配器用来显示简单的数据，简单适配器主要用来显示复杂的数据。

         1. 数组适配器ArrayAdapter

                            数组适配器显示的数据比较单一，我们看下面的例子

                        

                       

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <ListView  
8.         android:id="@+id/listView1"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="wrap_content" >  
11.     </ListView>  
12.   
13. </LinearLayout>  

 

[java]  view plain copy

1. package com.example.hellotest;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.widget.ArrayAdapter;  
6. import android.widget.ListView;  
7.   
8. public class FirstListView extends Activity {  
9.   
10.         private ListView lv;  
11.           
12.         private ArrayAdapter<String> adapter;  
13.        @Override  
14.         protected void onCreate(Bundle savedInstanceState) {  
15.             super.onCreate(savedInstanceState);  
16.             setContentView(R.layout.firstlistview);  
17.             lv=(ListView)findViewById(R.id.listView1);//获取Listview对象  
18.             //listview数据源  
19.             String[] arr={"游响云停工作室1","游响云停工作室2","游响云停工作室ArrayAdapter演示","游响云停交流群207464864"};  
20.             //初始化适配器，参数1是上下文对象，参数2是Listview中每个列表的布局文件，参数3是数据源  
21.             adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr);  
22.             lv.setAdapter(adapter);//绑定数据  
23.              
24.         }  
25. }  

                    我们来分析下数组适配器的参数

                 adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr);

                       第一个参数为当前上下文对象

                      第二个参数为布局文件，我们例子中使用的系统自带的布局文件

                      第三个参数是数据源

         2. 简单适配器SimpleAdapter

                         简单适配器用来显示复杂的数据，我们看下这个示例

                        

 

                      首先创建一个LISTVIEW中每项的布局文件listitem.xml

                     

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="100dp"  
5.     android:orientation="vertical"  
6.      android:gravity="top"    
7.     >  
8.       
9.     <LinearLayout   android:layout_width="match_parent"  
10.     android:layout_height="wrap_content"  
11.     android:orientation="horizontal"  
12.      >  
13.                
14. <LinearLayout   android:layout_width="match_parent"  
15.     android:layout_height="wrap_content"  
16.     android:orientation="horizontal"   
17.     android:layout_weight="7"  
18.     android:gravity="center"  
19.     >  
20.   
21.     <ImageView  
22.         android:id="@+id/pic"  
23.         android:layout_width="80dp"  
24.         android:layout_height="80dp"  
25.         android:src="@drawable/ic_launcher" />  
26. </LinearLayout>  
27.   
28. <LinearLayout   android:layout_width="match_parent"  
29.     android:layout_height="wrap_content"  
30.     android:orientation="vertical"  
31.     android:layout_weight="3"  
32.      >  
33.   
34.     <TextView  
35.         android:id="@+id/tvname"  
36.         android:layout_width="wrap_content"  
37.         android:layout_height="wrap_content"  
38.         android:layout_marginTop="5dp"  
39.         android:text="商品名称:" />  
40.       
41.         <TextView  
42.         android:id="@+id/tvprice"  
43.         android:layout_width="wrap_content"  
44.         android:layout_height="wrap_content"  
45.         android:layout_marginTop="5dp"  
46.         android:text="商品价格:" />  
47.           
48.             <TextView  
49.         android:id="@+id/tvcolor"  
50.         android:layout_width="wrap_content"  
51.         android:layout_height="wrap_content"  
52.         android:layout_marginTop="5dp"  
53.   
54.         android:layout_marginBottom="5dp"  
55.         android:text="商品颜色" />  
56. </LinearLayout>  
57.     </LinearLayout>  
58.   <LinearLayout android:layout_width="fill_parent"   android:layout_height="2dp" android:background="#F0F0F0">  
59.     </LinearLayout>  
60. </LinearLayout>  

 

                主页面布局文件

               

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <ListView  
8.         android:id="@+id/listView2"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="wrap_content" >  
11.     </ListView>  
12.   
13. </LinearLayout>  

 

[java]  view plain copy

1. package com.example.hellotest;  
2.   
3. import java.util.ArrayList;  
4. import java.util.HashMap;  
5. import java.util.List;  
6. import java.util.Map;  
7.   
8. import android.app.Activity;  
9. import android.os.Bundle;  
10. import android.widget.ArrayAdapter;  
11. import android.widget.ListView;  
12. import android.widget.SimpleAdapter;  
13.   
14. public class SimpleListView  extends Activity {  
15.   
16.      private ListView lv;  
17.      private SimpleAdapter adp;//定义适配器  
18.      private List<Map<String,Object>> mapList;//定义数据源  
19.        
20.       protected void onCreate(Bundle savedInstanceState) {  
21.             super.onCreate(savedInstanceState);  
22.             setContentView(R.layout.simplelistview);  
23.             lv=(ListView)findViewById(R.id.listView2);  
24.             /* 
25.              *  参数1是上下文对象 
26.              *  参数2是数据源 
27.              *  参数3是布局文件 
28.              *  参数4是键名 
29.              *  参数5是绑定布局文件中视图ID 
30.              *  
31.              * */  
32.             mapList=new ArrayList<Map<String,Object>>();  
33.               
34.             for(int i=0;i<10;i++)  
35.             {  
36.                 Map<String,Object> map=new HashMap<String,Object>();  
37.                 map.put("pic",R.raw.pad);  
38.                 map.put("name","商品名称:Ipad Air");  
39.                 map.put("price","商品价格:$"+i);  
40.                 map.put("color","商品颜色:白色");  
41.                 mapList.add(map);  
42.             }  
43.            
44.             adp=new SimpleAdapter(this, mapList,R.layout.listitem, new String[]{"pic","name","price","color"}, new int[]{R.id.pic,R.id.tvname,R.id.tvprice,R.id.tvcolor});  
45.              lv.setAdapter(adp);  
46.              
47.         }  
48. }  

                      我们来分析下简单适配器的参数

                 adp=new SimpleAdapter(this, mapList,R.layout.listitem, new String[]{"pic","name","price","color"}, new int[]{R.id.pic,R.id.tvname,R.id.tvprice,R.id.tvcolor});

                  第一个参数是上下文对象

                 第二个参数是数据源，数据源的类型是集合

                  第三个参数是ListView中每一项的布局文件

                 第四个参数是数组，数组里面每一项对应数据源中MAP的键名称

                 第五个参数就是ListVIew中对应的子布局文件中对应的控件的ID