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);
    }
}