編輯:關於android開發
當要顯示的數據過多時,為了更好的提升用戶感知,在很多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的狀態,理解了這兩點,該功能的實現起來事半功倍。
eclipse安裝Genymotion模擬器遇到的問題及解決方法,eclipsegenymotion 由於Android ADT裡邊的原生模擬器so慢,所以
Android修行筆記(六): GridView點擊空白地方事件擴展,androidgridview 我們通常在ListView或者GridView響應點
Android特效專輯(九)——仿微信雷達搜索好友特效,邏輯清晰實現簡單 Android特效專輯(九)——仿微信雷達搜索好友特效,邏輯清晰實現
基於HTML5的WebGL設計漢諾塔3D游戲在這裡我們將構造一個基於HT for Web的HTML5+JavaScript來實現漢諾塔游戲。http://hightopo