分頁加載數據Demo

分頁加載數據Demo：當客戶端從服務端獲取數據量過大，一般為用戶考慮流量，我們都需要對數據進行分頁加載(譬如圖片bitmap等)

 布局代碼：listview

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/listview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>

item布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <TextView 
        android:id="@+id/tv_info"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@android:color/white"
        android:text="分頁加載的數據    10"
        />

</LinearLayout>

footer頁腳

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >
    
    <ProgressBar 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    
    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@android:color/white"
        android:text="正在加載數據..........."
        android:layout_gravity="center_vertical"
        />

</LinearLayout>

模擬數據

package com.android.hzy.service;

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

public class DataService {

    public List<String> getData(int startPosition, int offset) {
        List<String> data = new ArrayList<String>();
        for (int i = 0; i < 20; i++) {
            data.add("分頁加載的數據 " + i);
        }
        return data;
    }
}

MainActivity

package com.android.hzy.pageloaddata;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.os.SystemClock;
import android.util.Log;
import android.view.View;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.android.hzy.service.DataService;

public class MainActivity extends Activity {
    
    private static final int SUCCESS_GET_DATA = 0;

    private ListView listview;
    private DataService service;
    private List<String> data; // 加載的總數據
    private ArrayAdapter<String> adapter;
    
    private boolean finish = true; // 是否加載完成
    private View footer;
    
    private Handler mHandler = new Handler(){

        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
            case SUCCESS_GET_DATA:
                ArrayList<String> result = (ArrayList<String>)msg.obj;
                data.addAll(result);
                adapter.notifyDataSetChanged(); // 讓listview自動刷新
                finish = true; // 加載完成
                if(listview.getFooterViewsCount() > 0){ // 當頁腳大於0 就刪除頁腳
                    listview.removeFooterView(footer);
                }
                break;

            default:
                break;
            }
        }
        
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        listview = (ListView) findViewById(R.id.listview);
        service = new DataService();
        data = new ArrayList<String>();

        List<String> result = service.getData(0, 20);
        data.addAll(result);
        adapter = new ArrayAdapter<String>(getApplicationContext(),R.layout.item, R.id.tv_info, data);
        
        footer = View.inflate(getApplicationContext(), R.layout.footer, null);
        
        listview.addFooterView(footer); // 這里必須添加頁腳讓setAdapter里面滿足  if (mHeaderViewInfos.size() > 0|| mFooterViewInfos.size() > 0)條件
        listview.setAdapter(adapter);
        listview.removeFooterView(footer);// 移除掉
        
        // 設置listview的滾動監聽
        listview.setOnScrollListener(new MyOnScrollListener());
        
        
        
    }
    
    private final class MyOnScrollListener implements OnScrollListener{

        
        private int countPage = 5; // 加載的總頁數
        private int pageSize = 20; // 每頁加載20條數據
        
        @Override
        public void onScrollStateChanged(AbsListView view, int scrollState) {
            // TODO Auto-generated method stub
            Log.i("i", "  scrollState   " + scrollState);
        }

        @Override
        public void onScroll(AbsListView view, int firstVisibleItem,
                int visibleItemCount, int totalItemCount) {
            // TODO Auto-generated method stub
            Log.i("i", " firstVisibleItem:" + firstVisibleItem + ",visibleItemCount:" + visibleItemCount
                    + ",totalItemCount:" + totalItemCount);
            
            final int totalCount = firstVisibleItem + visibleItemCount; // 已經加載了多少條目
            int currentPage = totalCount/pageSize; // 當前頁
            int nextPage = currentPage + 1; // 下一頁
            if (totalCount == totalItemCount && nextPage <= countPage && finish) {// 已經移動到了listview的最后一個條目去加載

                finish = false; // 加載未完成
                // 加載數據時 添加頁腳
                listview.addFooterView(footer);
                
                new Thread() {
                    public void run() {
                        SystemClock.sleep(3000);
                        List<String> result = service.getData(totalCount + 1, pageSize);//
                        // 發送消息給hander
                        Message msg = new Message();
                        msg.what = SUCCESS_GET_DATA;
                        msg.obj  = result;
                        mHandler.sendMessage(msg);
                    };
                }.start();
            }
        }
        
    }

}