Android中使用ListView實現分頁刷新（線程休眠模擬），androidlistview

Android中使用ListView實現分頁刷新（線程休眠模擬），androidlistview

當要顯示的數據過多時，為了更好的提升用戶感知，在很多APP中都會使用分頁刷新顯示，比如浏覽新聞，向下滑動到當前ListView的最後一條信息（item）時，會提示刷新加載，然後加載更新後的內容。此過程大致分以下幾步：

1.當前Activity implements OnScallListenner；

2.實現接口的方法；

3.ListView注冊滾動監聽；

4. Adapter（自定義或者安卓自帶）為每個item填充數據；

5.獲得第二頁以後的數據後，adater增加數據並刷新notifyDateSetChanged（）；(需要用到Handler)

現在我們就通過線程休眠的的方式模擬ListView頁面刷新的實現（每次加載10條信息，向下滑動會分頁刷新加載）

顯示效果（設置顯示十條後開啟刷新，添加使用AlertDialog浏覽示例）：

Layout中ListView布局activity_main.xml文件：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout
 3     xmlns:android="http://schemas.android.com/apk/res/android"
 4     xmlns:tools="http://schemas.android.com/tools"
 5     android:id="@+id/activity_main"
 6     android:layout_width="match_parent"
 7     android:layout_height="match_parent"
 8     tools:context="com.example.administrator.day08.MainActivity">
 9     <ListView
10         android:id="@+id/lv"
11         android:layout_width="match_parent"
12         android:layout_height="match_parent"
13         android:layout_alignParentTop="true"
14         android:layout_alignParentStart="true" />
15 </RelativeLayout>

Layout中item（填充ListView每行）布局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" android:layout_width="match_parent"
 4     android:layout_height="match_parent">
 5     <TextView
 6         android:text="Tile"
 7         android:textSize="30dp"
 8         android:layout_width="match_parent"
 9         android:layout_height="wrap_content"
10         android:id="@+id/textView" />
11     <TextView
12         android:text="Message"
13         android:textSize="20dp"
14         android:layout_width="match_parent"
15         android:layout_height="wrap_content"
16         android:id="@+id/textView2" />
17 </LinearLayout>

Layout中頁面刷新提示布局（頁腳）login_item.xml文件：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:orientation="horizontal" android:layout_width="match_parent"
 4     android:layout_height="match_parent" android:gravity="center">
 5     <ProgressBar
 6        > 7         android:layout_width="wrap_content"
 8         android:layout_height="wrap_content"
 9         android:layout_gravity="center"
10         android:id="@+id/progressBar" />
11     <TextView
12         android:text="玩命加載中"
13         android:layout_width="wrap_content"
14         android:layout_height="wrap_content"
15         android:id="@+id/textView3" />
16 </LinearLayout>

Java中自定義對象類（每條新聞有對應的標題以及內容）

1 public class News {
2     String title;
3     String message;
4 }

Java中功能實現類（通過實現OnScrollListener接口）

  1 import android.content.DialogInterface;
  2 import android.os.Handler;
  3 import android.os.Message;
  4 import android.support.v7.app.AlertDialog;
  5 import android.support.v7.app.AppCompatActivity;
  6 import android.os.Bundle;
  7 import android.view.View;
  8 import android.view.ViewGroup;
  9 import android.widget.AbsListView;
 10 import android.widget.AdapterView;
 11 import android.widget.BaseAdapter;
 12 import android.widget.ListView;
 13 import android.widget.TextView;
 14 import java.util.ArrayList;
 15 import java.util.List;
 16 /**
 17  * Created by panchengjia on 2016/11/29.
 18  */
 19 public class MainActivity extends AppCompatActivity implements AbsListView.OnScrollListener{
 20     private ListView lv;
 21     private List<News> news;//聲明存儲新聞標題與內容的List
 22     private int total=1;//計數器(設置默認從1開始)用於集合內數據初始化
 23     MyAdapter adapter;
 24     @Override
 25     protected void onCreate(Bundle savedInstanceState) {
 26         super.onCreate(savedInstanceState);
 27         setContentView(R.layout.activity_main);
 28         lv= (ListView) findViewById(R.id.lv);
 29         //為當前ListView設置OnScrollListener實現分頁刷新
 30         lv.setOnScrollListener(this);
 31         //將login_item(下拉刷新效果的item)通過布局 填充器聲明
 32         View v = getLayoutInflater().inflate(R.layout.login_item,null);
 33         //將login_item設置到ListView頁腳
 34         lv.addFooterView(v);
 35         //實例化存儲內容資源的List
 36         news = new ArrayList<>();
 37         //調用初始化List的方法
 38         initList();
 39         adapter = new MyAdapter();
 40         //設置單擊item的事件
 41         lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 42             @Override
 43             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
 44                 show(view);//事件處理為調用show方法（顯示AlertDialog對話框）
 45             }
 46         });
 47         lv.setAdapter(adapter);
 48     }
 49     //AlertDialog對話框的調用這裡就不多說了，前期有專門的博文解釋
 50     public void show(View v){
 51         AlertDialog.Builder builder = new AlertDialog.Builder(this);
 52         TextView title = (TextView) v.findViewById(R.id.textView);
 53         TextView message = (TextView) v.findViewById(R.id.textView2);
 54         builder.setTitle(title.getText().toString());
 55         builder.setMessage(message.getText().toString());
 56         builder.setPositiveButton("已經浏覽完畢", new DialogInterface.OnClickListener() {
 57             @Override
 58             public void onClick(DialogInterface dialog, int which) {
 59 
 60             }
 61         });
 62         builder.show();
 63     }
 64     //初始化List內的元素，模擬每次可刷新10條信息
 65     private void initList() {
 66         for(int i=1;i<=10;i++){
 67             News n = new News();
 68             //加total是因為total在刷新頁面後不會繼續從一開始
 69             n.title = "Title--"+total;
 70             n.message="Message"+total;
 71             news.add(n);
 72             total++;
 73         }
 74     }
 75 //    int currenVisibleItemCount;//聲明截止當前頁面看到的item總數（演示用）
 76     boolean isLastRow=false;//判斷是否到ListView的最後一個item
 77     @Override
 78     public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
 79         //firstVisibleItem位可見頁面的第一條在Arraylist中的下標，visibleItemCount為當前頁面item數
 80 //        currenVisibleItemCount = firstVisibleItem+visibleItemCount-1=totalItemCount;（演示用）
 81         if(firstVisibleItem+visibleItemCount==totalItemCount&&totalItemCount>0){
 82             isLastRow=true;//判斷已經到最後一個item（即為footerView）
 83         }
 84     }
 85     @Override
 86     public void onScrollStateChanged(AbsListView view, int scrollState) {
 87         /*判斷是否刷新頁面之前，解釋一下scrollState的三種狀態
 88         * 1.scrollState = SCROLL_STATE_TOUCH_SCROLL為手指按住屏幕滾動（未脫離屏幕）；
 89         * 2.scrollState = SCROLL_STATE_FLING可以理解為手指離開屏幕前，用力滑了一下，
 90         *       手指離開後，頁面已然保持滾動；
 91         * 3.scrollState = SCROLL_STATE_IDLE手指未接觸屏幕，且屏幕頁面保持靜止
 92         * 開啟刷新頁面的線程前，確保ListView已經到最後一行（Item）並且屏幕頁面保持靜止
 93         * */
 94         if(isLastRow&&scrollState==SCROLL_STATE_IDLE){
 95             new Thread(new MyThread()).start();
 96         }
 97     }
 98     //創建分頁刷新線程（模擬刷新）
 99     class MyThread implements Runnable{
100 
101         @Override
102         public void run() {
103             try {
104                 Thread.sleep(500);//設置線程休眠時間為500毫秒刷新一次
105             } catch (InterruptedException e) {
106                 e.printStackTrace();
107             }
108             initList();//重新初始化List
109             //線程內調用Handler執行頁面刷新（後面會寫文對handler進行詳細剖析）
110             handler.sendEmptyMessage(1);
111         }
112     }
113     Handler handler = new Handler(){
114         @Override
115         public void handleMessage(Message msg) {
116             super.handleMessage(msg);
117             switch (msg.what){
118                 case 1:
119                     //強制調用適配器的getView來刷新每個Item的內容。
120                     adapter.notifyDataSetChanged();
121                     break;
122             }
123         }
124     };
125     //自定義適配器
126     class MyAdapter extends BaseAdapter{
127         @Override
128         public int getCount() {
129             return news.size();
130         }
131         @Override
132         public Object getItem(int position) {
133             return news.get(position);
134         }
135         @Override
136         public long getItemId(int position) {
137             return position;
138         }
139         @Override
140         public View getView(int position, View convertView, ViewGroup parent) {
141             ViewHolder vh;
142             if(convertView==null){
143                 convertView = getLayoutInflater().inflate(R.layout.item,null);
144                 vh=new ViewHolder();
145                 vh.message = (TextView) convertView.findViewById(R.id.textView2);
146                 vh.title= (TextView) convertView.findViewById(R.id.textView);
147                 convertView.setTag(vh);
148             }
149             vh= (ViewHolder) convertView.getTag();
150             vh.title.setText(news.get(position).title);
151             vh.message.setText(news.get(position).message);
152             return convertView;
153         }
154         class ViewHolder{
155             TextView title;
156             TextView message;
157         }
158     }
159 }

至此ListView的分頁刷新源碼已全部展示完成，個人認為實現此功能的核心為判斷是否達到當前ListView中的最後一條item（包含頁腳刷新提示）以及理解scrollState的狀態，理解了這兩點，該功能的實現起來事半功倍。