Android ListView下拉刷新上拉自動(dòng)加載更多DEMO示例

更新時(shí)間：2016年07月08日 10:38:48 作者：SunnyCoffee

這篇文章主要介紹了Android ListView下拉刷新上拉自動(dòng)加載更多DEMO示例的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

代碼下載地址已經(jīng)更新。因?yàn)榇a很久沒(méi)更新，已經(jīng)很落伍了，建議大家使用RecyclerView實(shí)現(xiàn)。

參考項(xiàng)目：

https://github.com/bingoogolapple/BGARefreshLayout-Android

https://github.com/baoyongzhang/android-PullRefreshLayout

下拉刷新，Android中非常普遍的功能。為了方便便重寫的ListView來(lái)實(shí)現(xiàn)下拉刷新，同時(shí)添加了上拉自動(dòng)加載更多的功能。設(shè)計(jì)最初是參考開源中國(guó)的Android客戶端源碼。先看示例圖。

圖1 圖2

圖3 圖4

圖5 圖6

下拉刷新的時(shí)動(dòng)畫效果: 圖1 ==》圖2 ==》圖3 ==》圖4 ==》圖1。

上拉自動(dòng)加載更多的效果：圖5

圖6是示例demo的截圖

重寫后的listview動(dòng)畫效果來(lái)源于添加的頭部（header）和尾部（footer），listview提供了addHeaderView和addFooterView方法來(lái)添加header和footer。大家也可以通過(guò)修改頭部、尾部的xml文件來(lái)定義自己的動(dòng)畫效果。

實(shí)現(xiàn)原理

1.下拉刷新

通過(guò)onTouchEvent判斷手勢(shì)，來(lái)改變listview的header。header的狀態(tài)共4種，自己定義為：

NONE（對(duì)應(yīng)圖1）：初始狀態(tài)

PULL（對(duì)應(yīng)圖2）：下拉狀態(tài)，此時(shí)松開會(huì)還原到狀態(tài)NONE，并不進(jìn)行刷新

RELEASE（對(duì)應(yīng)圖3）：同樣是下拉狀態(tài)，但此刻松開會(huì)執(zhí)行刷新，進(jìn)入狀態(tài)REFRESHING

REFRESHING（對(duì)應(yīng)圖4）：正在執(zhí)行刷新，刷新結(jié)束后進(jìn)入狀態(tài)NONE。

header在四種狀態(tài)切換時(shí)不僅改變內(nèi)部組件，同時(shí)改變自身的大小。改變內(nèi)部組件的體現(xiàn)比如，箭頭的朝上或者朝下，文字提示的變化，等待圓圈的顯示與否。大小的改變其實(shí)就是高度的改變，NONE時(shí)header高度為0,RELEASE時(shí)header的高度由你下拉的程度決定。

2.加載更多

在listview滑動(dòng)停止后，判斷l(xiāng)istview的最后一個(gè)item是否已經(jīng)顯示，如果顯示說(shuō)明listview已經(jīng)滑動(dòng)到了最底部，這時(shí)便觸發(fā)加載更多的方法，方法結(jié)束根據(jù)結(jié)果改變footer。

3.回調(diào)方法

在類中定義了兩個(gè)接口OnRefreshListener和OnLoadListener，用來(lái)定義和提供加載數(shù)據(jù)的方法，具體實(shí)現(xiàn)則交給它們的實(shí)現(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第一個(gè)item顯示的時(shí)候（listview滑到了頂部）才進(jìn)行下拉刷新， 否則此時(shí)的下拉只是滑動(dòng)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)閉加載更多，并不支持動(dòng)態(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添加頭部和尾部，并進(jìn)行初始化 
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滑動(dòng)的狀態(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)聽觸摸事件，解讀手勢(shì) 
*/ 
@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); 
} 
// 解讀手勢(shì)，刷新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的大小。其實(shí)調(diào)整的只是距離頂部的高度。 
private void topPadding(int topPadding) { 
header.setPadding(header.getPaddingLeft(), topPadding, 
header.getPaddingRight(), header.getPaddingBottom()); 
header.invalidate(); 
} 
/** 
* 這個(gè)方法是根據(jù)結(jié)果的大小來(lái)決定footer顯示的。 
* <p> 
* 這里假定每次請(qǐng)求的條數(shù)為10。如果請(qǐng)求到了10條。則認(rèn)為還有數(shù)據(jù)。如過(guò)結(jié)果不足10條，則認(rèn)為數(shù)據(jù)已經(jīng)全部加載，這時(shí)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; 
} 
} 
// 用來(lái)計(jì)算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(); 
} 
}

這個(gè)類的邏輯復(fù)雜的地方就是header四種狀態(tài)的判斷和切換。

以下是幾種狀態(tài)的切換情況

NONE ==》 PULL
NONE 《== PULL ==》 RELEASE
PULL 《== RELEASE ==》 REFRESHING
REFRESHING ==》 NONE

代碼中對(duì)于 RELEASE ==》PULL 狀態(tài)的切換處理的不太理想，好像是縱坐標(biāo)的記錄方式有問(wèn)題，如果有誰(shuí)解決，希望能夠留言告知。

為了減少篇幅，其他代碼就不在貼了。

注意：定義header的xml最外層必須使用線性布局，不然的話會(huì)出錯(cuò)。

以上所述是小編給大家介紹的Android ListView下拉刷新上拉自動(dòng)加載更多DEMO示例，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: