Android實(shí)現(xiàn)上拉加載更多ListView(PulmListView)
思路
今天帶大家實(shí)現(xiàn)一個(gè)上拉加載更多的ListView.GitHub傳送門:PulmListView, 歡迎大家fork&&star.
先帶大家理一下思路, 如果我們要實(shí)現(xiàn)一個(gè)上拉加載更多的ListView, 我們需要實(shí)現(xiàn)的功能包括:
1.一個(gè)自定義的ListView, 并且該ListView能夠判斷當(dāng)前是否已經(jīng)處于最底部.
2.一個(gè)自定義的FooterView, 用于在ListView加載更多的過(guò)程中進(jìn)行UI展示.
3.關(guān)聯(lián)FooterView和ListView, 包括加載時(shí)機(jī)判斷、FooterView的顯示和隱藏.
4.提供一個(gè)加載更多的接口, 便于回調(diào)用戶真正加載更多的功能實(shí)現(xiàn).
5.提供一個(gè)加載更多結(jié)束的回調(diào)方法, 用于添加用戶的最新數(shù)據(jù)并更新相關(guān)狀態(tài)標(biāo)記和UI顯示.
針對(duì)上面的5個(gè)功能, 我們挨個(gè)分析對(duì)應(yīng)的實(shí)現(xiàn)方法.
功能1(自定義ListView)
我們可以通過(guò)繼承ListView, 實(shí)現(xiàn)一個(gè)自定義的PulmListView.
public class PulmListView extends ListView {
public PulmListView(Context context) {
this(context, null);
}
public PulmListView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public PulmListView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
// 初始化
init();
}
}
只是實(shí)現(xiàn)ListView的三個(gè)構(gòu)造函數(shù)還不夠, 我們需要ListView能夠判斷當(dāng)前的ListView是否滑動(dòng)到最后一個(gè)元素.
判斷是否滑動(dòng)到最后一個(gè)元素, 我們可以通過(guò)為L(zhǎng)istView設(shè)置OnScrollListener來(lái)實(shí)現(xiàn).代碼如下:
private void init() {
super.setOnScrollListener(new OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// 調(diào)用用戶設(shè)置的OnScrollListener
if (mUserOnScrollListener != null) {
mUserOnScrollListener.onScrollStateChanged(view, scrollState);
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
// 調(diào)用用戶設(shè)置的OnScrollListener
if (mUserOnScrollListener != null) {
mUserOnScrollListener.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount);
}
// firstVisibleItem是當(dāng)前屏幕能顯示的第一個(gè)元素的位置
// visibleItemCount是當(dāng)前屏幕能顯示的元素的個(gè)數(shù)
// totalItemCount是ListView包含的元素總數(shù)
int lastVisibleItem = firstVisibleItem + visibleItemCount;
if (!mIsLoading && !mIsPageFinished && lastVisibleItem == totalItemCount) {
if (mOnPullUpLoadMoreListener != null) {
mIsLoading = true;
mOnPullUpLoadMoreListener.onPullUpLoadMore();
}
}
}
});
}
從代碼注釋可以知道, 通過(guò)(firstVisibleItem + visibleItemCount)可以獲取當(dāng)前屏幕已經(jīng)展示的元素個(gè)數(shù), 如果已經(jīng)展示的元素個(gè)數(shù)等于ListView的元素總數(shù), 則此時(shí)可以認(rèn)為L(zhǎng)istView已經(jīng)滑動(dòng)到底部.
功能2(自定義的FooterView)
這里我們可以實(shí)現(xiàn)一個(gè)比較簡(jiǎn)單的FooterView, 即加載更多的UI布局.例如我們可以展示一個(gè)ProgressBar和一行文字, 具體代碼如下:
/**
* 加載更多的View布局,可自定義.
*/
public class LoadMoreView extends LinearLayout {
public LoadMoreView(Context context) {
this(context, null);
}
public LoadMoreView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public LoadMoreView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
LayoutInflater.from(getContext()).inflate(R.layout.lv_load_more, this);
}
}
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/id_load_more_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center"
android:layout_margin="@dimen/loading_view_margin_layout">
<ProgressBar
android:id="@+id/id_loading_progressbar"
android:layout_width="@dimen/loading_view_progress_size"
android:layout_height="@dimen/loading_view_progress_size"
android:indeterminate="true"
style="?android:progressBarStyleSmall"/>
<TextView
android:id="@+id/id_loading_label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/page_loading"/>
</LinearLayout>
功能3(關(guān)聯(lián)ListView和FooterView)
第一,我們需要在ListView中通過(guò)一個(gè)變量保存FooterView, 并且在構(gòu)造函數(shù)中將其實(shí)例化.
private View mLoadMoreView;
private void init() {
mLoadMoreView = new LoadMoreView(getContext());
}
第二,我們需要控制FooterView的顯示和隱藏.考慮一下FooterView的顯示和隱藏的時(shí)機(jī):
•顯示的時(shí)機(jī): ListView處于最底部并且當(dāng)前還有更多的數(shù)據(jù)需要加載.
•隱藏的時(shí)機(jī): ListView結(jié)束完加載更多的操作.
為了判斷當(dāng)前是否還有數(shù)據(jù)需要加載, 因此我們需要定義一個(gè)boolean變量mIsPageFinished, 表示數(shù)據(jù)加載是否結(jié)束.
為了保證同一時(shí)間只進(jìn)行一次數(shù)據(jù)加載過(guò)程, 因此我們還需要定義一個(gè)boolean變量mIsLoading, 表示當(dāng)前是否已經(jīng)處于數(shù)據(jù)加載狀態(tài).
明確了FooterView的顯示和隱藏時(shí)機(jī), 也有了控制狀態(tài)的變量, 代碼也就比較容易實(shí)現(xiàn)了.
顯示時(shí)機(jī):
private void init() {
mIsLoading = false; // 初始化時(shí)沒處于加載狀態(tài)
mIsPageFinished = false; // 初始化時(shí)默認(rèn)還有更多數(shù)據(jù)需要加載
mLoadMoreView = new LoadMoreView(getContext()); // 實(shí)例化FooterView
super.setOnScrollListener(new OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// 調(diào)用用戶設(shè)置的OnScrollListener
if (mUserOnScrollListener != null) {
mUserOnScrollListener.onScrollStateChanged(view, scrollState);
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
// 調(diào)用用戶設(shè)置的OnScrollListener
if (mUserOnScrollListener != null) {
mUserOnScrollListener.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount);
}
int lastVisibleItem = firstVisibleItem + visibleItemCount;
// 當(dāng)處于ListView尾部且有更多數(shù)據(jù)需要加載且當(dāng)前沒有加載程序再進(jìn)行中時(shí), 執(zhí)行加載更多操作
if (!mIsLoading && !mIsPageFinished && lastVisibleItem == totalItemCount) {
if (mOnPullUpLoadMoreListener != null) {
mIsLoading = true; // 將加載更多進(jìn)行時(shí)狀態(tài)設(shè)置為true
showLoadMoreView(); // 顯示加載更多布局
mOnPullUpLoadMoreListener.onPullUpLoadMore(); // 調(diào)用用戶設(shè)置的加載更多回調(diào)接口
}
}
}
});
}
private void showLoadMoreView() {
// 這里將加載更多的根布局id設(shè)置為id_load_more_layout, 便于用戶自定制加載更多布局.
if (findViewById(R.id.id_load_more_layout) == null) {
addFooterView(mLoadMoreView);
}
}
隱藏時(shí)機(jī):
/**
* 加載更多結(jié)束后ListView回調(diào)方法.
*
* @param isPageFinished 分頁(yè)是否結(jié)束
* @param newItems 分頁(yè)加載的數(shù)據(jù)
* @param isFirstLoad 是否第一次加載數(shù)據(jù)(用于配置下拉刷新框架使用, 避免出現(xiàn)頁(yè)面閃現(xiàn))
*/
public void onFinishLoading(boolean isPageFinished, List<?> newItems, boolean isFirstLoad) {
mIsLoading = false; // 標(biāo)記當(dāng)前已經(jīng)沒有加載更多的程序在執(zhí)行
setIsPageFinished(isPageFinished); // 設(shè)置分頁(yè)是否結(jié)束標(biāo)志并移除FooterView
}
private void setIsPageFinished(boolean isPageFinished) {
mIsPageFinished = isPageFinished;
removeFooterView(mLoadMoreView);
}
功能4(上拉加載更多實(shí)現(xiàn)的回調(diào)接口)
這個(gè)比較簡(jiǎn)單, 我們定義一個(gè)interface, 便于回調(diào)用戶真正的加載更多的實(shí)現(xiàn)方法.
/**
* 上拉加載更多的回調(diào)接口
*/
public interface OnPullUpLoadMoreListener {
void onPullUpLoadMore();
}
private OnPullUpLoadMoreListener mOnPullUpLoadMoreListener;
/**
* 設(shè)置上拉加載更多的回調(diào)接口.
* @param l 上拉加載更多的回調(diào)接口
*/
public void setOnPullUpLoadMoreListener(OnPullUpLoadMoreListener l) {
this.mOnPullUpLoadMoreListener = l;
}
功能5(加載更多的結(jié)束回調(diào))
為了在PulmListView中維護(hù)數(shù)據(jù)集合, 必須自定義一個(gè)Adapter, 在Adapter中使用List存儲(chǔ)數(shù)據(jù)集合, 并提交增刪的方法.
自定義的Adapter:
/**
* 抽象的Adapter.
*/
public abstract class PulmBaseAdapter<T> extends BaseAdapter {
protected List<T> items;
public PulmBaseAdapter() {
this.items = new ArrayList<>();
}
public PulmBaseAdapter(List<T> items) {
this.items = items;
}
public void addMoreItems(List<T> newItems, boolean isFirstLoad) {
if (isFirstLoad) {
this.items.clear();
}
this.items.addAll(newItems);
notifyDataSetChanged();
}
public void removeAllItems() {
this.items.clear();
notifyDataSetChanged();
}
}
為什么在addMoreItems方法中要增加一個(gè)isFirstLoad變量呢?
是因?yàn)樯侠虞d更多通常要配合下拉刷新使用.而下拉刷新的過(guò)程中會(huì)牽扯到ListView的數(shù)據(jù)集合clear然后再addAll.如果沒有isFirstLoad參數(shù), 那用戶下拉刷新去更新ListView的數(shù)據(jù)集合就必須分為兩步:
1.removeAllItems并進(jìn)行notifyDataSetChanged.
2.addMoreItems并進(jìn)行notifyDataSetChanged.
同一時(shí)間連續(xù)兩次notifyDataSetChanged會(huì)導(dǎo)致屏幕閃屏, 因此這里提交了一個(gè)isFirstLoad方法.當(dāng)是第一次加載數(shù)據(jù)時(shí), 會(huì)先clear掉所有的數(shù)據(jù), 然后再addAll, 最后再notify.
有了自定義的adapter, 就可以寫加載更多結(jié)束的回調(diào)函數(shù)了:
/**
* 加載更多結(jié)束后ListView回調(diào)方法.
*
* @param isPageFinished 分頁(yè)是否結(jié)束
* @param newItems 分頁(yè)加載的數(shù)據(jù)
* @param isFirstLoad 是否第一次加載數(shù)據(jù)(用于配置下拉刷新框架使用, 避免出現(xiàn)頁(yè)面閃現(xiàn))
*/
public void onFinishLoading(boolean isPageFinished, List<?> newItems, boolean isFirstLoad) {
mIsLoading = false;
setIsPageFinished(isPageFinished);
// 添加更新后的數(shù)據(jù)
if (newItems != null && newItems.size() > 0) {
PulmBaseAdapter adapter = (PulmBaseAdapter) ((HeaderViewListAdapter) getAdapter()).getWrappedAdapter();
adapter.addMoreItems(newItems, isFirstLoad);
}
}
這里需要注意, 當(dāng)添加了FooterView或者HeaderView之后, 我們無(wú)法通過(guò)listview.getAdapter拿到我們自定義的adapter, 必須按照如下步驟:
參考
1.PagingListView
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實(shí)現(xiàn)listview滑動(dòng)時(shí)漸隱漸現(xiàn)頂部欄實(shí)例代碼
- Android實(shí)現(xiàn)有視差效果的ListView
- Android ListView自動(dòng)顯示隱藏布局的實(shí)現(xiàn)方法
- Android UI控件ExpandableListView基本用法詳解
- Android中ListView綁定CheckBox實(shí)現(xiàn)全選增加和刪除功能(DEMO)
- Android之ListView分頁(yè)加載數(shù)據(jù)功能實(shí)現(xiàn)代碼
- Android實(shí)現(xiàn)Listview異步加載網(wǎng)絡(luò)圖片并動(dòng)態(tài)更新的方法
- Android ListView的OnItemClickListener詳解
- Android實(shí)現(xiàn)帶有邊框的ListView和item的方法
- Android ListView下拉刷新上拉自動(dòng)加載更多DEMO示例
- Android ListView position詳解及實(shí)例代碼
相關(guān)文章
Kotlin高階函數(shù)reduce與fold使用實(shí)例
Kotlin的高階函數(shù)reduce和fold可以用來(lái)對(duì)集合進(jìn)行聚合操作。reduce函數(shù)將集合元素逐個(gè)累加,而fold函數(shù)則可以指定一個(gè)初始值進(jìn)行累加。這兩個(gè)函數(shù)在處理大數(shù)據(jù)集時(shí)非常有用2023-04-04
android中打開相機(jī)、打開相冊(cè)進(jìn)行圖片的獲取示例
本篇文章主要介紹了android中打開相機(jī)、打開相冊(cè)進(jìn)行圖片的獲取示例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2017-01-01
Android利用Camera實(shí)現(xiàn)中軸3D卡牌翻轉(zhuǎn)效果
這篇文章主要介紹了Android利用Camera實(shí)現(xiàn)中軸3D卡牌翻轉(zhuǎn)效果,需要的朋友可以參考下2015-12-12
Eclipse NDK遷移到Android Studio的方法示例
本篇文章主要介紹了Eclipse NDK遷移到Android Studio的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
直接應(yīng)用項(xiàng)目中的Android圖片緩存技術(shù)
這篇文章主要為大家詳細(xì)介紹了直接應(yīng)用項(xiàng)目中的Android圖片緩存技術(shù),簡(jiǎn)單、方便、高效,感興趣的小伙伴們可以參考一下2016-04-04
Android實(shí)現(xiàn)隨機(jī)生成驗(yàn)證碼
在登錄注冊(cè)軟件時(shí),經(jīng)常會(huì)要求填寫隨機(jī)驗(yàn)證碼,這篇文章為大家詳細(xì)主要介紹了Android實(shí)現(xiàn)隨機(jī)生成驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
Android實(shí)現(xiàn)QQ側(cè)滑菜單效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)QQ側(cè)滑菜單效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01
詳解AndroidStudio JNI +Gradle3.0以上JNI爬坑之旅
這篇文章主要介紹了詳解AndroidStudio JNI +Gradle3.0以上JNI爬坑之旅,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12

