ListView實現分頁功能【附Demo源碼】
Android market裏軟件列表,每頁顯示10條記錄,沒有顯示上一頁,下一頁的按鈕,依靠手滑動動態加載數據,當向下滾動時,最下邊顯示
Loading… 。數據加載結束,Loading底欄消失。關於ListView的分段顯示,有現成的庫可用,比如 cwac-endless, 這個庫不好之處,就是底部Loading的View無法定製。還有一個在google code上的androidpageablelistview 這個可以實現基本的分頁,有手動操作顯示上一頁,下一頁的按鈕。查閱了很多資料,發現其實ListView自帶一個實現分頁加載的方法,用到addFooterView/removeView
這兩個函數“添加”或“去掉“ListView頁腳。下面是一個研究ListView分頁時做的一個Demo,比較簡單,我把思路我源碼和大家分享一下,希望對大家有所幫助。
效果圖:
實現思路如是:用onScroll方法實現”滑動“後處理檢查是否還有新的記錄,如果有,調用addFooterView,添加記錄到adapter, adapter調用 notifyDataSetChanged 更新數據;如果沒有記錄了, 把自定義的mFooterView去掉。這裏沒有重寫onScrollStateChanged函數,那麼在onScroll就需要一個外部變量mFirstCell記錄滑動位置。
代碼如下:
import android.app.ListActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.AbsListView.OnScrollListener;
import android.widget.LinearLayout.LayoutParams;
/**
*
* @author huangbq
*
*/
public class MainActivity extends ListActivity implements OnScrollListener {
private static final String TAG = "MainActivity";
private listViewAdapter adapter = new listViewAdapter();
ListView listView ;
private int lastItem = 0;
LinearLayout loadingLayout;
/**
* 設置佈局顯示屬性
*/
private LayoutParams mLayoutParams =new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
/**
* 設置佈局顯示目標最大化屬性
*/
private LayoutParams FFlayoutParams =new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
private ProgressBar progressBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Log.i(TAG, "onCreate(Bundle savedInstanceState)>>>>>>>>>>>>>>>" );
//線性佈局
LinearLayout layout = new LinearLayout(this);
//設置佈局 水平方向
layout.setOrientation(LinearLayout.HORIZONTAL);
//進度條
progressBar = new ProgressBar(this);
//進度條顯示位置
progressBar.setPadding(0, 0, 15, 0);
//把進度條加入到layout中
layout.addView(progressBar, mLayoutParams);
//文本內容
TextView textView = new TextView(this);
textView.setText("加載中...");
textView.setGravity(Gravity.CENTER_VERTICAL);
//把文本加入到layout中
layout.addView(textView, FFlayoutParams);
//設置layout的重力方向,即對齊方式是
layout.setGravity(Gravity.CENTER);
//設置ListView的頁腳layout
loadingLayout = new LinearLayout(this);
loadingLayout.addView(layout, mLayoutParams);
loadingLayout.setGravity(Gravity.CENTER);
//得到一個ListView用來顯示條目
listView = getListView();
//添加到頁腳顯示
listView.addFooterView(loadingLayout);
//給ListView添加適配器
setListAdapter(adapter);
//給ListView註冊滾動監聽
listView.setOnScrollListener(this);
}
@Override
public void onScroll(AbsListView v, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
Log.i(TAG , "Scroll>>>first: " + firstVisibleItem + ", visible: " + visibleItemCount + ", total: " + totalItemCount);
lastItem = firstVisibleItem + visibleItemCount - 1;
Log.i(TAG , "Scroll>>>lastItem:" + lastItem);
//顯示50條ListItem,即0-49,因爲onScroll是在“滑動”執行過之後才觸發,所以用adapter.count<=41作條件
if (adapter.count<=41) {
if (firstVisibleItem+visibleItemCount==totalItemCount) {
adapter.count += 10;
adapter.notifyDataSetChanged();
listView.setSelection(lastItem);
int currentPage=adapter.count/10;
Toast.makeText(getApplicationContext(), "第"+currentPage+"頁", Toast.LENGTH_LONG).show();
}
}
else {
listView.removeFooterView(loadingLayout);
}
}
@Override
public void onScrollStateChanged(AbsListView v, int state) {
if (lastItem == adapter.count && state == OnScrollListener.SCROLL_STATE_IDLE) {
Log.i(TAG,"ScrollStateChanged>>>state:"+state+"lastItem:" + lastItem);
//顯示50條ListItem,即0-49,因爲onScrollStateChanged是在“拖動滑動”執行過之後才觸發,所以用adapter.count<=41作條件
if (adapter.count<=41) {
adapter.count += 10;
adapter.notifyDataSetChanged();
}
}
}
/**
* 要用用於生成顯示數據
* @author huangbq
*
*/
class listViewAdapter extends BaseAdapter {
int count = 10;
public int getCount() {
Log.i(TAG, "getCount>>>count:" + count);
return count;
}
public Object getItem(int pos) {
Log.i(TAG, "getItem>>>pos:" + pos);
return pos;
}
public long getItemId(int pos) {
Log.i(TAG, "getItemId>>>ItemId:" + pos);
return pos;
}
public View getView(int pos, View v, ViewGroup p) {
Log.i(TAG, "getView>>>pos:" + pos);
TextView view;
if (v==null) {
view = new TextView(MainActivity.this);
}
else {
view=(TextView)v;
}
view.setText("ListItem " + pos);
view.setTextSize(20f);
view.setGravity(Gravity.CENTER);
view.setHeight(60);
return view;
}
}
}
完整的DEmo源碼:[attach]18941[/attach]
備註:這只是一個簡單的Demo,目的是幫助理解流程和相關方法的使用(主要是onScroll方法的使用),而Demo中Adapter中的數據直接使用程序中寫好的數據,所以向下滑動式可能看到的Loading加載條不太明顯,所以特意寫了Toast提醒,如果是商業級應用,一般都會使用AsyncTask與服務器通信獲取數據,所以效果會非常明顯(可以看一下各大軟件商店,比如:google android商店,優億市場(eoemarket),愛米軟件商店等等)。
效果圖:
實現思路如是:用onScroll方法實現”滑動“後處理檢查是否還有新的記錄,如果有,調用addFooterView,添加記錄到adapter, adapter調用 notifyDataSetChanged 更新數據;如果沒有記錄了, 把自定義的mFooterView去掉。這裏沒有重寫onScrollStateChanged函數,那麼在onScroll就需要一個外部變量mFirstCell記錄滑動位置。
代碼如下:
import android.app.ListActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.AbsListView.OnScrollListener;
import android.widget.LinearLayout.LayoutParams;
/**
*
* @author huangbq
*
*/
public class MainActivity extends ListActivity implements OnScrollListener {
private static final String TAG = "MainActivity";
private listViewAdapter adapter = new listViewAdapter();
ListView listView ;
private int lastItem = 0;
LinearLayout loadingLayout;
/**
* 設置佈局顯示屬性
*/
private LayoutParams mLayoutParams =new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
/**
* 設置佈局顯示目標最大化屬性
*/
private LayoutParams FFlayoutParams =new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT);
private ProgressBar progressBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Log.i(TAG, "onCreate(Bundle savedInstanceState)>>>>>>>>>>>>>>>" );
//線性佈局
LinearLayout layout = new LinearLayout(this);
//設置佈局 水平方向
layout.setOrientation(LinearLayout.HORIZONTAL);
//進度條
progressBar = new ProgressBar(this);
//進度條顯示位置
progressBar.setPadding(0, 0, 15, 0);
//把進度條加入到layout中
layout.addView(progressBar, mLayoutParams);
//文本內容
TextView textView = new TextView(this);
textView.setText("加載中...");
textView.setGravity(Gravity.CENTER_VERTICAL);
//把文本加入到layout中
layout.addView(textView, FFlayoutParams);
//設置layout的重力方向,即對齊方式是
layout.setGravity(Gravity.CENTER);
//設置ListView的頁腳layout
loadingLayout = new LinearLayout(this);
loadingLayout.addView(layout, mLayoutParams);
loadingLayout.setGravity(Gravity.CENTER);
//得到一個ListView用來顯示條目
listView = getListView();
//添加到頁腳顯示
listView.addFooterView(loadingLayout);
//給ListView添加適配器
setListAdapter(adapter);
//給ListView註冊滾動監聽
listView.setOnScrollListener(this);
}
@Override
public void onScroll(AbsListView v, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
Log.i(TAG , "Scroll>>>first: " + firstVisibleItem + ", visible: " + visibleItemCount + ", total: " + totalItemCount);
lastItem = firstVisibleItem + visibleItemCount - 1;
Log.i(TAG , "Scroll>>>lastItem:" + lastItem);
//顯示50條ListItem,即0-49,因爲onScroll是在“滑動”執行過之後才觸發,所以用adapter.count<=41作條件
if (adapter.count<=41) {
if (firstVisibleItem+visibleItemCount==totalItemCount) {
adapter.count += 10;
adapter.notifyDataSetChanged();
listView.setSelection(lastItem);
int currentPage=adapter.count/10;
Toast.makeText(getApplicationContext(), "第"+currentPage+"頁", Toast.LENGTH_LONG).show();
}
}
else {
listView.removeFooterView(loadingLayout);
}
}
@Override
public void onScrollStateChanged(AbsListView v, int state) {
if (lastItem == adapter.count && state == OnScrollListener.SCROLL_STATE_IDLE) {
Log.i(TAG,"ScrollStateChanged>>>state:"+state+"lastItem:" + lastItem);
//顯示50條ListItem,即0-49,因爲onScrollStateChanged是在“拖動滑動”執行過之後才觸發,所以用adapter.count<=41作條件
if (adapter.count<=41) {
adapter.count += 10;
adapter.notifyDataSetChanged();
}
}
}
/**
* 要用用於生成顯示數據
* @author huangbq
*
*/
class listViewAdapter extends BaseAdapter {
int count = 10;
public int getCount() {
Log.i(TAG, "getCount>>>count:" + count);
return count;
}
public Object getItem(int pos) {
Log.i(TAG, "getItem>>>pos:" + pos);
return pos;
}
public long getItemId(int pos) {
Log.i(TAG, "getItemId>>>ItemId:" + pos);
return pos;
}
public View getView(int pos, View v, ViewGroup p) {
Log.i(TAG, "getView>>>pos:" + pos);
TextView view;
if (v==null) {
view = new TextView(MainActivity.this);
}
else {
view=(TextView)v;
}
view.setText("ListItem " + pos);
view.setTextSize(20f);
view.setGravity(Gravity.CENTER);
view.setHeight(60);
return view;
}
}
}
完整的DEmo源碼:[attach]18941[/attach]
備註:這只是一個簡單的Demo,目的是幫助理解流程和相關方法的使用(主要是onScroll方法的使用),而Demo中Adapter中的數據直接使用程序中寫好的數據,所以向下滑動式可能看到的Loading加載條不太明顯,所以特意寫了Toast提醒,如果是商業級應用,一般都會使用AsyncTask與服務器通信獲取數據,所以效果會非常明顯(可以看一下各大軟件商店,比如:google android商店,優億市場(eoemarket),愛米軟件商店等等)。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.