Android學習隨筆--ListView的分頁功能
第一次寫部落格，可能格式，排版什麼的會非常不美觀，不過我主要是為了記錄自己的Android學習之路，為了以後能有些東西回顧。既然是為了學習，那我肯定會吸收各位大大們的知道經驗，有不足的地方請指出。
通過本次小Demo我學到了：
- ListView的小小的一個分頁功能
- 加深了對自定義控制元件的理解
- 對ListView的優化
- 對BaseAdapter的使用
- 自定義Adapter
- 介面的回撥
本次我是通過慕課網（視訊連結：http://www.imooc.com/learn/136）學習，要實現下面的效果--當拖動ListView到底部的時候，顯示一個ProgressBar和一個"正在載入..."的TextView。並且過兩秒鐘後，在下面加載出新的資料。專案的目錄結構和程式要實現的效果如下：
首先是佈局部分：
我為了實現此效果，首先在佈局檔案中新建了一個footer_layout.xml的佈局檔案：
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 <LinearLayout 7 android:id="@+id/load_layout" 8 android:layout_width="match_parent" 9 android:layout_height="wrap_content" 10 android:orientation="horizontal" 11 android:paddingTop="10dip" 12 android:paddingBottom="10dip" 13 android:gravity="center" 14 > 15 <ProgressBar 16 android:layout_width="wrap_content" 17 android:layout_height="wrap_content" 18 style="?android:attr/progressBarStyleSmall" 19 android:background="#ff0000" 20 /> 21 <TextView 22 android:layout_width="wrap_content" 23 android:layout_height="wrap_content" 24 android:text="正在載入..." 25 /> 26 27 </LinearLayout> 28 29 </LinearLayout>
然後新建了一個item.xml用於作為ListView的子項：
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 <TextView 8 android:id="@+id/tv1" 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:text="哈哈哈" /> 12 <TextView 13 android:id="@+id/tv2" 14 android:layout_width="wrap_content" 15 android:layout_height="wrap_content" 16 android:text="嘎嘎嘎嘎嘎" 17 /> 18 </LinearLayout>
最後在主佈局檔案中添加了一個自定義的ListView控制元件：
1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 > 6 7 <com.lx.loadListView.LoadListView 8 android:id="@+id/list" 9 android:layout_width="match_parent" 10 android:layout_height="wrap_content" 11 android:layout_alignParentTop="true" 12 android:layout_centerHorizontal="true" 13 android:cacheColorHint="#00000000" > 14 </com.lx.loadListView.LoadListView> 15 16 </RelativeLayout>
然後為了實現ListView的這種效果，我們需要一個自定義的ListView，並在上面的佈局檔案中引用我們自定義的ListView，程式碼如下：
1 package com.lx.loadListView;
2
3 import com.example.listviewloaddemo.R;
4
5 import android.content.Context;
6 import android.util.AttributeSet;
7 import android.view.LayoutInflater;
8 import android.view.View;
9 import android.widget.AbsListView;
10 import android.widget.ListView;
11 import android.widget.AbsListView.OnScrollListener;
12
13 public class LoadListView extends ListView implements OnScrollListener {
14
15 View footer;
16 int lastVisiableItem;// 最後一個可見的Item
17 int totalItemCount;// Item的總數量
18 boolean isLoading; // 正在載入
19 ILoadListener iLoadListener;
20
21 public LoadListView(Context context, AttributeSet attrs, int defStyle) {
22 super(context, attrs, defStyle);
23 // TODO 自動生成的建構函式存根
24 initView(context);
25 }
26
27 public LoadListView(Context context, AttributeSet attrs) {
28 super(context, attrs);
29 // TODO 自動生成的建構函式存根
30 initView(context);
31 }
32
33 public LoadListView(Context context) {
34 super(context);
35 // TODO 自動生成的建構函式存根
36 initView(context);
37 }
38
39 /***
40 * 新增底部提示載入佈局到listView
41 *
42 * @param context
43 */
44 public void initView(Context context) {
45 LayoutInflater inflater = LayoutInflater.from(context);
46 footer = inflater.inflate(R.layout.footer_layout, null);
47 // 初始時候讓底部佈局不可見
48 footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
49 this.addFooterView(footer);
50 this.setOnScrollListener(this);
51 }
52
53 @Override
54 public void onScrollStateChanged(AbsListView view, int scrollState) {
55 // TODO 自動生成的方法存根
56 // 當總共的Item數量等於最後一個Item的位置，並且滾動停止時
57 if (totalItemCount == lastVisiableItem
58 && scrollState == SCROLL_STATE_IDLE) {
59 if (!isLoading) {
60 isLoading = true;
61 footer.findViewById(R.id.load_layout).setVisibility(
62 View.VISIBLE);
63 //載入更多
64 iLoadListener.onLoad();
65 }
66 }
67 }
68
69 /**
70 *firstVisibleItem 第一個可見Item的位置
71 *visibleItemCount 可見的Item的數量
72 *totalItemCount Item的總數量
73 **/
74 @Override
75 public void onScroll(AbsListView view, int firstVisibleItem,
76 int visibleItemCount, int totalItemCount) {
77 // TODO 自動生成的方法存根
78 this.lastVisiableItem = firstVisibleItem + visibleItemCount;
79 this.totalItemCount = totalItemCount;
80 }
81
82 //載入完畢將footer隱藏
83 public void loadComplete(){
84 isLoading=false;
85 footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
86 }
87
88 public void setInterface(ILoadListener iLoadListener) {
89 this.iLoadListener = iLoadListener;
90 }
91
92 //載入更多資料回撥介面
93 public interface ILoadListener {
94 public void onLoad();
95 }
96
97 }
我們自定義的ListView繼承自ListView，並實現其中父類的三個構造方法，為了將底部我們想要的佈局載入到ListView中來，我們自定義了一個initView方法，用於找到並例項化footer_layout.xml使其新增到ListView底部。在父類的三個構造方法中新增初始化方法initView()，在initView方法的最後還要呼叫ListView的addFooterView(View)方法，將底部佈局add進來。由於在ListView剛載入進來的時候我們不想顯示這個footer，所以要設定它的Visible為GONE。想要實現ListView拉到底部的時候才顯示footer，要實現ListView的OnScrollListener介面，並實現其父類中的兩個方法。在OnScrollStateChanged()方法中判斷是否滾動到底部（我們定義了一個全域性變數lastVisibleItem=firstVisibleItem+VisibleItemCount，若此值和totalItemCount相等，則證明滾動到ListView的底端了）和此時ListView是否停止滾動（scrollState=SCROLL_STATE_IDLE）。
為了向ListView中新增資料我們定義了一個實體類Apk_Entity：
1 package com.lx.entity;
2
3 public class ApkEntity {
4
5 private String name;
6 private String info;
7 public String getName() {
8 return name;
9 }
10 public void setName(String name) {
11 this.name = name;
12 }
13 public String getInfo() {
14 return info;
15 }
16 public void setInfo(String info) {
17 this.info = info;
18 }
19
20 }
之後我們為ListView定義了一個數據介面卡MyAdapter，繼承自BaseAdapter，並實現其中的四個方法，在其中我們主要實現資料的填充：
1 package com.lx.adapter;
2
3 import java.util.ArrayList;
4
5 import com.example.listviewloaddemo.R;
6 import com.lx.entity.ApkEntity;
7
8
9 import android.content.Context;
10 import android.view.LayoutInflater;
11 import android.view.View;
12 import android.view.ViewGroup;
13 import android.widget.BaseAdapter;
14 import android.widget.TextView;
15
16 public class MyAdapter extends BaseAdapter {
17
18 ArrayList<ApkEntity> list;
19 LayoutInflater inflater;
20
21
22 //建構函式中傳入了list列表項和初始化LayoutInflater
23 public MyAdapter(Context context,ArrayList<ApkEntity> list) {
24 this.list=list;
25 this.inflater=LayoutInflater.from(context);
26 }
27
28 //得到list的長度（是程式在載入顯示到UI上是就要先讀取的，這裡獲得的值決定了ListView顯示多少行）
29 @Override
30 public int getCount() {
31 // TODO 自動生成的方法存根
32 return list.size();
33 }
34
35 //得到list中指定位置的data（根據ListView所在的位置返回View）
36 @Override
37 public Object getItem(int position) {
38 // TODO 自動生成的方法存根
39 return list.get(position);
40 }
41
42 //根據ListView位置得到資料來源集合中的ID
43 @Override
44 public long getItemId(int position) {
45 // TODO 自動生成的方法存根
46 return position;
47 }
48
49 //***最主要，決定ListView的介面樣式
50 @Override
51 public View getView(int position, View convertView, ViewGroup parent) {
52 // TODO 自動生成的方法存根
53 //從list中獲取實體
54 ApkEntity entity=list.get(position);
55 //使用ViewHolder的目的是為了使每次在getView的時候不是每次都findViewById()來獲取控制元件例項
56 ViewHolder holder;
57 /**
58 * convertView:The old View to reuses
59 * 用於將之前載入好的佈局快取，以便之後可以重用
60 */
61 //為了避免重複載入佈局，僅僅在convertView為空的時候才使用LayoutInflate載入佈局
62 if(convertView==null){
63 holder=new ViewHolder();
64 //找到並將layout轉換為View
65 convertView=inflater.inflate(R.layout.item, null);
66 holder.tv_name=(TextView) convertView.findViewById(R.id.tv1);
67 holder.tv_info=(TextView) convertView.findViewById(R.id.tv2);
68 convertView.setTag(holder);
69 }else{
70 holder=(ViewHolder) convertView.getTag();
71 }
72 holder.tv_name.setText(entity.getName());
73 holder.tv_info.setText(entity.getInfo());
74 return convertView;
75 }
76
77 class ViewHolder{
78 TextView tv_name,tv_info;
79 }
80
81 //佈局改變時用來重新整理ListView
82 public void onDateChanged(ArrayList<ApkEntity> list){
83 this.list=list;
84 this.notifyDataSetChanged();
85 }
86
87 }
在這個自定義Adapter中最主要的就是getView()方法，它決定了ListView的每項的佈局（長什麼樣），在getView()方法中，為了優化ListView的執行效率，使得不是每次Item建立的時候都要findViewById()來例項化控制元件，我們定義了一個ViewHolder的內部類，用來對控制元件的例項進行快取，在類中聲明瞭Item佈局中的佈局控制元件。因為getView()方法每次都將佈局重新載入了一遍，所以在ListView快速滾動的時候就會成為效能的瓶頸。所以用到了getView()方法中的convertView引數，這個引數用於將之前載入好的佈局進行快取，以便之後可以重新使用。通過上面的程式碼可以看到，如果convertView 為空的時候，我們就使用LayoutInflate載入佈局並例項化Item中的控制元件，還要呼叫View的setTag（）方法，將ViewHolder物件儲存在convertViewu 中。這樣，當convertView不為空的時候，則直接呼叫View的getTag（）方法，把ViewHolder直接取出，這樣所有的控制元件的例項都快取在了ViewHolder裡，就沒有必要每次都對控制元件進行findViewById（）了。
1.使用convertView引數：避免重複載入佈局，用他來對之前載入過的佈局進行快取。
2.使用ViewHolder：避免每次getView（）的時候都對控制元件進行例項化，用這個類完成對控制元件例項化的快取。
然後我們需要完成在MainActivity中對LoadListView的例項化，和Mydapter的例項化，向實體類中新增資料並使adapter和ListView適配完成填充資料：
1 package com.example.listviewloaddemo;
2
3 import java.util.ArrayList;
4 import java.util.HashMap;
5 import java.util.List;
6 import java.util.Map;
7
8 import com.lx.adapter.MyAdapter;
9 import com.lx.entity.ApkEntity;
10 import com.lx.loadListView.LoadListView;
11 import com.lx.loadListView.LoadListView.ILoadListener;
12
13 import android.os.Bundle;
14 import android.os.Handler;
15 import android.app.Activity;
16 import android.util.Log;
17 import android.view.Menu;
18 import android.widget.BaseAdapter;
19 import android.widget.ListView;
20 import android.widget.SimpleAdapter;
21
22 public class MainActivity extends Activity implements ILoadListener {
23
24 private LoadListView lv;
25 private ArrayList<ApkEntity> list=new ArrayList<ApkEntity>();
26 private MyAdapter myAdapter;
27 @Override
28 protected void onCreate(Bundle savedInstanceState) {
29 super.onCreate(savedInstanceState);
30 setContentView(R.layout.activity_main);
31 getDate();
32 showListView(list);
33
34 }
35
36 private void getDate() {
37 // TODO 自動生成的方法存根
38 for (int i = 0; i < 10; i++) {
39 ApkEntity entity=new ApkEntity();
40 entity.setName("大毛");
41 entity.setInfo("我是一隻pig");
42 list.add(entity);
43 }
44 }
45
46 private void getOnLoadDate() {
47 // TODO 自動生成的方法存根
48 for (int i = 0; i < 2; i++) {
49 ApkEntity entity=new ApkEntity();
50 entity.setName("小毛");
51 entity.setInfo("我是一隻dog");
52 list.add(entity);
53 }
54 }
55
56 private void showListView(ArrayList<ApkEntity> list) {
57 if(myAdapter==null){
58 lv = (LoadListView) findViewById(R.id.list);
59 lv.setInterface(this);
60 Log.d("SetInterface--->>", this.toString());
61 myAdapter=new MyAdapter(this, list);
62 lv.setAdapter(myAdapter);
63 }else{
64 myAdapter.onDateChanged(list);
65 }
66 }
67
68 @Override
69 public void onLoad() {
70 // TODO 自動生成的方法存根
71 //用現執行緒來控制隔多少秒之後獲取資料，然後設定到ListView上（正常情況下不需要加，只是為了看出來這個延時的效果）
72 Handler handler=new Handler();
73 handler.postDelayed(new Runnable() {
74 @Override
75 public void run() {
76 // TODO 自動生成的方法存根
77 getOnLoadDate();
78 showListView(list);
79 //通知ListView載入完畢
80 lv.loadComplete();
81 }
82 }, 2000);
83 }
84
85 }
MainActivity中主要需要注意的就是showListView()方法，在該方法中我們判斷了一下adapter是否為空，若adapter為空，則例項化listview，例項化adapter等等一系列操作，否則呼叫MyAdapter的onDateChanged()方法（此方法中呼叫了Adapter的notifyDataSetChanged()方法此方法用於ListView發生變化時更新UI）。由於要在監聽到滑動到ListView底部的時候載入新的資料，所以在LoadListView類中實現一個隊MainActivoity的回撥，在LoadListView中寫一個回撥介面ILoadListener()，在其中實現一個onLoad()方法，在MainActivity中實現這個介面，重寫onLoad()方法,在其中 實現想要實現的其他方法，比如新資料的載入和UI的重新整理展示，最後，重新整理載入完新的資料後，要將footer隱藏，所以執行LoadListView中的loadComplete()方法。
至此，整個小Demo的學習基本完成，其中還有些知識不太懂，比如說介面的回撥，自定義控制元件部分等等，還需要加深練習。