Android中ListView加載更多數據

熟悉Android的朋友們都知道，不管是微博客戶端還是新聞客戶端，都離不開列表組件，可以說列表組件是Android數據展現方面最重要的組件，我們今天要講的就是列表組件ListView的相關內容。

通常來說，一個應用在展現大量數據時，不會將全部的可用數據都呈現給用戶，因為這不管對於服務端還是客戶端來說都是不小的壓力，因此，很多應用都是采用分批次加載的形式來獲取用戶所需的數據。比如：微博客戶端可能會在用戶滑動至列表底端時自動加載下一頁數據，也可能在底部放置一個“加載更多”按鈕，用戶點擊後，加載下一頁數據。

我們今天就結合實例來演示一下使用ListView獲取數據的過程。

新建一個loadmore項目，我們來看一下結構圖和最終效果圖：

 

左圖中包含了三個布局文件、一個Adapter和一個Activity，右圖是我們運行後的主界面。

其中，main.xml是主界面的布局文件，它包含一個ListView組件，代碼如下：

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

這裡我們引用了Android內置的名為list的id，因為我們後面要使用到ListActivity，我們的MainActivity繼承於它。

然後就是list_item.xml，它是ListView中單個列表項的布局文件，從效果圖中可以看到，這裡只使用到了一個TextView組件，list_item.xml代碼如下：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent">  
6.     <TextView  
7.         android:id="@+id/list_item_text"  
8.         android:layout_width="fill_parent"  
9.         android:layout_height="fill_parent"  
10.         android:gravity="center"  
11.         android:textSize="20sp"  
12.         android:paddingTop="10dp"  
13.         android:paddingBottom="10dp"/>  
14. </LinearLayout>  

我們注意到在右圖中列表底部有一個按鈕不同於其他的列表項，這是什麼情況？事實上這個按鈕是我們在ListView底部添加的一個視圖。ListView組件提供了兩個很實用的功能，那就是可以在頂部和底部添加自定義的視圖。我們在此處ListView的底部添加了一個視圖用來加載更多數據，這個視圖對應著load_more.xml布局文件，代碼如下：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout  
3.   xmlns:android="http://schemas.android.com/apk/res/android"  
4.   android:orientation="vertical"  
5.   android:layout_width="fill_parent"  
6.   android:layout_height="wrap_content">  
7.   <Button  
8.         android:id="@+id/loadMoreButton"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="wrap_content"  
11.         android:text="load more"  
12.         android:onClick="loadMore"/>  
13. </LinearLayout>  

接下來我們來了解一下我們的Adapter，ListViewAdapter代碼如下：

1. package com.scott.loadmore;  
2.   
3. import java.util.List;  
4.   
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.TextView;  
11.   
12. public class ListViewAdapter extends BaseAdapter {  
13.     private List<String> items;  
14.     private LayoutInflater inflater;  
15.       
16.     public ListViewAdapter(Context context, List<String> items) {  
17.         this.items = items;  
18.         inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);        
19.     }  
20.       
21.     @Override  
22.     public int getCount() {  
23.         return items.size();  
24.     }  
25.   
26.     @Override  
27.     public Object getItem(int position) {  
28.         return items.get(position);  
29.     }  
30.   
31.     @Override  
32.     public long getItemId(int position) {  
33.         return position;  
34.     }  
35.   
36.     @Override  
37.     public View getView(int position, View view, ViewGroup parent) {  
38.         if (view == null) {  
39.             view = inflater.inflate(R.layout.list_item, null);  
40.         }  
41.         TextView text = (TextView) view.findViewById(R.id.list_item_text);  
42.         text.setText(items.get(position));  
43.         return view;  
44.     }  
45.       
46.     /** 
47.      * 添加列表項 
48.      * @param item 
49.      */  
50.     public void addItem(String item) {  
51.         items.add(item);  
52.     }  
53. }