Android應(yīng)用中ListView利用OnScrollListener分頁(yè)加載數(shù)據(jù)
當(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)。
首先，寫(xiě)一個(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)度條。
寫(xiě)一個(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;
// 最后可見(jiàn)條目的索引
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)聽(tīng)器
lv.setOnScrollListener(this);
bt.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
pg.setVisibility(View.VISIBLE);// 將進(jìn)度條可見(jiàn)
bt.setVisibility(View.GONE);// 按鈕不可見(jiàn)
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ì)算最后可見(jiàn)條目的索引
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)聽(tīng)器，并且實(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í)加載剩余的）。
看下效果圖：
關(guān)于OnScrollListener事件順序次數(shù)的簡(jiǎn)要分析
在 Android 的 OnScrollListener 整個(gè)事件我主要分析下他的執(zhí)行順序：
實(shí)現(xiàn)滾動(dòng)事件的監(jiān)聽(tīng)接口
new AbsListView.OnScrollListener(){
@Override
public void onScrollStateChanged(AbsListView absListView, int scrollState)
{
switch (scrollState) {
case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
// 手指觸屏拉動(dòng)準(zhǔn)備滾動(dòng)，只觸發(fā)一次 順序: 2
break;
case AbsListView.OnScrollListener.SCROLL_STATE_FLING:
// 持續(xù)滾動(dòng)開(kāi)始，只觸發(fā)一次 順序: 4
break;
case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:
// 整個(gè)滾動(dòng)事件結(jié)束，只觸發(fā)一次 順序: 6
break;
default:
break;
}
}
@Override
public void onScroll(AbsListView absListView, int i, int i1, int i2)
{
// 一直在滾動(dòng)中，多次觸發(fā) 順序: 1、3、5
}
}
之前一直很迷糊，后來(lái)仔細(xì)測(cè)試后得出上面代碼注釋中的結(jié)論。
另外對(duì)于 ListView 圖片列表的滾動(dòng)，應(yīng)該在SCROLL_STATE_FLING時(shí)讓圖片不顯示，提高滾動(dòng)性能讓滾動(dòng)更平滑，SCROLL_STATE_IDLE時(shí)顯示當(dāng)前屏幕可見(jiàn)的圖片，對(duì)于onScroll()接口方法基本上不用他。
補(bǔ)充：
1. 當(dāng)手指只輕觸屏幕不拉動(dòng)只會(huì)觸發(fā)一次onScroll方法，不會(huì)觸發(fā)其他滾動(dòng)事件；
2. 如果手指觸碰屏幕后停滯一下再滑動(dòng)則首先執(zhí)行一次onScroll方法 然后才是SCROLL_STATE_TOUCH_SCROLL事件；
3. 如果手指碰到屏幕后直接滑動(dòng)則第一次就執(zhí)行SCROLL_STATE_TOUCH_SCROLL事件；
3. 觸發(fā)SCROLL_STATE_TOUCH_SCROLL事件后還會(huì)繼續(xù)多次觸發(fā)onScroll事件，而不是直接觸發(fā)SCROLL_STATE_FLING事件；
4. 滾動(dòng)后不一定會(huì)觸發(fā) SCROLL_STATE_FLING事件，可能和手指滑動(dòng)的距離有關(guān)系；
5. 滾動(dòng)的過(guò)程中會(huì)多次調(diào)用onScroll方法；
6. 除了onScroll觸發(fā)多次，其他事件在整個(gè)過(guò)程中只會(huì)觸發(fā)一次。
- Android端代碼量非常小的分頁(yè)加載庫(kù)
- android九宮格可分頁(yè)加載控件使用詳解
- Android編程實(shí)現(xiàn)分頁(yè)加載ListView功能示例
- Android中ListView分頁(yè)加載數(shù)據(jù)功能實(shí)現(xiàn)
- Android基于ListView實(shí)現(xiàn)類似Market分頁(yè)加載效果示例
- Android之ListView分頁(yè)加載數(shù)據(jù)功能實(shí)現(xiàn)代碼
- Android實(shí)現(xiàn)基于滑動(dòng)的SQLite數(shù)據(jù)分頁(yè)加載技術(shù)(附demo源碼下載)
- Android中ListView如何分頁(yè)加載數(shù)據(jù)
- Android實(shí)現(xiàn)ListView分頁(yè)加載數(shù)據(jù)
相關(guān)文章
Android?Studio中如何修改APP圖標(biāo)和APP名稱
這篇文章主要介紹了Android?Studio中如何修改APP圖標(biāo)和APP名稱，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-11-11
android中設(shè)置TextView/Button 走馬燈(Marquee)效果示例
定義走馬燈（Marquee），主要在Project/res/layout/main.xml即可，下面與大家分享下具體的實(shí)現(xiàn)，感興趣的朋友可以參考下哈2013-06-06
Android引導(dǎo)頁(yè)面的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了Android引導(dǎo)頁(yè)面的簡(jiǎn)單實(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)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用kotlin具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
動(dòng)態(tài)添加LinearLayout的高度實(shí)例
下面小編就為大家?guī)?lái)一篇?jiǎng)討B(tài)添加LinearLayout的高度實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
Android抽屜布局DrawerLayout的簡(jiǎn)單使用
這篇文章主要為大家詳細(xì)介紹了Android抽屜布局DrawerLayout的簡(jiǎn)單使用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要介紹了微信小程序 跳轉(zhuǎn)頁(yè)面的兩種方法詳解的相關(guān)資料,需要的朋友可以參考下2017-01-01
Android8.0適配前臺(tái)定位服務(wù)service的示例代碼
這篇文章主要介紹了Android8.0適配前臺(tái)定位服務(wù)service的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧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