當要顯示的資料過多時,為了更好的提升使用者感知,在很多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 style="?android:attr/progressBarStyle"
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的狀態,理解了這兩點,該功能的實現起來事半功倍。