Android之分页加载数据

基本的原理和我的上一篇随笔“Android之下拉刷新ListView”差不多，代码里面有注释，这里就不废话了，直接上代码。

自定义的分页显示ListView——PagedListView.java代码如下：

public class PagedListView extends ListView implements OnScrollListener {
    private View footer; // 底部布局
    private LayoutInflater inflater;
    private int totalItemCount; // 总的Item的数量
    private int lastVisibleItemIndex; // 最后一个可见的Item的索引
    private boolean isLoading; // 是否正在加载
    private ListViewLoadListener listener; // 加载更多数据的回掉接口

    public PagedListView(Context context) {
        this(context, null);
    }

    public PagedListView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public PagedListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context);
    }

    // 加载底部布局到ListView中
    private void initView(Context context) {
        inflater = LayoutInflater.from(context);
        footer = inflater.inflate(R.layout.sideworks_layout_footer, null);
        footer.findViewById(R.id.control_layout_footer).setVisibility(View.GONE);
        this.addFooterView(footer);
        this.setOnScrollListener(this);
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        this.lastVisibleItemIndex = firstVisibleItem + visibleItemCount;
        this.totalItemCount = totalItemCount;
    }

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        if (totalItemCount == lastVisibleItemIndex && scrollState == SCROLL_STATE_IDLE) {
            if (!isLoading) {
                isLoading = true;
                footer.findViewById(R.id.control_layout_footer).setVisibility(View.VISIBLE);
                listener.loadData(); // 调用接口中的回调方法进行数据更新
            }
        }
    }

    // 加载更多数据的回掉接口
    public interface ListViewLoadListener {
        public void loadData();
    }

    public void setListViewLoadInterface(ListViewLoadListener listener) {
        this.listener = listener;
    }

    // 数据加载完成之后，隐藏footer布局
    public void onLoadComplete() {
        isLoading = false;
        footer.findViewById(R.id.control_layout_footer).setVisibility(View.GONE);
    }
}

底部布局sideworks_layout_footer.xml的代码如下：

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

    <!-- 这里必须要套一层LinearLayout，不然在代码中设置Visibility为Gone时底部总是会有一部分空白区域 -->
    <LinearLayout
        android:id="@+id/control_layout_footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#e7e7e7"
        android:gravity="center"
        android:orientation="horizontal"
        android:paddingBottom="10.0dip"
        android:paddingTop="10.0dip" >

        <ProgressBar
            style="?android:attr/progressBarStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15.0dip"
            android:text="@string/str_footer_tip"
            android:textColor="#777777" />
    </LinearLayout>

</LinearLayout>

主页面布局activity_main.xml代码如下：

<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" >

    <com.view.PagedListView
        android:id="@+id/control_main_listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

主界面MainActivity.java代码如下：

public class MainActivity extends Activity implements ListViewLoadListener {
    private PagedListView listView;
    private ArrayAdapter<String> listAdapter;
    private List<String> listData;

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

    private void initView() {
        listView = (PagedListView) findViewById(R.id.control_main_listview);
        listView.setListViewLoadInterface(this);
        listData = new ArrayList<String>();
        for (int i = 0; i < 10; i++) {
            listData.add("This is an initial data.");
        }
        listAdapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_expandable_list_item_1, listData);
        listView.setAdapter(listAdapter);
    }

    @Override
    public void loadData() {
        new Handler().postDelayed(new Runnable() {
            public void run() {
                // 增加两条数据并通知ListView进行数据的更新
                for (int i = 0; i < 2; i++) {
                    listData.add("This is a new data.");
                }
                listAdapter.notifyDataSetChanged();
                listView.onLoadComplete();
            }
        }, 2000);
    }
}