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;
3. import java.util.List;
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;
12. public class ListViewAdapter extends BaseAdapter {
13. private List<String> items;
14. private LayoutInflater inflater;
16. public ListViewAdapter(Context context, List<String> items) {
17. this.items = items;
18. inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
19. }
21. @Override
22. public int getCount() {
23. return items.size();
24. }
26. @Override
27. public Object getItem(int position) {
28. return items.get(position);
29. }
31. @Override
32. public long getItemId(int position) {
33. return position;
34. }
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. }
46. /**
47. * 添加列表項
48. * @param item
49. */
50. public void addItem(String item) {
51. items.add(item);
52. }
53. }