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     <ListView10         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     <TextView12         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     <TextView12         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         @Override102         public void run() {103             try {104                 Thread.sleep(500);//設定線程休眠時間為500毫秒重新整理一次105             } catch (InterruptedException e) {106                 e.printStackTrace();107             }108             initList();//重新初始化List109             //線程內調用Handler執行頁面重新整理（後面會寫文對handler進行詳細剖析）110             handler.sendEmptyMessage(1);111         }112     }113     Handler handler = new Handler(){114         @Override115         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         @Override128         public int getCount() {129             return news.size();130         }131         @Override132         public Object getItem(int position) {133             return news.get(position);134         }135         @Override136         public long getItemId(int position) {137             return position;138         }139         @Override140         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的狀態，理解了這兩點，該功能的實現起來事半功倍。