android ListView详解

在使用ListView的时候，常常用到Android自带的list布局，即simple_list_item_1、simple_list_item_2、simple_list_item_checked等。初次用起来，难免有点云里雾里。下面，就这几种list布局，做一些简单介绍：

注：适配器选用SimpleAdapter

main.xml 如下：

       

[html] view plaincopyprint?

1. <span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.     <ListView   
7.         android:id="@+id/android:list"  
8.         android:layout_width="fill_parent"  
9.         android:layout_height="wrap_content"/>  
10.     <TextView   
11.         android:id="@+id/android:empty"  
12.         android:layout_width="wrap_content"  
13.         android:layout_height="wrap_content"  
14.         android:text="对不起，没有数据显示"/>    
15. </LinearLayout></span>  

包含一个id="@+id/android:list"的ListView和id="@+id/android:empty"的TextView，当ListView没有数据显示时，TextView显示出来，同时ListView会被影藏（貌似在ListActivity中才有此效果，在Activity中必须自行设置）；

 

一、simple_list_item_1（单行显示）

       此布局显示最为简单，其中只有一个TextView，id为：android.R.id.text1，直接上代码：

      

[java] view plaincopyprint?

1. <span style="font-size:18px;">public class ListViewDemo extends ListActivity {  
2.     private List<Map<String, String>> data = new ArrayList<Map<String,String>>();  
3.       
4.     @Override  
5.     public void onCreate(Bundle savedInstanceState) {  
6.         super.onCreate(savedInstanceState);  
7.         setContentView(R.layout.main);  
8.         Map<String, String> map1 = new HashMap<String, String>();  
9.         map1.put("姓名", "风晴雪");                 
10.         data.add(map1);  
11.         Map<String, String> map2 = new HashMap<String, String>();  
12.         map2.put("姓名", "悭臾");  
13.         data.add(map2);  
14.         setListAdapter(new SimpleAdapter(this,data,android.R.layout.simple_list_item_1,  
15.                 new String[]{"姓名"},            //每行显示一个姓名  
16.                 new int[]{android.R.id.text1}   //名字在text1上显示  
17.         ));  
18.     }</span>  

 

上图：

 

 二、simple_list_item_2、two_line_list_item（双行显示）

        两种布局很相似，都有两个TextView：android.R.id.text1和android.R.id.text2，不同之处在于，前者两行字是不一样大小的，而后者

中两行字体一样大小，这里使用前者作为示例，两者的用法一样。先看simple_list_item_2.xml 布局文件：

       

[html] view plaincopyprint?

1. <TwoLineListItem xmlns:android="http://schemas.android.com/apk/res/android"   
2.       android:paddingTop="2dip"  
3.       android:paddingBottom="2dip"  
4.       android:layout_width="match_parent"  
5.       android:layout_height="wrap_content"  
6.       android:minHeight="?android:attr/listPreferredItemHeight"  
7.       android:mode="twoLine"  
8.       >  
9.       
10.     <TextView android:id="@android:id/text1"  
11.         android:layout_width="match_parent"  
12.         android:layout_height="wrap_content"  
13.              android:layout_marginLeft="6dip"  
14.              android:layout_marginTop="6dip"  
15.         android:textAppearance="?android:attr/textAppearanceLarge"  
16.     />  
17.           
18.     <TextView android:id="@android:id/text2"  
19.         android:layout_width="match_parent"  
20.         android:layout_height="wrap_content"  
21.         android:layout_below="@android:id/text1"  
22.              android:layout_alignLeft="@android:id/text1"  
23.         android:textAppearance="?android:attr/textAppearanceSmall"  
24.     />  
25. </TwoLineListItem>  

simple_list_item_2用法跟simple_list_item_1相同，看代码：

       

[java] view plaincopyprint?

1. public class ListViewDemo extends ListActivity {  
2.       
3.     private List<Map<String, String>> data = new ArrayList<Map<String,String>>();  
4.       
5.     @Override  
6.     public void onCreate(Bundle savedInstanceState) {  
7.         super.onCreate(savedInstanceState);  
8.         setContentView(R.layout.main);  
9.         Map<String, String> map1 = new HashMap<String, String>();  
10.         map1.put("姓名", "风晴雪");  
11.         map1.put("性别", "女的");  
12.         data.add(map1);  
13.         Map<String, String> map2 = new HashMap<String, String>();  
14.         map2.put("姓名", "悭臾");  
15.         map2.put("性别", "公的");  
16.         data.add(map2);  
17.         Map<String, String> map3 = new HashMap<String, String>();  
18.         map3.put("姓名", "百里屠苏");  
19.         map3.put("性别", "男的");  
20.         data.add(map3);  
21.         setListAdapter(new SimpleAdapter(this,data,android.R.layout.simple_list_item_2,  
22.                 new String[]{"姓名","性别"},            //每行显示一组姓名和性别  
23.                 new int[]{android.R.id.text1,android.R.id.text2}   //名字在text1上显示，性别在text2上显示  
24.         ));  
25.     }  
26. }  

上图：simple_list_item_2

  

   two_line_list_item 

 

 三、simple_list_item_single_choice、simple_list_item_multiple_choice、simple_list_item_checked（不同的呈现方式）

        这三种布局增加了选项，有单选和多选模式。常用方法为setChoiceMode()，getCheckedItemPositions()，getCheckedItemIds()；

       

[java] view plaincopyprint?

1. setListAdapter(new SimpleAdapter(this,data,android.R.layout.simple_list_item_multiple_choice,  
2.         new String[]{"姓名"},            //每行显示一组姓名  
3.         new int[]{android.R.id.text1}   //名字在text1上显示  
4. ));  
5. /*表明有选项，若不设置，缺省为none，则点击后没有反应 
6.  * 选项模式有：CHOICE_MODE_SINGLE  单选--ListView中只能有一个item被选中 
7.  * CHOICE_MODE_MULTIPLE  多选--允许选中多个item 
8.  * CHOICE_MODE_NONE  缺省 
9.  */  
10. getListView().setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  

上图：依次为simple_list_item_multiple_choice、simple_list_item_single_choice、simple_list_item_checked格式

 前面总结了如何应用android自带的布局到ListView中去，现在如果想让自己的ListView更生动，只需要将自己定义的布局应用到ListView中，在布局中添加一些生动的元素，比如，图标。

一、为ListView每个item添加一个图标

 先看效果：

首先定义一个entry.xml布局文件：

[html] view plaincopyprint?

1. <span style="font-size:18px;">  
2. <?xml version="1.0" encoding="utf-8"?>  
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.         android:layout_width="fill_parent"  
5.         android:layout_height="60dp"  
6.         android:orientation="horizontal" >  
7.         <!-- 图标 -->  
8.         <ImageView   
9.              android:layout_width="48dp"  
10.              android:layout_height="48dp"  
11.              android:src="@drawable/preview"  
12.              android:layout_gravity="center"  
13.              android:layout_marginLeft="10dp"  
14.              />  
15.         <!-- 这里引用android自带的布局simple_list_item_1 -->  
16.         <include   
17.              layout="@android:layout/simple_list_item_1"  
18.              />  
19. </LinearLayout>  
20.   
21. </span>  

然后将此布局文件应用到ListView中去：

 

[java] view plaincopyprint?

1. <span style="font-size:18px;">  
2. public class ListViewDemo extends ListActivity {  
3.       
4.     private List<Map<String,String>> data = new ArrayList<Map<String,String>>();  
5.       
6.     @Override  
7.     public void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         setContentView(R.layout.main);  
10.         Map<String, String> map1 = new HashMap<String, String>();  
11.         map1.put("姓名", "A君");  
12.         data.add(map1);  
13.         Map<String, String> map2 = new HashMap<String, String>();  
14.         map2.put("姓名", "B君");  
15.         data.add(map2);  
16.         setListAdapter(new SimpleAdapter(this,data,R.layout.entry,  
17.                 new String[]{"姓名"},  
18.                 new int[]{android.R.id.text1}  
19.         ));  
20.     }  
21.   
22. </span>  

二、动态设置图标

以上例子，处理的非常简单，全部图标都一样，现在要想动态设置每个item中元素，需要继承Adapter子类，通过重写getView（）函数，为每个item都设置不同的风格。

下面创建BaseAdapter的子类MyAdapter：

[java] view plaincopyprint?

1. <span style="font-size:18px;">  
2. private class MyAdapter extends SimpleAdapter{  
3.         //icons存储图标的id  
4.         private int[] icons = null;  
5.           
6.         private Context context;  
7.   
8.         public MyAdapter(Context context, List<? extends Map<String, ?>> data,  
9.                 int resource, String[] from, int[] to,int[] icons) {  
10.             super(context, data, resource, from, to);  
11.             // TODO Auto-generated constructor stub  
12.             this.icons = icons;//传入存储图标id的数组  
13.             this.context = context;  
14.         }  
15.   
16.         /* (non-Javadoc) 
17.          * 重写getView函数,由于SimpleAdapter能处理TextView，仅仅是不能设置图标 
18.          */所以，只需要在调用父类的getView函数的基础上，设置上相应的图标即可  
19.         @Override  
20.         public View getView(int position, View convertView, ViewGroup parent) {  
21.             // TODO Auto-generated method stub  
22.             ViewHolder holder = null;  
23.             if(convertView == null){  
24.                 holder = new ViewHolder();  
25.                 convertView = super.getView(position, convertView, parent);//调用父类的getView函数，设置TextView  
26.                 holder.imageView = (ImageView)convertView.findViewById(R.id.myimageview);  
27.                 convertView.setTag(holder);  
28.             }else {  
29.                 holder = (ViewHolder)convertView.getTag();  
30.             }  
31.             //从icons中随机选出一个，并设置作为item的图标  
32.             Random random = new Random();  
33.             int index = random.nextInt(icons.length);  
34.             holder.imageView.setImageResource(icons[index]);  
35.               
36.             return convertView;  
37.         }  
38.           
39.         private class ViewHolder{  
40.             ImageView imageView;  
41.         }  
42.     }  
43.   
44. </span>  

MyAdapter继承自SimpleAdapter，重写getView（）函数，使listView中每个item的图标都是随机选择的。对MyAdapter的应用如下：

[html] view plaincopyprint?

1. 
   
2. //数组存储图标id  
3. private int[] myicons = { R.drawable.preview,R.drawable.preview1,R.drawable.preview2,R.drawable.preview3};  
4.   
5. 
   

[html] view plaincopyprint?

1. 
   
2. setListAdapter(new MyAdapter(this, data, R.layout.entry, new String[]{"姓名"},  
3.                 new int[]{android.R.id.text1}, myicons));//为ListView设置MyAdapter适配器  
4.   
5.  

上图：