ListView分页加载数据

ListView分页加载数据

ListView分页加载 在Android中是一个经常用到的技术，当我们需要加载大量的数据到列表显示时，假如一次性把所有数据加载完毕，可能会导致整个ListView列表卡顿，给用户的体验也非常不好。因而，我们可以将数据分为多次加载，每次加载其中的一部分，用户有需求的时候再加载其他部分，这样的设计会更加友好。

ListView分页原理

在日常开发中，我们可能会遇到以下两种情况：

• 服务器支持分页请求，简单地说，比如，我们总共要请求100条数据，服务器支持我们每次请求N条数据，我们可以分100 / N 次请求完成，并且这些数据有一定的顺序，我们想请求第几页的数据就可以请求第几页的数据（这种情况下，我们可以实现真正的分页加载数据）。
• 服务器不支持分布请求，我们没办法请求指定页的数据，只能一次性请求所有数据（这种情况下，我们只能自己处理，每次加载相应数目数据到ListView中）。

那么ListView分页原理就是，我们不一次性加载所有的数据，每次加载N条，然后我们监听ListView的滚动事件，当ListView滚动到最底部时，判定当前是否已加载完所有数据，如果未加载完毕，请求新一页的数据，直至所有的数据加载完成。

Demo实现

一般情况下，我们需要请求服务器的数据，但是这里我们只是要达到ListView分页加载的效果，我们自己模拟数据加载过程。
首先是我们的主页面MainActivity，其对应的页面文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.hotzhi.listviewtest.MainActivity">

    <ListView
        android:id="@+id/lv_data"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fastScrollEnabled="false"
        android:smoothScrollbar="true"
        android:cacheColorHint="#00000000"
        android:divider="#ffcccccc"
        android:dividerHeight="0.2dp" />

</RelativeLayout>

这里没啥好介绍的，就只是一个ListView。接下来是，我们将ListView拖动到底部时，如果要加载新的数据，那么我们可以添加一个footerView，以更好的提示用户，下面是其布局文件，foot_view.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:baselineAligned="true"
        android:gravity="center|center_vertical"
        android:orientation="horizontal"
        android:paddingBottom="15dp"
        android:paddingTop="15dp" >

        <ProgressBar
            android:id="@+id/progressBar_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:gravity="center"
            style="?android:attr/progressBarStyleSmall"
            android:paddingBottom="2dp"
            android:paddingTop="2dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10dp"
            android:gravity="center"
            android:text="加载更多中……"
            android:textSize="13sp" />
    </LinearLayout>

</FrameLayout>

也非常简单，就一个加载框，然后一个提示文本。
下面就是我们的具体实现了，MainActivity.java

package com.hotzhi.listviewtest;

import android.os.Bundle;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.widget.AbsListView;
import android.widget.ArrayAdapter;
import android.widget.FrameLayout;
import android.widget.ListView;
import android.widget.Toast;

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

public class MainActivity extends AppCompatActivity {

    /** 列表翻页每页加载数目 */
    private static final int ONE_PAGE_ITEM_COUNT = 20;
    // 由于这里是测试数据，我们自己控制所有数据请求的结束位置，也就是页数达到MAX_PAGE无法再次请求数据。
    /** 最大页数（测试） */
    private static final int MAX_PAGE = 8;

    private List<String> lstData = new ArrayList<>();
    private ArrayAdapter<String> mAdapter;
    private ListView lvData;

    /** 当前页码 */
    public int iCurPageIndex = 0;
    /** 列表第一项 */
    private int firstItem;
    /** 列表可见项 */
    private int visibleItem;
    /** 列表可见项 */
    private int totalItem;
    /** 是否可以上拉 */
    private boolean canUpPull = true;
    /** 是否正在加载 */
    private boolean isLoading = false;
    /** 页脚布局 */
    private FrameLayout mFooterView;

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

        findViews();
        setListeners();
        initData();

    }

    private void findViews() {
        lvData = (ListView) findViewById(R.id.lv_data);
        mFooterView = (FrameLayout) LayoutInflater.from(this).inflate(R.layout.foot_view, null);
    }

    private void setListeners() {
        lvData.setOnScrollListener(onScrollListener);
    }

    private void initData() {
        requestData();
    }

    /**
     * ListView滚动监听器
     */
    private AbsListView.OnScrollListener onScrollListener = new AbsListView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(AbsListView view, int scrollState) {

            if (firstItem + visibleItem == totalItem) {

                // 当前处于不可上拉加载状态，不可继续请求数据
                if(!canUpPull) {
                    return ;
                }

                // 数据正在加载，不可继续请求
                if(isLoading) {
                    return ;
                }

                lvData.addFooterView(mFooterView);
                lvData.setSelection(lvData.getBottom());
                isLoading = true;
                iCurPageIndex++;
                requestData();
            }
        }

        @Override
        public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
            firstItem = firstVisibleItem;
            visibleItem = visibleItemCount;
            totalItem = totalItemCount;
        }
    };

    /**
     * 请求加载更多数据
     * 如，请求服务器数据
     */
    private void requestData() {

        // 这里我们休眠3秒钟，相当于3秒钟后数据才加载完毕
        // 当然我们在实际项目中可能不需要休眠处理，直接请求数据等待数据返回即可。
        new Thread() {
            public void run() {
                try {
                    Thread.sleep(3000);
                    // 主线程中加载数据
                    handler.sendEmptyMessage(0);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }.start();

    }

    private android.os.Handler handler = new android.os.Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);

            // 加载数据
            // 加载第iCurPageIndex页数据
            for(int i = iCurPageIndex * ONE_PAGE_ITEM_COUNT; i < (iCurPageIndex + 1) * ONE_PAGE_ITEM_COUNT; i++) {
                lstData.add("第" + i + "条数据");
            }

            // 数据加载完毕设置相应标志
            isLoading = false;
            canUpPull = true;
            lvData.removeFooterView(mFooterView);

            // 这里我们通过判断加载页位置与最大可加载页比较判断，是否已加载完所有数据
            if(iCurPageIndex >= MAX_PAGE) {
                canUpPull = false;
                if(iCurPageIndex > 0) {
                    Toast.makeText(MainActivity.this, "已到达最后一页！", Toast.LENGTH_SHORT).show();
                }
            }

            if(mAdapter == null) {
                mAdapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, android.R.id.text1, lstData);
                lvData.setAdapter(mAdapter);
            } else {
                mAdapter.notifyDataSetChanged();
            }
        }
    };
}