Android ListView下拉刷新上拉自動加載更多DEMO示例
代碼下載地址已經(jīng)更新。因為代碼很久沒更新,已經(jīng)很落伍了,建議大家使用RecyclerView實現(xiàn)。
參考項目:
https://github.com/bingoogolapple/BGARefreshLayout-Android
https://github.com/baoyongzhang/android-PullRefreshLayout
下拉刷新,Android中非常普遍的功能。為了方便便重寫的ListView來實現(xiàn)下拉刷新,同時添加了上拉自動加載更多的功能。設(shè)計最初是參考開源中國的Android客戶端源碼。先看示例圖。

圖1 圖2

圖3 圖4

圖5 圖6
下拉刷新的時動畫效果: 圖1 ==》 圖2 ==》 圖3 ==》 圖4 ==》 圖1。
上拉自動加載更多的效果:圖5
圖6是示例demo的截圖
重寫后的listview動畫效果來源于添加的頭部(header)和尾部(footer),listview提供了addHeaderView和addFooterView方法來添加header和footer。大家也可以通過修改頭部、尾部的xml文件來定義自己的動畫效果。
實現(xiàn)原理
1.下拉刷新
通過onTouchEvent判斷手勢,來改變listview的header。header的狀態(tài)共4種,自己定義為:
NONE(對應(yīng)圖1):初始狀態(tài)
PULL(對應(yīng)圖2):下拉狀態(tài),此時松開會還原到狀態(tài)NONE,并不進行刷新
RELEASE(對應(yīng)圖3):同樣是下拉狀態(tài),但此刻松開會執(zhí)行刷新,進入狀態(tài)REFRESHING
REFRESHING(對應(yīng)圖4):正在執(zhí)行刷新,刷新結(jié)束后進入狀態(tài)NONE。
header在四種狀態(tài)切換時不僅改變內(nèi)部組件,同時改變自身的大小。改變內(nèi)部組件的體現(xiàn)比如,箭頭的朝上或者朝下,文字提示的變化,等待圓圈的顯示與否。大小的改變其實就是高度的改變,NONE時header高度為0,RELEASE時header的高度由你下拉的程度決定。
2.加載更多
在listview滑動停止后,判斷l(xiāng)istview的最后一個item是否已經(jīng)顯示,如果顯示說明listview已經(jīng)滑動到了最底部,這時便觸發(fā)加載更多的方法,方法結(jié)束根據(jù)結(jié)果改變footer。
3.回調(diào)方法
在類中定義了兩個接口OnRefreshListener和OnLoadListener,用來定義和提供加載數(shù)據(jù)的方法,具體實現(xiàn)則交給它們的實現(xiàn)類去做。
package com.example.autolistview.widget;
import com.example.autolistview.R;
import com.example.autolistview.utils.Utils;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ListView;
/**
* @author SunnyCoffee
* @create 2013-10-24
* @version 1.0
* @desc 自定義Listview 下拉刷新,上拉加載更多
*/
public class AutoListView extends ListView implements OnScrollListener {
// 區(qū)分當(dāng)前操作是刷新還是加載
public static final int REFRESH = 0;
public static final int LOAD = 1;
// 區(qū)分PULL和RELEASE的距離的大小
private static final int SPACE = 20;
// 定義header的四種狀態(tài)和當(dāng)前狀態(tài)
private static final int NONE = 0;
private static final int PULL = 1;
private static final int RELEASE = 2;
private static final int REFRESHING = 3;
private int state;
private LayoutInflater inflater;
private View header;
private View footer;
private TextView tip;
private TextView lastUpdate;
private ImageView arrow;
private ProgressBar refreshing;
private TextView noData;
private TextView loadFull;
private TextView more;
private ProgressBar loading;
private RotateAnimation animation;
private RotateAnimation reverseAnimation;
private int startY;
private int firstVisibleItem;
private int scrollState;
private int headerContentInitialHeight;
private int headerContentHeight;
// 只有在listview第一個item顯示的時候(listview滑到了頂部)才進行下拉刷新, 否則此時的下拉只是滑動listview
private boolean isRecorded;
private boolean isLoading;// 判斷是否正在加載
private boolean loadEnable = true;// 開啟或者關(guān)閉加載更多功能
private boolean isLoadFull;
private int pageSize = 10;
private OnRefreshListener onRefreshListener;
private OnLoadListener onLoadListener;
public AutoListView(Context context) {
super(context);
initView(context);
}
public AutoListView(Context context, AttributeSet attrs) {
super(context, attrs);
initView(context);
}
public AutoListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initView(context);
}
// 下拉刷新監(jiān)聽
public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
this.onRefreshListener = onRefreshListener;
}
// 加載更多監(jiān)聽
public void setOnLoadListener(OnLoadListener onLoadListener) {
this.loadEnable = true;
this.onLoadListener = onLoadListener;
}
public boolean isLoadEnable() {
return loadEnable;
}
// 這里的開啟或者關(guān)閉加載更多,并不支持動態(tài)調(diào)整
public void setLoadEnable(boolean loadEnable) {
this.loadEnable = loadEnable;
this.removeFooterView(footer);
}
public int getPageSize() {
return pageSize;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
// 初始化組件
private void initView(Context context) {
// 設(shè)置箭頭特效
animation = new RotateAnimation(0, -180,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
animation.setInterpolator(new LinearInterpolator());
animation.setDuration(100);
animation.setFillAfter(true);
reverseAnimation = new RotateAnimation(-180, 0,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
reverseAnimation.setInterpolator(new LinearInterpolator());
reverseAnimation.setDuration(100);
reverseAnimation.setFillAfter(true);
inflater = LayoutInflater.from(context);
footer = inflater.inflate(R.layout.listview_footer, null);
loadFull = (TextView) footer.findViewById(R.id.loadFull);
noData = (TextView) footer.findViewById(R.id.noData);
more = (TextView) footer.findViewById(R.id.more);
loading = (ProgressBar) footer.findViewById(R.id.loading);
header = inflater.inflate(R.layout.pull_to_refresh_header, null);
arrow = (ImageView) header.findViewById(R.id.arrow);
tip = (TextView) header.findViewById(R.id.tip);
lastUpdate = (TextView) header.findViewById(R.id.lastUpdate);
refreshing = (ProgressBar) header.findViewById(R.id.refreshing);
// 為listview添加頭部和尾部,并進行初始化
headerContentInitialHeight = header.getPaddingTop();
measureView(header);
headerContentHeight = header.getMeasuredHeight();
topPadding(-headerContentHeight);
this.addHeaderView(header);
this.addFooterView(footer);
this.setOnScrollListener(this);
}
public void onRefresh() {
if (onRefreshListener != null) {
onRefreshListener.onRefresh();
}
}
public void onLoad() {
if (onLoadListener != null) {
onLoadListener.onLoad();
}
}
public void onRefreshComplete(String updateTime) {
lastUpdate.setText(this.getContext().getString(R.string.lastUpdateTime,
lastUpdate));
state = NONE;
refreshHeaderViewByState();
}
// 用于下拉刷新結(jié)束后的回調(diào)
public void onRefreshComplete() {
String currentTime = Utils.getCurrentTime();
onRefreshComplete(currentTime);
}
// 用于加載更多結(jié)束后的回調(diào)
public void onLoadComplete() {
isLoading = false;
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
this.firstVisibleItem = firstVisibleItem;
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
this.scrollState = scrollState;
ifNeedLoad(view, scrollState);
}
// 根據(jù)listview滑動的狀態(tài)判斷是否需要加載更多
private void ifNeedLoad(AbsListView view, int scrollState) {
if (!loadEnable) {
return;
}
try {
if (scrollState == OnScrollListener.SCROLL_STATE_IDLE
&& !isLoading
&& view.getLastVisiblePosition() == view
.getPositionForView(footer) && !isLoadFull) {
onLoad();
isLoading = true;
}
} catch (Exception e) {
}
}
/**
* 監(jiān)聽觸摸事件,解讀手勢
*/
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
if (firstVisibleItem == 0) {
isRecorded = true;
startY = (int) ev.getY();
}
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
if (state == PULL) {
state = NONE;
refreshHeaderViewByState();
} else if (state == RELEASE) {
state = REFRESHING;
refreshHeaderViewByState();
onRefresh();
}
isRecorded = false;
break;
case MotionEvent.ACTION_MOVE:
whenMove(ev);
break;
}
return super.onTouchEvent(ev);
}
// 解讀手勢,刷新header狀態(tài)
private void whenMove(MotionEvent ev) {
if (!isRecorded) {
return;
}
int tmpY = (int) ev.getY();
int space = tmpY - startY;
int topPadding = space - headerContentHeight;
switch (state) {
case NONE:
if (space > 0) {
state = PULL;
refreshHeaderViewByState();
}
break;
case PULL:
topPadding(topPadding);
if (scrollState == SCROLL_STATE_TOUCH_SCROLL
&& space > headerContentHeight + SPACE) {
state = RELEASE;
refreshHeaderViewByState();
}
break;
case RELEASE:
topPadding(topPadding);
if (space > 0 && space < headerContentHeight + SPACE) {
state = PULL;
refreshHeaderViewByState();
} else if (space <= 0) {
state = NONE;
refreshHeaderViewByState();
}
break;
}
}
// 調(diào)整header的大小。其實調(diào)整的只是距離頂部的高度。
private void topPadding(int topPadding) {
header.setPadding(header.getPaddingLeft(), topPadding,
header.getPaddingRight(), header.getPaddingBottom());
header.invalidate();
}
/**
* 這個方法是根據(jù)結(jié)果的大小來決定footer顯示的。
* <p>
* 這里假定每次請求的條數(shù)為10。如果請求到了10條。則認(rèn)為還有數(shù)據(jù)。如過結(jié)果不足10條,則認(rèn)為數(shù)據(jù)已經(jīng)全部加載,這時footer顯示已經(jīng)全部加載
* </p>
*
* @param resultSize
*/
public void setResultSize(int resultSize) {
if (resultSize == 0) {
isLoadFull = true;
loadFull.setVisibility(View.GONE);
loading.setVisibility(View.GONE);
more.setVisibility(View.GONE);
noData.setVisibility(View.VISIBLE);
} else if (resultSize > 0 && resultSize < pageSize) {
isLoadFull = true;
loadFull.setVisibility(View.VISIBLE);
loading.setVisibility(View.GONE);
more.setVisibility(View.GONE);
noData.setVisibility(View.GONE);
} else if (resultSize == pageSize) {
isLoadFull = false;
loadFull.setVisibility(View.GONE);
loading.setVisibility(View.VISIBLE);
more.setVisibility(View.VISIBLE);
noData.setVisibility(View.GONE);
}
}
// 根據(jù)當(dāng)前狀態(tài),調(diào)整header
private void refreshHeaderViewByState() {
switch (state) {
case NONE:
topPadding(-headerContentHeight);
tip.setText(R.string.pull_to_refresh);
refreshing.setVisibility(View.GONE);
arrow.clearAnimation();
arrow.setImageResource(R.drawable.pull_to_refresh_arrow);
break;
case PULL:
arrow.setVisibility(View.VISIBLE);
tip.setVisibility(View.VISIBLE);
lastUpdate.setVisibility(View.VISIBLE);
refreshing.setVisibility(View.GONE);
tip.setText(R.string.pull_to_refresh);
arrow.clearAnimation();
arrow.setAnimation(reverseAnimation);
break;
case RELEASE:
arrow.setVisibility(View.VISIBLE);
tip.setVisibility(View.VISIBLE);
lastUpdate.setVisibility(View.VISIBLE);
refreshing.setVisibility(View.GONE);
tip.setText(R.string.pull_to_refresh);
tip.setText(R.string.release_to_refresh);
arrow.clearAnimation();
arrow.setAnimation(animation);
break;
case REFRESHING:
topPadding(headerContentInitialHeight);
refreshing.setVisibility(View.VISIBLE);
arrow.clearAnimation();
arrow.setVisibility(View.GONE);
tip.setVisibility(View.GONE);
lastUpdate.setVisibility(View.GONE);
break;
}
}
// 用來計算header大小的。比較隱晦。
private void measureView(View child) {
ViewGroup.LayoutParams p = child.getLayoutParams();
if (p == null) {
p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
}
int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
int lpHeight = p.height;
int childHeightSpec;
if (lpHeight > 0) {
childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
MeasureSpec.EXACTLY);
} else {
childHeightSpec = MeasureSpec.makeMeasureSpec(0,
MeasureSpec.UNSPECIFIED);
}
child.measure(childWidthSpec, childHeightSpec);
}
/*
* 定義下拉刷新接口
*/
public interface OnRefreshListener {
public void onRefresh();
}
/*
* 定義加載更多接口
*/
public interface OnLoadListener {
public void onLoad();
}
}
這個類的邏輯復(fù)雜的地方就是header四種狀態(tài)的判斷和切換。
以下是幾種狀態(tài)的切換情況
NONE ==》 PULL
NONE 《== PULL ==》 RELEASE
PULL 《== RELEASE ==》 REFRESHING
REFRESHING ==》 NONE
代碼中對于 RELEASE ==》PULL 狀態(tài)的切換處理的不太理想,好像是縱坐標(biāo)的記錄方式有問題,如果有誰解決,希望能夠留言告知。
為了減少篇幅,其他代碼就不在貼了。
注意:定義header的xml最外層必須使用線性布局,不然的話會出錯。
以上所述是小編給大家介紹的Android ListView下拉刷新上拉自動加載更多DEMO示例,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- Android下拉刷新ListView——RTPullListView(demo)
- android開發(fā)教程之實現(xiàn)listview下拉刷新和上拉刷新效果
- Android實現(xiàn)上拉加載更多以及下拉刷新功能(ListView)
- android下拉刷新ListView的介紹和實現(xiàn)代碼
- Android ListView實現(xiàn)上拉加載更多和下拉刷新功能
- Android中ListView異步加載圖片錯位、重復(fù)、閃爍問題分析及解決方案
- Android實現(xiàn)Listview異步加載網(wǎng)絡(luò)圖片并動態(tài)更新的方法
- 安卓(Android)ListView 顯示圖片文字
- Android Listview 滑動過程中提示圖片重復(fù)錯亂的原因及解決方法
- Android ListView實現(xiàn)下拉頂部圖片變大效果
相關(guān)文章
Android 網(wǎng)絡(luò)圖片查看器與網(wǎng)頁源碼查看器
本篇文章主要介紹了Android 網(wǎng)絡(luò)圖片查看器與網(wǎng)頁源碼查看器的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
Android Listview點贊問題關(guān)于圖片重復(fù)問題
最近在開發(fā)android方面的項目時,遇到很多問題,下面小編以listview 與 baseadapter結(jié)合使用為例,給大家分享下關(guān)于點贊的的時候 圖片重復(fù)問題的解決方法,一起看看吧2016-11-11
Android實現(xiàn)EditText控件禁止輸入內(nèi)容的方法(附測試demo)
這篇文章主要介紹了Android實現(xiàn)EditText控件禁止輸入內(nèi)容的方法,涉及Android針對EditText控件屬性設(shè)置的相關(guān)技巧,需要的朋友可以參考下2015-12-12
Android列表實現(xiàn)(3)_自定義列表適配器思路及實現(xiàn)代碼
Android 自定義列表適配器會提供很多的便利;下面的例子為使用自定義的列表適配器來顯示列表,感興趣的朋友可以研究下2012-12-12
Android音視頻開發(fā)之MediaExtactor使用教程
MediaExtactor在Android音視頻開發(fā)中負(fù)責(zé)提取音視頻信息和數(shù)據(jù)流的功能,可以通過該類實現(xiàn)從多媒體文件中剝離得到音頻和視頻的能力。本文將詳細(xì)為大家介紹一下它的使用,感興趣的可以了解一下2022-04-04
Android 優(yōu)化之a(chǎn)pp啟動優(yōu)化的實現(xiàn)
這篇文章主要介紹了Android 優(yōu)化之啟動優(yōu)化的實現(xiàn),啟動分為冷啟動和熱啟動,溫啟動,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07

