android UI进阶之实现listview的分页加载
上篇博文和大家分享了下拉刷新，這是一個(gè)用戶體驗(yàn)非常好的操作方式。新浪微薄就是使用這種方式的典型。
還有個(gè)問(wèn)題，當(dāng)用戶從網(wǎng)絡(luò)上讀取微薄的時(shí)候，如果一下子全部加載用戶未讀的微薄這將耗費(fèi)比較長(zhǎng)的時(shí)間，造成不好的用戶體驗(yàn)，同時(shí)一屏的內(nèi)容也不足以顯示如此多的內(nèi)容。這時(shí)候，我們就需要用到另一個(gè)功能，那就是listview的分頁(yè)了。通過(guò)分頁(yè)分次加載數(shù)據(jù)，用戶看多少就去加載多少。
通常這也分為兩種方式，一種是設(shè)置一個(gè)按鈕，用戶點(diǎn)擊即加載。另一種是當(dāng)用戶滑動(dòng)到底部時(shí)自動(dòng)加載。今天我就和大家分享一下這個(gè)功能的實(shí)現(xiàn)。
首先，寫一個(gè)xml文件，moredata.xml，該文件即定義了放在listview底部的視圖：
<?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" >
<Button
android:id="@+id/bt_load"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="加載更多數(shù)據(jù)" />
<ProgressBar
android:id="@+id/pg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:visibility="gone"
/>
</LinearLayout>
可以看到是一個(gè)按鈕和一個(gè)進(jìn)度條。因?yàn)橹蛔鲆粋€(gè)演示，這里簡(jiǎn)單處理，通過(guò)設(shè)置控件的visibility，未加載時(shí)顯示按鈕，加載時(shí)就顯示進(jìn)度條。
寫一個(gè)item.xml，大家應(yīng)該很熟悉了。用來(lái)定義listview的每個(gè)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_title"
android:textSize="20sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
/>
<TextView
android:textSize="12sp"
android:id="@+id/tv_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
/>
</LinearLayout>
main.xml就不貼了，整個(gè)主界面就一個(gè)listview。
直接先看下Activity的代碼，在里面實(shí)現(xiàn)分頁(yè)效果。
package com.notice.moredate;import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.Button;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.SimpleAdapter;
import android.widget.Toast;
public class MoreDateListActivity extends Activity implements OnScrollListener {
// ListView的Adapter
private SimpleAdapter mSimpleAdapter;
private ListView lv;
private Button bt;
private ProgressBar pg;
private ArrayList<HashMap<String,String>> list;
// ListView底部View
private View moreView;
private Handler handler;
// 設(shè)置一個(gè)最大的數(shù)據(jù)條數(shù)，超過(guò)即不再加載
private int MaxDateNum;
// 最后可見條目的索引
private int lastVisibleIndex;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
MaxDateNum = 22; // 設(shè)置最大數(shù)據(jù)條數(shù)
lv = (ListView) findViewById(R.id.lv);
// 實(shí)例化底部布局
moreView = getLayoutInflater().inflate(R.layout.moredate, null);
bt = (Button) moreView.findViewById(R.id.bt_load);
pg = (ProgressBar) moreView.findViewById(R.id.pg);
handler = new Handler();
// 用map來(lái)裝載數(shù)據(jù)，初始化10條數(shù)據(jù)
list = new ArrayList<HashMap<String,String>>();
for (int i = 0; i < 10; i++) {
HashMap<String, String> map = new HashMap<String, String>();
map.put("ItemTitle", "第" + i + "行標(biāo)題");
map.put("ItemText", "第" + i + "行內(nèi)容");
list.add(map);
}
// 實(shí)例化SimpleAdapter
mSimpleAdapter = new SimpleAdapter(this, list, R.layout.item,
new String[] { "ItemTitle", "ItemText" },
new int[] { R.id.tv_title, R.id.tv_content });
// 加上底部View，注意要放在setAdapter方法前
lv.addFooterView(moreView);
lv.setAdapter(mSimpleAdapter);
// 綁定監(jiān)聽器
lv.setOnScrollListener(this);
bt.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
pg.setVisibility(View.VISIBLE);// 將進(jìn)度條可見
bt.setVisibility(View.GONE);// 按鈕不可見
handler.postDelayed(new Runnable() {
@Override
public void run() {
loadMoreDate();// 加載更多數(shù)據(jù)
bt.setVisibility(View.VISIBLE);
pg.setVisibility(View.GONE);
mSimpleAdapter.notifyDataSetChanged();// 通知listView刷新數(shù)據(jù)
}
}, 2000);
}
});
}
private void loadMoreDate() {
int count = mSimpleAdapter.getCount();
if (count + 5 < MaxDateNum) {
// 每次加載5條
for (int i = count; i < count + 5; i++) {
HashMap<String, String> map = new HashMap<String, String>();
map.put("ItemTitle", "新增第" + i + "行標(biāo)題");
map.put("ItemText", "新增第" + i + "行內(nèi)容");
list.add(map);
}
} else {
// 數(shù)據(jù)已經(jīng)不足5條
for (int i = count; i < MaxDateNum; i++) {
HashMap<String, String> map = new HashMap<String, String>();
map.put("ItemTitle", "新增第" + i + "行標(biāo)題");
map.put("ItemText", "新增第" + i + "行內(nèi)容");
list.add(map);
}
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
// 計(jì)算最后可見條目的索引
lastVisibleIndex = firstVisibleItem + visibleItemCount - 1;
// 所有的條目已經(jīng)和最大條數(shù)相等，則移除底部的View
if (totalItemCount == MaxDateNum + 1) {
lv.removeFooterView(moreView);
Toast.makeText(this, "數(shù)據(jù)全部加載完成，沒(méi)有更多數(shù)據(jù)！", Toast.LENGTH_LONG).show();
}
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// 滑到底部后自動(dòng)加載，判斷l(xiāng)istview已經(jīng)停止?jié)L動(dòng)并且最后可視的條目等于adapter的條目
if (scrollState == OnScrollListener.SCROLL_STATE_IDLE
&& lastVisibleIndex == mSimpleAdapter.getCount()) {
// 當(dāng)滑到底部時(shí)自動(dòng)加載
// pg.setVisibility(View.VISIBLE);
// bt.setVisibility(View.GONE);
// handler.postDelayed(new Runnable() {
//
// @Override
// public void run() {
// loadMoreDate();
// bt.setVisibility(View.VISIBLE);
// pg.setVisibility(View.GONE);
// mSimpleAdapter.notifyDataSetChanged();
// }
//
// }, 2000);
}
}
}
通過(guò)注釋，大家應(yīng)該很容易理解了。這里做下簡(jiǎn)單的解析。首先要注意的是，addFootView方法一定要在setAdapter方法之前，否則會(huì)無(wú)效。addFootView方法為listview底部加入一個(gè)視圖，在本例中就是那個(gè)Button加progressbar的視圖。當(dāng)用戶點(diǎn)擊按鈕時(shí)，調(diào)用loadmoreDate方法，為listview綁定更多的數(shù)據(jù)，通過(guò)adapter的notifyDataSetChanged方法通知listview刷新，顯示剛加入的數(shù)據(jù)。
這里用handler異步延遲2秒操作，模仿加載過(guò)程。同時(shí)listview綁定了onScrollListener監(jiān)聽器，并且實(shí)現(xiàn)了onScroll和onScrollStateChanged方法。在后者方法中，我們通過(guò)判斷l(xiāng)istview已經(jīng)停止?jié)L動(dòng)并且最后可視的條目等于adapter的條目，可以知道用戶已經(jīng)滑動(dòng)到底部并且自動(dòng)加載，代碼中將這部分代碼注釋掉了，大家可以自己試下。
代碼中還加入了一個(gè)MaxDateNum變量，用來(lái)記錄最大的數(shù)據(jù)數(shù)量。也就是說(shuō)網(wǎng)絡(luò)或者其他地方一共的數(shù)據(jù)。通過(guò)onScroll方法判斷用戶加載完這些數(shù)據(jù)后，移除listview底部視圖，不讓繼續(xù)加載。同時(shí)在loadmoreDate方法中也對(duì)最大數(shù)據(jù)量做相應(yīng)的操作來(lái)判斷加載數(shù)量。（默認(rèn)加載5條，不足5條時(shí)加載剩余的）。
看下效果圖：
? ?
? ?
?
?
就寫這么多了，總的來(lái)說(shuō)還是很簡(jiǎn)單的，但是確實(shí)非常有用的一個(gè)效果。歡迎留言交流。
轉(zhuǎn)載于:https://www.cnblogs.com/noTice520/archive/2012/02/10/2345057.html
總結(jié)
以上是生活随笔為你收集整理的android UI进阶之实现listview的分页加载的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： JavaScript数组内置排序函数
- 下一篇： c语言十七算法,算法精解十七（C语言版）