Android應(yīng)用中ListView利用OnScrollListener分頁(yè)加載數(shù)據(jù)
當(dāng)用戶(hù)從網(wǎng)絡(luò)上讀取微薄的時(shí)候,如果一下子全部加載用戶(hù)未讀的微薄這將耗費(fèi)比較長(zhǎng)的時(shí)間,造成不好的用戶(hù)體驗(yàn),同時(shí)一屏的內(nèi)容也不足以顯示如此多的內(nèi)容。這時(shí)候,我們就需要用到另一個(gè)功能,那就是listview的分頁(yè)了。通過(guò)分頁(yè)分次加載數(shù)據(jù),用戶(hù)看多少就去加載多少。
通常這也分為兩種方式,一種是設(shè)置一個(gè)按鈕,用戶(hù)點(diǎn)擊即加載。另一種是當(dāng)用戶(hù)滑動(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ò)注釋?zhuān)蠹覒?yīng)該很容易理解了。這里做下簡(jiǎn)單的解析。首先要注意的是,addFootView方法一定要在setAdapter方法之前,否則會(huì)無(wú)效。addFootView方法為listview底部加入一個(gè)視圖,在本例中就是那個(gè)Button加progressbar的視圖。當(dāng)用戶(hù)點(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的條目,可以知道用戶(hù)已經(jīng)滑動(dòng)到底部并且自動(dòng)加載,代碼中將這部分代碼注釋掉了,大家可以自己試下。
代碼中還加入了一個(gè)MaxDateNum變量,用來(lái)記錄最大的數(shù)據(jù)數(shù)量。也就是說(shuō)網(wǎng)絡(luò)或者其他地方一共的數(shù)據(jù)。通過(guò)onScroll方法判斷用戶(hù)加載完這些數(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)類(lèi)似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名稱(chēng)
這篇文章主要介紹了Android?Studio中如何修改APP圖標(biāo)和APP名稱(chēng),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-11-11android中設(shè)置TextView/Button 走馬燈(Marquee)效果示例
定義走馬燈(Marquee),主要在Project/res/layout/main.xml即可,下面與大家分享下具體的實(shí)現(xiàn),感興趣的朋友可以參考下哈2013-06-06Android引導(dǎo)頁(yè)面的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了Android引導(dǎo)頁(yè)面的簡(jiǎn)單實(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)資料,文中通過(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-04Android抽屜布局DrawerLayout的簡(jiǎn)單使用
這篇文章主要為大家詳細(xì)介紹了Android抽屜布局DrawerLayout的簡(jiǎn)單使用,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06Android8.0適配前臺(tái)定位服務(wù)service的示例代碼
這篇文章主要介紹了Android8.0適配前臺(tái)定位服務(wù)service的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07android采用FFmpeg實(shí)現(xiàn)音視頻合成與分離
這篇文章主要為大家詳細(xì)介紹了android采用FFmpeg實(shí)現(xiàn)音視頻合成與分離,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12Android實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端側(cè)滑菜單(2)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端側(cè)滑菜單第二篇,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11