Android 中 ListView 分頁(yè)加載數(shù)據(jù)

熟悉Android的朋友們都知道，不管是微博客戶端還是新聞客戶端，都離不開(kāi)列表組件，可以說(shuō)列表組件是Android數(shù)據(jù)展現(xiàn)方面最重要的組 件，我們今天就要講一講列表組件ListView加載數(shù)據(jù)的相關(guān)內(nèi)容。通常來(lái)說(shuō)，一個(gè)應(yīng)用在展現(xiàn)大量數(shù)據(jù)時(shí)，不會(huì)將全部的可用數(shù)據(jù)都呈現(xiàn)給用戶，因?yàn)檫@不 管對(duì)于服務(wù)端還是客戶端來(lái)說(shuō)都是不小的壓力，因此，很多應(yīng)用都是采用分批次加載的形式來(lái)獲取用戶所需的數(shù)據(jù)。比如：微博客戶端可能會(huì)在用戶滑動(dòng)至列表底端 時(shí)自動(dòng)加載下一頁(yè)數(shù)據(jù)，也可能在底部放置一個(gè)“加載更多”按鈕，用戶點(diǎn)擊后，加載下一頁(yè)數(shù)據(jù)。

我們今天就結(jié)合實(shí)例來(lái)演示一下使用ListView獲取數(shù)據(jù)的過(guò)程。

新建一個(gè)loadmore項(xiàng)目，我們來(lái)看一下結(jié)構(gòu)圖和最終效果圖：

左圖中包含了三個(gè)布局文件、一個(gè)Adapter和一個(gè)Activity，右圖是我們運(yùn)行后的主界面。

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

01

02

03 android:orientation=vertical

04 android:layout_width=fill_parent

05 android:layout_height=fill_parent

06 android:paddingLeft=3dp

07 android:paddingRight=3dp>

08

09 android:id=@id/android:list

10 android:layout_width=fill_parent

11 android:layout_height=wrap_content/>

12

這里我們引用了Android內(nèi)置的名為list的id，因?yàn)槲覀兒竺嬉褂玫絃istActivity，我們的MainActivity繼承于它。

然后就是list_item.xml，它是ListView中單個(gè)列表項(xiàng)的布局文件，從效果圖中可以看到，這里只使用到了一個(gè)TextView組件，list_item.xml代碼如下：

01

02

03 android:orientation=vertical

04 android:layout_width=fill_parent

05 android:layout_height=fill_parent>

06

07 android:id=@+id/list_item_text

08 android:layout_width=fill_parent

09 android:layout_height=fill_parent

10 android:gravity=center

11 android:textSize=20sp

12 android:paddingTop=10dp

13 android:paddingBottom=10dp/>

14

我們注意到在右圖中列表底部有一個(gè)按鈕不同于其他的列表項(xiàng)，這是什么情況?事實(shí)上這個(gè)按鈕是我們?cè)贚istView底部添加的一個(gè)視圖。ListView 組件提供了兩個(gè)很實(shí)用的功能，那就是可以在頂部和底部添加自定義的視圖。我們?cè)诖颂嶭istView的底部添加了一個(gè)視圖用來(lái)加載更多數(shù)據(jù)，這個(gè)視圖對(duì)應(yīng) 著load_more.xml布局文件，代碼如下：

01

02

03 xmlns:android=http://schemas.android.com/apk/res/android

04 android:orientation=vertical

05 android:layout_width=fill_parent

06 android:layout_height=wrap_content>

07

08 android:id=@+id/loadMoreButton

09 android:layout_width=fill_parent

10 android:layout_height=wrap_content

11 android:text=load more

12 android:onClick=loadMore/>

13

接下來(lái)我們來(lái)了解一下我們的Adapter，ListViewAdapter代碼如下：

01package com.scott.loadmore;

02

03import java.util.List;

04

05import android.content.Context;

06import android.view.LayoutInflater;

07import android.view.View;

08import android.view.ViewGroup;

09import android.widget.BaseAdapter;

10import android.widget.TextView;

11

12public class ListViewAdapter extends BaseAdapter {

13 private List items;

14 private LayoutInflater inflater;

15

16 public ListViewAdapter(Context context, List 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);