Android應(yīng)用中ListView利用OnScrollListener分頁加載數(shù)據(jù)
當(dāng)用戶從網(wǎng)絡(luò)上讀取微薄的時(shí)候，如果一下子全部加載用戶未讀的微薄這將耗費(fèi)比較長的時(shí)間，造成不好的用戶體驗(yàn)，同時(shí)一屏的內(nèi)容也不足以顯示如此多的內(nèi)容。這時(shí)候，我們就需要用到另一個(gè)功能，那就是listview的分頁了。通過分頁分次加載數(shù)據(jù)，用戶看多少就去加載多少。
通常這也分為兩種方式，一種是設(shè)置一個(gè)按鈕，用戶點(diǎn)擊即加載。另一種是當(dāng)用戶滑動到底部時(shí)自動加載。今天我就和大家分享一下這個(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è)演示，這里簡單處理，通過設(shè)置控件的visibility，未加載時(shí)顯示按鈕，加載時(shí)就顯示進(jìn)度條。
寫一個(gè)item.xml，大家應(yīng)該很熟悉了。用來定義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)分頁效果。
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ù)，超過即不再加載
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來裝載數(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ù)全部加載完成，沒有更多數(shù)據(jù)！", Toast.LENGTH_LONG).show();
}
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// 滑到底部后自動加載，判斷l(xiāng)istview已經(jīng)停止?jié)L動并且最后可視的條目等于adapter的條目
if (scrollState == OnScrollListener.SCROLL_STATE_IDLE
&& lastVisibleIndex == mSimpleAdapter.getCount()) {
// 當(dāng)滑到底部時(shí)自動加載
// 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);
}
}
}
通過注釋，大家應(yīng)該很容易理解了。這里做下簡單的解析。首先要注意的是，addFootView方法一定要在setAdapter方法之前，否則會無效。addFootView方法為listview底部加入一個(gè)視圖，在本例中就是那個(gè)Button加progressbar的視圖。當(dāng)用戶點(diǎn)擊按鈕時(shí)，調(diào)用loadmoreDate方法，為listview綁定更多的數(shù)據(jù)，通過adapter的notifyDataSetChanged方法通知listview刷新，顯示剛加入的數(shù)據(jù)。
這里用handler異步延遲2秒操作，模仿加載過程。同時(shí)listview綁定了onScrollListener監(jiān)聽器，并且實(shí)現(xiàn)了onScroll和onScrollStateChanged方法。在后者方法中，我們通過判斷l(xiāng)istview已經(jīng)停止?jié)L動并且最后可視的條目等于adapter的條目，可以知道用戶已經(jīng)滑動到底部并且自動加載，代碼中將這部分代碼注釋掉了，大家可以自己試下。
代碼中還加入了一個(gè)MaxDateNum變量，用來記錄最大的數(shù)據(jù)數(shù)量。也就是說網(wǎng)絡(luò)或者其他地方一共的數(shù)據(jù)。通過onScroll方法判斷用戶加載完這些數(shù)據(jù)后，移除listview底部視圖，不讓繼續(xù)加載。同時(shí)在loadmoreDate方法中也對最大數(shù)據(jù)量做相應(yīng)的操作來判斷加載數(shù)量。（默認(rèn)加載5條，不足5條時(shí)加載剩余的）。
看下效果圖：
關(guān)于OnScrollListener事件順序次數(shù)的簡要分析
在 Android 的 OnScrollListener 整個(gè)事件我主要分析下他的執(zhí)行順序：
實(shí)現(xiàn)滾動事件的監(jiān)聽接口
new AbsListView.OnScrollListener(){
@Override
public void onScrollStateChanged(AbsListView absListView, int scrollState)
{
switch (scrollState) {
case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
// 手指觸屏拉動準(zhǔn)備滾動，只觸發(fā)一次 順序: 2
break;
case AbsListView.OnScrollListener.SCROLL_STATE_FLING:
// 持續(xù)滾動開始，只觸發(fā)一次 順序: 4
break;
case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:
// 整個(gè)滾動事件結(jié)束，只觸發(fā)一次 順序: 6
break;
default:
break;
}
}
@Override
public void onScroll(AbsListView absListView, int i, int i1, int i2)
{
// 一直在滾動中，多次觸發(fā) 順序: 1、3、5
}
}
之前一直很迷糊，后來仔細(xì)測試后得出上面代碼注釋中的結(jié)論。
另外對于 ListView 圖片列表的滾動，應(yīng)該在SCROLL_STATE_FLING時(shí)讓圖片不顯示，提高滾動性能讓滾動更平滑，SCROLL_STATE_IDLE時(shí)顯示當(dāng)前屏幕可見的圖片，對于onScroll()接口方法基本上不用他。
補(bǔ)充：
1. 當(dāng)手指只輕觸屏幕不拉動只會觸發(fā)一次onScroll方法，不會觸發(fā)其他滾動事件；
2. 如果手指觸碰屏幕后停滯一下再滑動則首先執(zhí)行一次onScroll方法 然后才是SCROLL_STATE_TOUCH_SCROLL事件；
3. 如果手指碰到屏幕后直接滑動則第一次就執(zhí)行SCROLL_STATE_TOUCH_SCROLL事件；
3. 觸發(fā)SCROLL_STATE_TOUCH_SCROLL事件后還會繼續(xù)多次觸發(fā)onScroll事件，而不是直接觸發(fā)SCROLL_STATE_FLING事件；
4. 滾動后不一定會觸發(fā) SCROLL_STATE_FLING事件，可能和手指滑動的距離有關(guān)系；
5. 滾動的過程中會多次調(diào)用onScroll方法；
6. 除了onScroll觸發(fā)多次，其他事件在整個(gè)過程中只會觸發(fā)一次。
- Android端代碼量非常小的分頁加載庫
- android九宮格可分頁加載控件使用詳解
- Android編程實(shí)現(xiàn)分頁加載ListView功能示例
- Android中ListView分頁加載數(shù)據(jù)功能實(shí)現(xiàn)
- Android基于ListView實(shí)現(xiàn)類似Market分頁加載效果示例
- Android之ListView分頁加載數(shù)據(jù)功能實(shí)現(xiàn)代碼
- Android實(shí)現(xiàn)基于滑動的SQLite數(shù)據(jù)分頁加載技術(shù)(附demo源碼下載)
- Android中ListView如何分頁加載數(shù)據(jù)
- Android實(shí)現(xiàn)ListView分頁加載數(shù)據(jù)
相關(guān)文章
Android?Studio中如何修改APP圖標(biāo)和APP名稱
這篇文章主要介紹了Android?Studio中如何修改APP圖標(biāo)和APP名稱，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-11-11
android中設(shè)置TextView/Button 走馬燈(Marquee)效果示例
定義走馬燈（Marquee），主要在Project/res/layout/main.xml即可，下面與大家分享下具體的實(shí)現(xiàn)，感興趣的朋友可以參考下哈2013-06-06
Android引導(dǎo)頁面的簡單實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了Android引導(dǎo)頁面的簡單實(shí)現(xiàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
kotlin Standard中的內(nèi)聯(lián)函數(shù)示例詳解
這篇文章主要給大家介紹了關(guān)于kotlin Standard中內(nèi)聯(lián)函數(shù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用kotlin具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
動態(tài)添加LinearLayout的高度實(shí)例
下面小編就為大家?guī)硪黄獎討B(tài)添加LinearLayout的高度實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要為大家詳細(xì)介紹了Android抽屜布局DrawerLayout的簡單使用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要介紹了微信小程序 跳轉(zhuǎn)頁面的兩種方法詳解的相關(guān)資料,需要的朋友可以參考下2017-01-01
Android8.0適配前臺定位服務(wù)service的示例代碼
這篇文章主要介紹了Android8.0適配前臺定位服務(wù)service的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
android采用FFmpeg實(shí)現(xiàn)音視頻合成與分離
這篇文章主要為大家詳細(xì)介紹了android采用FFmpeg實(shí)現(xiàn)音視頻合成與分離，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單（2）
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單第二篇,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11