ListView下拉刷新和加載更多

package com.qq.view;import java.text.SimpleDateFormat;import java.util.Date;import java.util.Locale;import com.example.qq.R;import android.content.Context;import android.util.AttributeSet;import android.util.Log;import android.view.LayoutInflater;import android.view.MotionEvent;import android.view.View;import android.view.ViewGroup;import android.view.animation.Interpolator;import android.view.animation.LinearInterpolator;import android.view.animation.RotateAnimation;import android.widget.AbsListView;import android.widget.AbsListView.OnScrollListener;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.ProgressBar;import android.widget.TextView;/** * ListView下拉刷新和加載更多

*

默認(rèn)如果設(shè)置了OnRefreshListener接口和OnLoadMoreListener接口,

并且不為null,則打開這兩個功能了。 *

mIsAutoLoadMore(是否自動加載更多)和

*

* @date 2013-11-11 下午10:09:26

* @change congcong

* @mail fchentianlong@sohu.com

* @version 1.0

*/

public class CustomListView extends ListView implements OnScrollListener {

/**? 顯示格式化日期模板? */

private final static String DATE_FORMAT_STR = "yyyy年MM月dd日 HH:mm";

/**? 實(shí)際的padding的距離與界面上偏移距離的比例? */

private final static int RATIO = 3;

private final static int RELEASE_TO_REFRESH = 0;

private final static int PULL_TO_REFRESH = 1;

private final static int REFRESHING = 2;

private final static int DONE = 3;

private final static int LOADING = 4;

/**? 加載中? */

private final static int ENDINT_LOADING = 1;

/**? 手動完成刷新? */

private final static int ENDINT_MANUAL_LOAD_DONE = 2;

/**? 自動完成刷新? */

private final static int ENDINT_AUTO_LOAD_DONE = 3;

/**? ? 0:RELEASE_TO_REFRESH;

*

1:PULL_To_REFRESH;

*

2:REFRESHING;

*

3:DONE;

*

4:LOADING */

private int mHeadState;

/**? ? 0:完成/等待刷新 ;

*

1:加載中? */

private int mEndState;

/**? 可以加載更多?? */

private boolean mCanLoadMore = true;

/**? 可以下拉刷新?? */

private boolean mCanRefresh = true;

/**

*? 可以自動加載更多嗎?(注意,先判斷是否有加載更多,如果沒有,這個flag也沒有意義)?

**/

private boolean mIsAutoLoadMore = true;

public boolean isAutoLoadMore() {

return mIsAutoLoadMore;

}

public void setAutoLoadMore(boolean pIsAutoLoadMore) {

mIsAutoLoadMore = pIsAutoLoadMore;

}

private LayoutInflater mInflater;

private View mHeadView;

private TextView mTipsTextView;

private TextView mLastUpdatedTextView;

private ImageView mArrowImageView;

private ProgressBar mProgressBar;

private View mEndRootView;

private ProgressBar mEndLoadProgressBar;

private TextView mEndLoadTipsTextView;

/**? headView動畫? */

private RotateAnimation mArrowAnim;

/**? headView反轉(zhuǎn)動畫? */

private RotateAnimation mArrowReverseAnim;

/** 用于保證startY的值在一個完整的touch事件中只被記錄一次? ? */

private boolean mIsRecored;

private int mHeadViewWidth;

private int mHeadViewHeight;

private int mStartY;

private boolean mIsBack;

private int mFirstItemIndex;

private int mLastItemIndex;

private int mCount;

private boolean mEnoughCount;//足夠數(shù)量充滿屏幕?

private OnRefreshListener mRefreshListener;

private OnLoadMoreListener mLoadMoreListener;

public CustomListView(Context pContext, AttributeSet pAttrs) {

super(pContext, pAttrs);

init(pContext);

}

public CustomListView(Context pContext) {

super(pContext);

init(pContext);

}

public CustomListView(Context pContext, AttributeSet pAttrs, int pDefStyle) {

super(pContext, pAttrs, pDefStyle);

init(pContext);

}

/**

* 初始化操作

* @param pContext

*

*/

private void init(Context pContext) {

setCacheColorHint(pContext.getResources().getColor(R.color.transparent));

mInflater = LayoutInflater.from(pContext);

addHeadView();

setOnScrollListener(this);

initPullImageAnimation(0);

}

/**

* 添加下拉刷新的HeadView

*

*/

private void addHeadView() {

mHeadView = (LinearLayout) mInflater.inflate(R.layout.refresh_head, null);

mArrowImageView = (ImageView) mHeadView.findViewById(R.id.head_arrowImageView);

mArrowImageView.setMinimumWidth(70);

mArrowImageView.setMinimumHeight(50);

mProgressBar = (ProgressBar) mHeadView

.findViewById(R.id.head_progressBar);

mTipsTextView = (TextView) mHeadView.findViewById(

R.id.head_tipsTextView);

mLastUpdatedTextView = (TextView) mHeadView

.findViewById(R.id.head_lastUpdatedTextView);

measureView(mHeadView);

mHeadViewHeight = mHeadView.getMeasuredHeight();

mHeadViewWidth = mHeadView.getMeasuredWidth();

mHeadView.setPadding(0, -1 * mHeadViewHeight, 0, 0);

mHeadView.invalidate();

Log.v("size", "width:" + mHeadViewWidth + " height:"

+ mHeadViewHeight);

addHeaderView(mHeadView, null, false);

mHeadState = DONE;

}

/**

* 添加加載更多FootView

*

*/

private void addFooterView() {

mEndRootView = mInflater.inflate(R.layout.refresh_footer, null);

mEndRootView.setVisibility(View.VISIBLE);

mEndLoadProgressBar = (ProgressBar) mEndRootView

.findViewById(R.id.pull_to_refresh_progress);

mEndLoadTipsTextView = (TextView) mEndRootView.findViewById(R.id.load_more);

mEndRootView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

if(mCanLoadMore){

if(mCanRefresh){

// 當(dāng)可以下拉刷新時,如果FootView沒有正在加載,并且HeadView沒有正在刷新,才可以點(diǎn)擊加載更多。

if(mEndState != ENDINT_LOADING && mHeadState != REFRESHING){

mEndState = ENDINT_LOADING;

onLoadMore();

}

}else if(mEndState != ENDINT_LOADING){

// 當(dāng)不能下拉刷新時,F(xiàn)ootView不正在加載時,才可以點(diǎn)擊加載更多。

mEndState = ENDINT_LOADING;

onLoadMore();

}

}

}

});

addFooterView(mEndRootView);

if(mIsAutoLoadMore){

mEndState = ENDINT_AUTO_LOAD_DONE;

}else{

mEndState = ENDINT_MANUAL_LOAD_DONE;

}

}

/**

* 實(shí)例化下拉刷新的箭頭的動畫效果

* @param pAnimDuration 動畫運(yùn)行時長

*

*/

private void initPullImageAnimation(final int pAnimDuration) {

int _Duration;

if(pAnimDuration > 0){

_Duration = pAnimDuration;

}else{

_Duration = 250;

}

Interpolator _Interpolator = new LinearInterpolator();

mArrowAnim = new RotateAnimation(0, -180,

RotateAnimation.RELATIVE_TO_SELF, 0.5f,

RotateAnimation.RELATIVE_TO_SELF, 0.5f);

mArrowAnim.setInterpolator(_Interpolator);

mArrowAnim.setDuration(_Duration);

mArrowAnim.setFillAfter(true);

mArrowReverseAnim = new RotateAnimation(-180, 0,

RotateAnimation.RELATIVE_TO_SELF, 0.5f,

RotateAnimation.RELATIVE_TO_SELF, 0.5f);

mArrowReverseAnim.setInterpolator(_Interpolator);

mArrowReverseAnim.setDuration(_Duration);

mArrowReverseAnim.setFillAfter(true);

}

/**

* 測量HeadView寬高(注意:此方法僅適用于LinearLayout,請讀者自己測試驗(yàn)證。)

*

*/

private void measureView(View pChild) {

ViewGroup.LayoutParams p = pChild.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);

}

pChild.measure(childWidthSpec, childHeightSpec);

}

/**

*為了判斷滑動到ListView底部沒

*/

@Override

public void onScroll(AbsListView pView, int pFirstVisibleItem,

int pVisibleItemCount, int pTotalItemCount) {

mFirstItemIndex = pFirstVisibleItem;

mLastItemIndex = pFirstVisibleItem + pVisibleItemCount - 2;

mCount = pTotalItemCount - 2;

if (pTotalItemCount > pVisibleItemCount ) {

mEnoughCount = true;

} else {

mEnoughCount = false;

}

}

/**

*這個方法,可能有點(diǎn)亂,大家多讀幾遍就明白了。

*/

@Override

public void onScrollStateChanged(AbsListView pView, int pScrollState) {

if(mCanLoadMore){// 存在加載更多功能

if (mLastItemIndex ==? mCount && pScrollState == SCROLL_STATE_IDLE) {

//SCROLL_STATE_IDLE=0,滑動停止

if (mEndState != ENDINT_LOADING) {

if(mIsAutoLoadMore){// 自動加載更多,我們讓FootView顯示 “更? ? 多”

if(mCanRefresh){

// 存在下拉刷新并且HeadView沒有正在刷新時,F(xiàn)ootView可以自動加載更多。

if(mHeadState != REFRESHING){

// FootView顯示 : 更? ? 多? ---> 加載中...

mEndState = ENDINT_LOADING;

onLoadMore();

changeEndViewByState();

}

}else{// 沒有下拉刷新,我們直接進(jìn)行加載更多。

// FootView顯示 : 更? ? 多? ---> 加載中...

mEndState = ENDINT_LOADING;

onLoadMore();

changeEndViewByState();

}

}else{// 不是自動加載更多,我們讓FootView顯示 “點(diǎn)擊加載”

// FootView顯示 : 點(diǎn)擊加載? ---> 加載中...

mEndState = ENDINT_MANUAL_LOAD_DONE;

changeEndViewByState();

}

}

}

}else if(mEndRootView != null && mEndRootView.getVisibility() == VISIBLE){

// 突然關(guān)閉加載更多功能之后,我們要移除FootView。

System.out.println("this.removeFooterView(endRootView);...");

mEndRootView.setVisibility(View.GONE);

this.removeFooterView(mEndRootView);

}

}

/**

* 改變加載更多狀態(tài)

* @date 2013-11-11 下午10:05:27

*

*/

private void? changeEndViewByState() {

if (mCanLoadMore) {

//允許加載更多

switch (mEndState) {

case ENDINT_LOADING://刷新中

// 加載中...

if(mEndLoadTipsTextView.getText().equals(

R.string.p2refresh_doing_end_refresh)){

break;

}

mEndLoadTipsTextView.setText(R.string.p2refresh_doing_end_refresh);

mEndLoadTipsTextView.setVisibility(View.VISIBLE);

mEndLoadProgressBar.setVisibility(View.VISIBLE);

break;

case ENDINT_MANUAL_LOAD_DONE:// 手動刷新完成

// 點(diǎn)擊加載

mEndLoadTipsTextView.setText(R.string.p2refresh_end_click_load_more);

mEndLoadTipsTextView.setVisibility(View.VISIBLE);

mEndLoadProgressBar.setVisibility(View.GONE);

mEndRootView.setVisibility(View.VISIBLE);

break;

case ENDINT_AUTO_LOAD_DONE:// 自動刷新完成

// 更? ? 多

mEndLoadTipsTextView.setText(R.string.p2refresh_end_load_more);

mEndLoadTipsTextView.setVisibility(View.VISIBLE);

mEndLoadProgressBar.setVisibility(View.GONE);

mEndRootView.setVisibility(View.VISIBLE);

break;

default:

break;

}

}

}

/**

*原作者的,我沒改動,請讀者自行優(yōu)化。

*/

public boolean onTouchEvent(MotionEvent event) {

if (mCanRefresh) {

if(mCanLoadMore && mEndState == ENDINT_LOADING){

// 如果存在加載更多功能,并且當(dāng)前正在加載更多,默認(rèn)不允許下拉刷新,必須加載完畢后才能使用。

return super.onTouchEvent(event);

}

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

if (mFirstItemIndex == 0 && !mIsRecored) {

mIsRecored = true;

mStartY = (int) event.getY();

}

break;

case MotionEvent.ACTION_UP:

if (mHeadState != REFRESHING && mHeadState != LOADING) {

if (mHeadState == DONE) {

}

if (mHeadState == PULL_TO_REFRESH) {

mHeadState = DONE;

changeHeaderViewByState();

}

if (mHeadState == RELEASE_TO_REFRESH) {

mHeadState = REFRESHING;

changeHeaderViewByState();

onRefresh();

}

}

mIsRecored = false;

mIsBack = false;

break;

case MotionEvent.ACTION_MOVE:

int tempY = (int) event.getY();

if (!mIsRecored && mFirstItemIndex == 0) {

mIsRecored = true;

mStartY = tempY;

}

if (mHeadState != REFRESHING && mIsRecored && mHeadState != LOADING) {

// 保證在設(shè)置padding的過程中,當(dāng)前的位置一直是在head,

// 否則如果當(dāng)列表超出屏幕的話,當(dāng)在上推的時候,列表會同時進(jìn)行滾動

// 可以松手去刷新了

if (mHeadState == RELEASE_TO_REFRESH) {

setSelection(0);

// 往上推了,推到了屏幕足夠掩蓋head的程度,但是還沒有推到全部掩蓋的地步

if (((tempY - mStartY) / RATIO < mHeadViewHeight)

&& (tempY - mStartY) > 0) {

mHeadState = PULL_TO_REFRESH;

changeHeaderViewByState();

}

// 一下子推到頂了

else if (tempY - mStartY <= 0) {

mHeadState = DONE;

changeHeaderViewByState();

}

// 往下拉了,或者還沒有上推到屏幕頂部掩蓋head的地步

}

// 還沒有到達(dá)顯示松開刷新的時候,DONE或者是PULL_To_REFRESH狀態(tài)

if (mHeadState == PULL_TO_REFRESH) {

setSelection(0);

// 下拉到可以進(jìn)入RELEASE_TO_REFRESH的狀態(tài)

if ((tempY - mStartY) / RATIO >= mHeadViewHeight) {

mHeadState = RELEASE_TO_REFRESH;

mIsBack = true;

changeHeaderViewByState();

} else if (tempY - mStartY <= 0) {

mHeadState = DONE;

changeHeaderViewByState();

}

}

if (mHeadState == DONE) {

if (tempY - mStartY > 0) {

mHeadState = PULL_TO_REFRESH;

changeHeaderViewByState();

}

}

if (mHeadState == PULL_TO_REFRESH) {

mHeadView.setPadding(0, -1 * mHeadViewHeight

+ (tempY - mStartY) / RATIO, 0, 0);

}

if (mHeadState == RELEASE_TO_REFRESH) {

mHeadView.setPadding(0, (tempY - mStartY) / RATIO

- mHeadViewHeight, 0, 0);

}

}

break;

}

}

return super.onTouchEvent(event);

}

/**

* 當(dāng)HeadView狀態(tài)改變時候,調(diào)用該方法,以更新界面

*

*/

private void changeHeaderViewByState() {

switch (mHeadState) {

case RELEASE_TO_REFRESH:

mArrowImageView.setVisibility(View.VISIBLE);

mProgressBar.setVisibility(View.GONE);

mTipsTextView.setVisibility(View.VISIBLE);

mLastUpdatedTextView.setVisibility(View.VISIBLE);

mArrowImageView.clearAnimation();

mArrowImageView.startAnimation(mArrowAnim);

// 松開刷新

mTipsTextView.setText(R.string.p2refresh_release_refresh);

break;

case PULL_TO_REFRESH:

mProgressBar.setVisibility(View.GONE);

mTipsTextView.setVisibility(View.VISIBLE);

mLastUpdatedTextView.setVisibility(View.VISIBLE);

mArrowImageView.clearAnimation();

mArrowImageView.setVisibility(View.VISIBLE);

// 是由RELEASE_To_REFRESH狀態(tài)轉(zhuǎn)變來的

if (mIsBack) {

mIsBack = false;

mArrowImageView.clearAnimation();

mArrowImageView.startAnimation(mArrowReverseAnim);

// 下拉刷新

mTipsTextView.setText(R.string.p2refresh_pull_to_refresh);

} else {

// 下拉刷新

mTipsTextView.setText(R.string.p2refresh_pull_to_refresh);

}

break;

case REFRESHING:

mHeadView.setPadding(0, 0, 0, 0);

// 華生的建議: 實(shí)際上這個的setPadding可以用動畫來代替。我沒有試,但是我見過。其實(shí)有的人也用Scroller可以實(shí)現(xiàn)這個效果,

// 我沒時間研究了,后期再擴(kuò)展,這個工作交給小伙伴你們啦~ 如果改進(jìn)了記得發(fā)到我郵箱噢~

// 本人郵箱: xxzhaofeng5412@gmail.com

mProgressBar.setVisibility(View.VISIBLE);

mArrowImageView.clearAnimation();

mArrowImageView.setVisibility(View.GONE);

// 正在刷新...

mTipsTextView.setText(R.string.p2refresh_doing_head_refresh);

mLastUpdatedTextView.setVisibility(View.VISIBLE);

break;

case DONE:

mHeadView.setPadding(0, -1 * mHeadViewHeight+(-1), 0, 0);

// 此處可以改進(jìn),同上所述。

mProgressBar.setVisibility(View.GONE);

mArrowImageView.clearAnimation();

mArrowImageView.setImageResource(R.drawable.refresh_arrow);

// 下拉刷新

mTipsTextView.setText(R.string.p2refresh_pull_to_refresh);

mLastUpdatedTextView.setVisibility(View.VISIBLE);

break;

}

}

/**

* 下拉刷新監(jiān)聽接口

*

*/

public interface OnRefreshListener {

public void onRefresh();

}

/**

* 加載更多監(jiān)聽接口

*

*/

public interface OnLoadMoreListener {

public void onLoadMore();

}

public void setOnRefreshListener(OnRefreshListener pRefreshListener) {

if(pRefreshListener != null){

mRefreshListener = pRefreshListener;

mCanRefresh = true;

}

}

public void setOnLoadListener(OnLoadMoreListener pLoadMoreListener) {

if(pLoadMoreListener != null){

mLoadMoreListener = pLoadMoreListener;

mCanLoadMore = true;

if(mCanLoadMore && getFooterViewsCount() == 0){

addFooterView();

}

}

}

/**

* 正在下拉刷新

*

*/

private void onRefresh() {

if (mRefreshListener != null) {

mRefreshListener.onRefresh();

}

}

/**

* 下拉刷新完成

*

*/

public void onRefreshComplete() {

// 下拉刷新后是否顯示第一條Item

//if(mIsMoveToFirstItemAfterRefresh)setSelection(0);

mHeadState = DONE;

// 最近更新: Time

mLastUpdatedTextView.setText(

getResources().getString(R.string.p2refresh_refresh_lasttime) +

new SimpleDateFormat(DATE_FORMAT_STR, Locale.CHINA).format(new Date()));

changeHeaderViewByState();

}

/**

* 正在加載更多,F(xiàn)ootView顯示 : 加載中...

*

*/

private void onLoadMore() {

if (mLoadMoreListener != null) {

// 加載中...

mEndLoadTipsTextView.setText(R.string.p2refresh_doing_end_refresh);

mEndLoadTipsTextView.setVisibility(View.VISIBLE);

mEndLoadProgressBar.setVisibility(View.VISIBLE);

mLoadMoreListener.onLoadMore();

}

}

/**

* 加載更多完成

*

*/

public void onLoadMoreComplete() {

if(mIsAutoLoadMore){

mEndState = ENDINT_AUTO_LOAD_DONE;

}else{

mEndState = ENDINT_MANUAL_LOAD_DONE;

}

changeEndViewByState();

}

/**

* 主要更新一下刷新時間啦!

* @param adapter

*

*/

public void setAdapter(BaseAdapter adapter) {

// 最近更新: Time

mLastUpdatedTextView.setText(

getResources().getString(R.string.p2refresh_refresh_lasttime) +

new SimpleDateFormat(DATE_FORMAT_STR, Locale.CHINA).format(new Date()));

super.setAdapter(adapter);

}

public void setCanLoadMore(boolean pCanLoadMore) {

mCanLoadMore = pCanLoadMore;

if(mCanLoadMore && getFooterViewsCount() == 0){

addFooterView();

}

}

public void setCanRefresh(boolean pCanRefresh) {

mCanRefresh = pCanRefresh;

}

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容