头部下拉/底部上拉 自动刷新、自定义ListView组件

最新推荐文章于 2021-05-27 11:11:44 发布
最新推荐文章于 2021-05-27 11:11:44 发布
阅读量1.2k 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenxiruanhai/article/details/19330409
版权


AutoRefreshListView 


public class AutoRefreshListView extends ListView implements OnScrollListener {

	private static final String TAG = "AutoRefreshListView";

	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 UP_To_REFRESH = 5;//当拖动到最底部时载向上拖动 自动刷新
	boolean isboottom=false;
	int scrolledItemCount ;//已经滚动了多少项
	int visibleItemCount;//当前可见项
	int totalItemCount;//总共有多少项

	// 实际的padding的距离与界面上偏移距离的比例
	private final static int RATIO = 3;

	private LayoutInflater inflater;

	private LinearLayout headView;

	private TextView tipsTextview;
	private TextView lastUpdatedTextView;
	private ImageView arrowImageView;
	private ProgressBar progressBar;
	private ProgressBar footerProgressBar;
	LinearLayout footer;
	Button footerBtn;//footer

	private RotateAnimation animation;
	private RotateAnimation reverseAnimation;

	// 用于保证startY的值在一个完整的touch事件中只被记录一次
	private boolean isRecored;

	private int headContentWidth;
	private int headContentHeight;

	private int startY;//下拉刷新起始记录
	private int startYY;//上拉刷新起始记录
	private int firstItemIndex;

	private int state;

	private boolean isBack;

	private OnRefreshListener refreshListener;
	private OnUpRefreshListener upRefreshListener;

	private boolean isRefreshable;//是否可以下拉刷新
	private boolean isUpRefreshable;//拖动到最后 再向上拖动，是否可以上拉刷新

	public AutoRefreshListView(Context context) {
		super(context);
		init(context);
	}

	public AutoRefreshListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}

	private void init(Context context) {
		setCacheColorHint(context.getResources().getColor(R.color.transparent));
		inflater = LayoutInflater.from(context);
		footer=(LinearLayout) inflater.inflate(R.layout.footer, null);
		footerBtn = (Button) footer.findViewById(R.id.footerBtn);
		footerBtn.setText("向上拖动加载更多...");
		footer.setBackgroundColor(Color.TRANSPARENT);
		footerProgressBar = (ProgressBar) footer.findViewById(R.id.footer_progressBar);
		
		headView = (LinearLayout) inflater.inflate(R.layout.head, null);
		
		arrowImageView = (ImageView) headView
				.findViewById(R.id.head_arrowImageView);
		arrowImageView.setMinimumWidth(70);
		arrowImageView.setMinimumHeight(50);
		progressBar = (ProgressBar) headView
				.findViewById(R.id.head_progressBar);
		tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);
		lastUpdatedTextView = (TextView) headView
				.findViewById(R.id.head_lastUpdatedTextView);

		measureView(headView);
		headContentHeight = headView.getMeasuredHeight();
		headContentWidth = headView.getMeasuredWidth();

		headView.setPadding(0, -1 * headContentHeight, 0, 0);
		headView.invalidate();

		Log.v("size", "width:" + headContentWidth + " height:"
				+ headContentHeight);

		addHeaderView(headView, null, false);
		
//		addFooterView(footer);
		setOnScrollListener(this);

		animation = new RotateAnimation(0, -180,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f);
		animation.setInterpolator(new LinearInterpolator());
		animation.setDuration(250);
		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(200);
		reverseAnimation.setFillAfter(true);

		state = DONE;
		isRefreshable = false;
		isUpRefreshable = false;
	}

	public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
		firstItemIndex = firstVisibleItem;
		if(isUpRefreshable){
			if(visibleItemCount!=totalItemCount){
				if (getFooterViewsCount()>0) {
					
				}else{
					addFooterView(footer);
				}
			}else{
				if (getFooterViewsCount()>0) {
					removeFooterView(footer);
				}
				
			}
			this.visibleItemCount = visibleItemCount;
			this.totalItemCount = totalItemCount;
			scrolledItemCount = firstVisibleItem+visibleItemCount;
		}
//		Log.d("T", "firstVisibleItem+visibleItemCount="+(firstVisibleItem+visibleItemCount));
//		Log.d("T", "totalItemCount="+totalItemCount);
//		if(scrolledItemCount==totalItemCount && visibleItemCount<totalItemCount ){
//			gets
//			Log.d("T", "开始刷新");
//		}
	}

	public void onScrollStateChanged(AbsListView arg0, int arg1) {
	}

	public boolean onTouchEvent(MotionEvent event) {
		if(isUpRefreshable){
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:{
				startYY = (int) event.getY();
				}break;
			case MotionEvent.ACTION_MOVE:{
				int endY = (int) event.getY();
				if (scrolledItemCount<totalItemCount) {
					startYY = 0;
					isboottom=false;
				}else{
					if (!isboottom) {
						isboottom=true;
						startYY = (int) event.getY();
					}
				}
				if(scrolledItemCount==totalItemCount && visibleItemCount<totalItemCount ){//到最后一个位置，且总共达项目大于一页
					if((endY-startYY)<-75){//上拉
						Log.d("T", "开始上拉刷新");
						int paddingbottom=startY-endY;
						if (paddingbottom>10) {
							paddingbottom=10;
						}
					this.setPadding(0, 0, 0,paddingbottom);
						footerBtn.setText("松开后开始刷新...");
					}
				}
				}break;

			case MotionEvent.ACTION_UP:{
				int endY = (int) event.getY();
				if(scrolledItemCount==totalItemCount && visibleItemCount<totalItemCount ){//到最后一个位置，且总共达项目大于一页
					if((endY-startYY)<-75){//上拉
						Log.d("T", "开始上拉刷新");
						this.setPadding(0, 0, 0,0);
						footerBtn.setText("正在刷新，请稍后...");
						footerProgressBar.setVisibility(View.VISIBLE);
						onUpRefresh();
					}else{
						footerProgressBar.setVisibility(View.GONE);
						footerBtn.setText("向上拖动加载更多...");
					}
						
				}
				}break;
			default:
				break;
			}
			
		}
		
		if (isRefreshable) {
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				if (firstItemIndex == 0 && !isRecored) {
					isRecored = true;
					startY = (int) event.getY();
					Log.v(TAG, "在down时候记录当前位置‘");
				}
				break;

			case MotionEvent.ACTION_UP:

				if (state != REFRESHING && state != LOADING) {
					if (state == DONE) {
						// 什么都不做
					}
					if (state == PULL_To_REFRESH) {
						state = DONE;
						changeHeaderViewByState();

						Log.v(TAG, "由下拉刷新状态，到done状态");
					}
					if (state == RELEASE_To_REFRESH) {
						state = REFRESHING;
						changeHeaderViewByState();
						onRefresh();

						Log.v(TAG, "由松开刷新状态，到done状态");
					}
				}

				isRecored = false;
				isBack = false;

				break;

			case MotionEvent.ACTION_MOVE:
				int tempY = (int) event.getY();

				if (!isRecored && firstItemIndex == 0) {
					Log.v(TAG, "在move时候记录下位置");
					isRecored = true;
					startY = tempY;
				}

				if (state != REFRESHING && isRecored && state != LOADING) {

					// 保证在设置padding的过程中，当前的位置一直是在head，否则如果当列表超出屏幕的话，当在上推的时候，列表会同时进行滚动

					// 可以松手去刷新了
					if (state == RELEASE_To_REFRESH) {

						setSelection(0);

						// 往上推了，推到了屏幕足够掩盖head的程度，但是还没有推到全部掩盖的地步
						if (((tempY - startY) / RATIO < headContentHeight)
								&& (tempY - startY) > 0) {
							state = PULL_To_REFRESH;
							changeHeaderViewByState();
							Log.v(TAG, "由松开刷新状态转变到下拉刷新状态");
						}
						// 一下子推到顶了
						else if (tempY - startY <= 0) {
							state = DONE;
							changeHeaderViewByState();

							Log.v(TAG, "由松开刷新状态转变到done状态");
						}
						// 往下拉了，或者还没有上推到屏幕顶部掩盖head的地步
						else {
							// 不用进行特别的操作，只用更新paddingTop的值就行了
						}
					}
					// 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态
					if (state == PULL_To_REFRESH) {

						setSelection(0);

						// 下拉到可以进入RELEASE_TO_REFRESH的状态
						if ((tempY - startY) / RATIO >= headContentHeight) {
							state = RELEASE_To_REFRESH;
							isBack = true;
							changeHeaderViewByState();

							Log.v(TAG, "由done或者下拉刷新状态转变到松开刷新");
						}
						// 上推到顶了
						else if (tempY - startY <= 0) {
							state = DONE;
							changeHeaderViewByState();

							Log.v(TAG, "由DOne或者下拉刷新状态转变到done状态");
						}
					}

					// done状态下
					if (state == DONE) {
						if (tempY - startY > 0) {
							state = PULL_To_REFRESH;
							changeHeaderViewByState();
						}
					}

					// 更新headView的size
					if (state == PULL_To_REFRESH) {
						headView.setPadding(0, -1 * headContentHeight
								+ (tempY - startY) / RATIO, 0, 0);

					}

					// 更新headView的paddingTop
					if (state == RELEASE_To_REFRESH) {
						headView.setPadding(0, (tempY - startY) / RATIO
								- headContentHeight, 0, 0);
					}

				}

				break;
			}
		}

		return super.onTouchEvent(event);
	}

	// 当状态改变时候，调用该方法，以更新界面
	private void changeHeaderViewByState() {
		switch (state) {
		case RELEASE_To_REFRESH:
			arrowImageView.setVisibility(View.VISIBLE);
			progressBar.setVisibility(View.GONE);
			tipsTextview.setVisibility(View.VISIBLE);
			lastUpdatedTextView.setVisibility(View.VISIBLE);

			arrowImageView.clearAnimation();
			arrowImageView.startAnimation(animation);

			tipsTextview.setText("松开刷新");

			Log.v(TAG, "当前状态，松开刷新");
			break;
		case PULL_To_REFRESH:
			progressBar.setVisibility(View.GONE);
			tipsTextview.setVisibility(View.VISIBLE);
			lastUpdatedTextView.setVisibility(View.VISIBLE);
			arrowImageView.clearAnimation();
			arrowImageView.setVisibility(View.VISIBLE);
			// 是由RELEASE_To_REFRESH状态转变来的
			if (isBack) {
				isBack = false;
				arrowImageView.clearAnimation();
				arrowImageView.startAnimation(reverseAnimation);

				tipsTextview.setText("下拉刷新");
			} else {
				tipsTextview.setText("下拉刷新");
			}
			Log.v(TAG, "当前状态，下拉刷新");
			break;

		case REFRESHING:

			headView.setPadding(0, 0, 0, 0);

			progressBar.setVisibility(View.VISIBLE);
			arrowImageView.clearAnimation();
			arrowImageView.setVisibility(View.GONE);
			tipsTextview.setText("正在刷新...");
			lastUpdatedTextView.setVisibility(View.VISIBLE);

			Log.v(TAG, "当前状态,正在刷新...");
			break;
		case DONE:
			headView.setPadding(0, -1 * headContentHeight, 0, 0);

			progressBar.setVisibility(View.GONE);
			arrowImageView.clearAnimation();
			arrowImageView.setImageResource(R.drawable.arrow);
			tipsTextview.setText("下拉刷新");
			lastUpdatedTextView.setVisibility(View.VISIBLE);

			Log.v(TAG, "当前状态，done");
			break;
		}
	}

	public void setOnRefreshListener(OnRefreshListener refreshListener) {
		this.refreshListener = refreshListener;
		isRefreshable = true;
	}
	public void setOnUpRefreshListener(OnUpRefreshListener upRefreshListener) {
		this.upRefreshListener = upRefreshListener;
		isUpRefreshable = true;
	}

	//下拉刷新回调接口
	public interface OnRefreshListener {
		public void onRefresh();
	}

	//拖动到最后再上刷新回调接口
	public  interface OnUpRefreshListener {
			public void onUpRefresh();
		}
	//刷新完成后，调用此方法更新UI
	public void onRefreshComplete() {
		state = DONE;
		lastUpdatedTextView.setText("最近更新:" + new Date().toLocaleString());
		changeHeaderViewByState();
	}
	//上拉动刷新完成后，调用此方法更新UI
	public void onUpRefreshComplete() {
		footerProgressBar.setVisibility(View.GONE);
		footerBtn.setText("向上拖动加载更多...");
	}

	private void onRefresh() {
		if (refreshListener != null) {
			refreshListener.onRefresh();
		}
	}
	private void onUpRefresh() {
		if (upRefreshListener != null) {
			upRefreshListener.onUpRefresh();
		}
	}

	// 此方法直接照搬自网络上的一个下拉刷新的demo，此处是“估计”headView的width以及height
	private void measureView(View child) {
		ViewGroup.LayoutParams p = child.getLayoutParams();
		if (p == null) {
			p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_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 void setAdapter(BaseAdapter adapter) {
		lastUpdatedTextView.setText("最近更新:" + new Date().toLocaleString());
		super.setAdapter(adapter);
	}

}






晨曦软海
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Android 顶部可以伸缩+头部固定+listview下拉刷新、上拉请求更多
04-24
Android 顶部可以伸缩+头部固定+listview下拉刷新、上拉请求更多
自动刷新的listview
sinat_40387150的博客
07-26 399
1.activity package com.example.refreshlistview; import java.util.ArrayList; import com.example.refreshlistview.view.refreshListView; import com.example.refreshlistview.view.refreshListView.isRefre...
android中listview下拉刷新,上拉载入更多示例,Android中Listview下拉刷新和上拉加载更多的多种实现方案...
weixin_34748612的博客
05-27 570
listview经常结合下来刷新和上拉加载更多使用，本文总结了三种常用到的方案分别作出说明。方案一：添加头布局和脚布局android系统为listview提供了addfootview和addheadview两个API。这样可以直接自定义一个View，以添加视图的形式实现下来刷新和上拉加载。实现步骤1、创建一个类继承ListView：class PullToRefreshListView exten...
拓展自定义下拉缩放header的组件PullZoomView，增加对listView的下拉刷新和上拉更多
08-10
本组件来源于Github开源框架：PullZoomView 我只是在该控件之上对ListView拓展了下拉刷新和上拉更多的功能呢；
Android 仿微博固定头部带下拉刷新的ListView
10-18
滑动ListView可以固定头部，另外带下拉刷新
Android自定义listview布局实现上拉加载下拉刷新功能
08-31
主要介绍了Android自定义listview布局实现上拉加载下拉刷新功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Android ListView下拉刷新上拉自动加载更多DEMO示例
09-02
主要介绍了Android ListView下拉刷新上拉自动加载更多DEMO示例的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
自定义listView下拉刷新上拉加载更多
10-27
自定义listview下拉刷新与上拉加载更多方法，其中MyPulltoRefresh只包含下拉加载更多，MyPulltoRefresh22种都包含，选择需要的引入xml文件哦
下拉刷新/上拉加载的ListView
08-30
简单封装了一个下拉刷新和上拉加载的ListView，你是否也想有个私人订制的ListView呢？欢迎评论哦！
Android 自定义ListView实现底部分页刷新与顶部下拉刷新
11-11
Android 自定义ListView实现底部分页刷新与顶部下拉刷新 一.ListView 底部分页加载 整个底部分页加载，主要分一下几步： 1.加载底部自定义View; 2.响应OnScrollListener监听事件，onScroll方法记录最后可见的View Item以及整个totalItemCount。当onScrollStateChanged状态改变时， 当滑动到底端，并滑动状态为 SCROLL_STATE_IDLE,显示底部加载View,开始实现自定义加载接口; 3.当数据加载完成时，隐藏底部下拉View.
android的listview头部可以滑动固定
05-22
Pinnedheaderlistview参考github上的资源https://github.com/JimiSmith/PinnedHeaderListView
自定义控件RefreshListView
kissfan_7的博客
07-20 359
RefreshListView下拉刷新1.RefreshListView继承ListView2.在构造方法初始化头控件和相应的动画3.在onTouchEvent中判断逻辑： 1.判断滑动方向 2.处理滑动各个状态相应的控件属性和动画 4.回调接口： 1.在正在刷新的状态时候判断接口是否为空 2.回调接口方法，刷新状态 5.刷新结束，更新刷新时间： 1.方法设置传入contex
自定义View之头部可伸缩的ListView
易水南风的专栏
05-14 900
最近看了动脑一些视频资料，讲的是通过自定义View实现一个头部可伸缩的ListView，觉得实现不难，而且思路挺有启发性的，于是就根据资料自己写了相关代码实现了一个。因为添加gif失败，就添加图片吧。。这里的思路首先是给ListView添加一个Header，一般是一个渲染一个包含一张图片的布局的View，然后通过检测手指过度下拉的尺寸取改变Header的属性使得图片缩放。完成这一过程主要要解决这几个
PullToRefreshListView上拉和下拉+轮播图多条目+fragment嵌套fragment+二次采样+侧拉点击切换fragment+PullToRefreshGritView图片展示
guoxinyu1207的博客
11-18 1598
侧拉 代码 1提取的基类 1.1Activity的基类 package com.example.zonghelianxi02.ui.activity; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v7.app.AppCompatActivity; pu...
一个到顶部自动加载更多的ListView
sinat_33512626的博客
01-11 300
一个可以到顶自动加载更多的ListView，实现该控件的目的是用于im聊天页面场景，一些第三方实现的下拉加载更多也可以实现类似功能，但是由于他们实现的功能普遍比较复杂，效率相对较低，所以自己实现了该控件。Github 地址： https://github.com/lorcanluo/TopAutoRefreshListView,如果你觉得有用， 麻烦star一下使用方法普通的使用方法和ListVie
ListView 、GridView的OnItemClickListener无响应解决办法总结
busyboy
02-13 4663
在开发过程中遇到了ListView 、GridView的OnItemClickListener的事件无响应情况 原因是因为 listview、GridView 的子元素中包含了Button或者ImageButton之类的元素，button的优先级高于listview 、GridView 所以不能监听item的点击事件,被 ItemView 拦截了点击事件。 解决办法：
Android DrawerLayout+ fragment 布局实现左右侧滑
busyboy
02-25 4149
技术要点：    android.support.v4.widget.DrawerLayout      打开抽屉： DrawerLayout .openDrawer(); 关闭抽屉：DrawerLayout.closeDrawer( ); 中间  左侧 右侧
Android网络请求缓存，本地数据缓存流程图
busyboy
04-01 2309
Android网络请求缓存，本地数据缓存流程图
XScrollView 自定义组件，使得被包含在其中的组件可以滑动，并且滑动后可以弹回到开始滑动的位置
busyboy
05-31 2029
XScrollView 自定义组件，使得被包含在其中的组件可以滑动，并且滑动后可以弹回到开始滑动的位置
android listview 上拉刷新，下拉加载
最新发布
05-16
实现上拉刷新、下拉加载的 ListView，可以使用第三方库，如 Google 推荐的 SwipeRefreshLayout，或者自己实现。 下面是自己实现的一种方法： 1. 在布局文件中加入 ListView 和 ProgressBar： ``` android:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值