ListView實現分頁加載（三）實現分頁加載

 

     在上一篇中，我們實現了底部布局（即帶上了進度條）。沒有讀過的朋友可以點擊下面的鏈接：

http://www.cnblogs.com/fuly550871915/p/4866966.html

    但是進度條的消失，以及數據的加載我們都沒有實現，那么在本節中，我們來完成分頁加載。具體的效果我就不貼圖了，就是第一篇效果展示的那些效果。

 

    代碼還是 有些難度。需要用到回調接口，實現ListView的下拉監聽等知識以及判斷何時進度條出現何時消失等。

 

 

    陳述一下具體邏輯吧。首先在initView中，我們不僅要加上底布局，還應該時底布局消失。然后我們實現ListView的OnScrollListener接口，監聽它的滾動。在其中的一個方法onScroll，我們可以獲得到當前第一個可見item的編號以及當前有多少個可見item和總共有多少個item。這樣子我們就可以輕易由計算得出是否滾動帶最底部了。然后在onSrollStateChanged方法中做判斷，如果滾動到最底部，就顯示出正在加載數據的進度條，並完成數據的加載。但是有一個問題是，加載的數據在MainActivity里面，我們怎么在MyListView中獲得加載的數據？這就要使用接口回調，我們在MyListView中設定一個回調接口，然后在MainAcivty中回調，就可以實現MyListView獲得加載的數據。 好了，大體邏輯就是這樣子的，剩下的就是細節上的邏輯了。我們看代碼，注釋解釋的也很清楚了。如下：

 

package com.fuly.load;

import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ListView;

public class MyListView extends ListView implements OnScrollListener{
    
     private int lastVisibleItem;//最后一個可見的item
    
     private int totalItemCount;//總的item
     
     private boolean isLoading = false;//是否正在加載數據
     
     private ILoadListener mListener;//回調接口，用來加載數據
     
     private View footer;//底布局
     

    //注意，三個構造方法都要重寫
    public MyListView(Context context) {
        super(context);
        initView(context);
        
    }
    public MyListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }
    public MyListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView(context);
    }
    
    
    //定義一個回調接口，用來獲得要加載的數據
    public interface ILoadListener{
        void loadData();
    }
    
    public void setOnILoadListener(ILoadListener listener){
         
        this.mListener = listener;
    }
    
    
    
    //初始化view
    private void initView(Context context){
        
       footer = LayoutInflater.from(context).inflate(R.layout.footer, null);
    
        //注意，這句代碼的意思是給自定義的ListView加上底布局
        this.addFooterView(footer);
        
        //首先需要隱藏這個底部布局
        footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
        
        this.setOnScrollListener(this);//千萬別忘記設定監聽器
        
    }
    
    
    
    //加載數據完成后，需要執行的操作
    public void loadFinish(){
        
        isLoading = false;//不再加載了
        //底布局也要隱藏
        footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
        
    }
    
    
    //參數scrollState表示滑動的狀態
    public void onScrollStateChanged(AbsListView view, int scrollState) {
       
        //如果最后一個可見item等於總的item，且當前滾動狀態為滾動停止，就應該開始加加載數據了
        if(lastVisibleItem == totalItemCount && scrollState==SCROLL_STATE_IDLE){
            
            if(!isLoading){
                isLoading = true;
                
                //加載數據
                mListener.loadData();
                //設置底布局可見
                footer.findViewById(R.id.load_layout).setVisibility(View.VISIBLE);
            }
        }
        
    }
    
    /***
     * 該方法用來監聽實時滾動中的item
     * firstVisibleItem:當前第一個可見的item
     * visibleItemCount:當前總共有多少個可見的item
     * totalItemCount:總的item
     */
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        
        this.lastVisibleItem = firstVisibleItem + visibleItemCount;
        this.totalItemCount = totalItemCount;
        
    }
    
    

}

    然后我們再修改MainActivity中的代碼即可，如下：

 

package com.fuly.load;

import java.util.ArrayList;
import java.util.List;

import com.fuly.load.MyListView.ILoadListener;

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;



public class MainActivity extends Activity implements ILoadListener{
    
    private MyListView lv;
    private List<MyData>  mDatas = new ArrayList<MyData>();
    private MyAdapter mAdapter;


    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        initData();//該方法初始化數據
        lv = (MyListView) findViewById(R.id.list_view);
        lv.setOnILoadListener(this);
        mAdapter = new MyAdapter(this, mDatas);
        lv.setAdapter(mAdapter);
        
        
    }


    /**
     * 該方法初始化數據，即提供初始的素材
     */
    private void initData() {
        for(int i = 0;i<12;i++){
            MyData md = new MyData("你好，我是提前設定的");
            mDatas.add(md);
        }
        
    }
    
     /**
     * 該方法提供模擬的加載數據
     */
    private void getLoadData() {
        for(int i = 0;i<3;i++){
            MyData md = new MyData("你好，我是加載進來的");
            mDatas.add(md);
        }
        
    }



    //重寫回調方法
    public void loadData() {
        
        //注意之所以使用Handlder，主要是想讓下面的
        //操作延遲5秒鍾，以體現效果。實際開發中不需要
        Handler mHandler = new Handler();
        mHandler.postDelayed(new Runnable(){

        
            public void run() {

                //獲得加載數據
                getLoadData();
                //然后通知MyListView刷新界面
                mAdapter.notifyDataSetChanged();
                
                //然后通知加載數據已經完成了
                
                lv.loadFinish();
            }
            
        }, 5000);
        
        
    }
 
}

    好了，一切都OK了。運行吧，看看分頁加載到底是什么效果！