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下拉刷新和加载更多

*

默认如果设置了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";

/**  实际的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反转动画  */

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;//足够数量充满屏幕?

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){

// 当可以下拉刷新时,如果FootView没有正在加载,并且HeadView没有正在刷新,才可以点击加载更多。

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

mEndState = ENDINT_LOADING;

onLoadMore();

}

}else if(mEndState != ENDINT_LOADING){

// 当不能下拉刷新时,FootView不正在加载时,才可以点击加载更多。

mEndState = ENDINT_LOADING;

onLoadMore();

}

}

}

});

addFooterView(mEndRootView);

if(mIsAutoLoadMore){

mEndState = ENDINT_AUTO_LOAD_DONE;

}else{

mEndState = ENDINT_MANUAL_LOAD_DONE;

}

}

/**

* 实例化下拉刷新的箭头的动画效果

* @param pAnimDuration 动画运行时长

*

*/

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,请读者自己测试验证。)

*

*/

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;

}

}

/**

*这个方法,可能有点乱,大家多读几遍就明白了。

*/

@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没有正在刷新时,FootView可以自动加载更多。

if(mHeadState != REFRESHING){

// FootView显示 : 更    多  ---> 加载中...

mEndState = ENDINT_LOADING;

onLoadMore();

changeEndViewByState();

}

}else{// 没有下拉刷新,我们直接进行加载更多。

// FootView显示 : 更    多  ---> 加载中...

mEndState = ENDINT_LOADING;

onLoadMore();

changeEndViewByState();

}

}else{// 不是自动加载更多,我们让FootView显示 “点击加载”

// FootView显示 : 点击加载  ---> 加载中...

mEndState = ENDINT_MANUAL_LOAD_DONE;

changeEndViewByState();

}

}

}

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

// 突然关闭加载更多功能之后,我们要移除FootView。

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

mEndRootView.setVisibility(View.GONE);

this.removeFooterView(mEndRootView);

}

}

/**

* 改变加载更多状态

* @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:// 手动刷新完成

// 点击加载

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;

}

}

}

/**

*原作者的,我没改动,请读者自行优化。

*/

public boolean onTouchEvent(MotionEvent event) {

if (mCanRefresh) {

if(mCanLoadMore && mEndState == ENDINT_LOADING){

// 如果存在加载更多功能,并且当前正在加载更多,默认不允许下拉刷新,必须加载完毕后才能使用。

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) {

// 保证在设置padding的过程中,当前的位置一直是在head,

// 否则如果当列表超出屏幕的话,当在上推的时候,列表会同时进行滚动

// 可以松手去刷新了

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的地步

}

// 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态

if (mHeadState == PULL_TO_REFRESH) {

setSelection(0);

// 下拉到可以进入RELEASE_TO_REFRESH的状态

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);

}

/**

* 当HeadView状态改变时候,调用该方法,以更新界面

*

*/

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状态转变来的

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);

// 华生的建议: 实际上这个的setPadding可以用动画来代替。我没有试,但是我见过。其实有的人也用Scroller可以实现这个效果,

// 我没时间研究了,后期再扩展,这个工作交给小伙伴你们啦~ 如果改进了记得发到我邮箱噢~

// 本人邮箱: 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);

// 此处可以改进,同上所述。

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;

}

}

/**

* 下拉刷新监听接口

*

*/

public interface OnRefreshListener {

public void onRefresh();

}

/**

* 加载更多监听接口

*

*/

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();

}

/**

* 正在加载更多,FootView显示 : 加载中...

*

*/

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;

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342