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-11android中設(shè)置TextView/Button 走馬燈(Marquee)效果示例
定義走馬燈(Marquee),主要在Project/res/layout/main.xml即可,下面與大家分享下具體的實(shí)現(xiàn),感興趣的朋友可以參考下哈2013-06-06Android引導(dǎo)頁面的簡單實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了Android引導(dǎo)頁面的簡單實(shí)現(xiàn),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02kotlin 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-04Android8.0適配前臺定位服務(wù)service的示例代碼
這篇文章主要介紹了Android8.0適配前臺定位服務(wù)service的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07android采用FFmpeg實(shí)現(xiàn)音視頻合成與分離
這篇文章主要為大家詳細(xì)介紹了android采用FFmpeg實(shí)現(xiàn)音視頻合成與分離,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單(2)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)網(wǎng)易新聞客戶端側(cè)滑菜單第二篇,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11