ListView實現分頁功能【附Demo源碼】

 Android market裏軟件列表,每頁顯示10條記錄,沒有顯示上一頁,下一頁的按鈕,依靠手滑動動態加載數據,當向下滾動時,最下邊顯示 Loading… 。數據加載結束,Loading底欄消失。關於ListView的分段顯示,有現成的庫可用,比如 cwac-endless, 這個庫不好之處,就是底部Loading的View無法定製。還有一個在google code上的androidpageablelistview 這個可以實現基本的分頁,有手動操作顯示上一頁,下一頁的按鈕。查閱了很多資料,發現其實ListView自帶一個實現分頁加載的方法,用到addFooterView/removeView 這兩個函數“添加”或“去掉“ListView頁腳。下面是一個研究ListView分頁時做的一個Demo,比較簡單,我把思路我源碼和大家分享一下,希望對大家有所幫助。
效果圖: ListViewLoading.png 
實現思路如是:用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),愛米軟件商店等等)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章