下拉刷新

最新推荐文章于 2024-09-07 09:47:05 发布
最新推荐文章于 2024-09-07 09:47:05 发布
阅读量231 收藏
点赞数
分类专栏： 自定义控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32799447/article/details/50844372
版权

下拉刷新

一：下拉刷新

          自定义控件：继承listview 在头部添加headerview 在底部添加footview

       原理：下拉刷新就是继承listview 在头部添加headerview  本质是先将头布局隐藏 随着用户的动作将头布局显示出来并且改变头布局的状态。

                 用户移动时：首先判断必须是向下拉并且显示的第一条数据的索引为0

                                       状态改变：当由下拉刷新状态改变为释放刷新状态  再变回下拉刷新状态

                 用户松开时：分两种情况：一种是在下拉刷新状态直接松开-------将头布局隐藏

                                                            一种是在释放刷新状态下松开----------将状态改变为正在刷新状态等

二：Android知识的学会标准

              一个过程：了解----熟悉----熟练-----掌握

             在我看来：应该是这样你顺着看书看的懂，学得会，你逆着不用看书查资料也会用=======表示你已经掌握这个知识了

                                                 

三：下拉刷新部分代码：

             

public class RefreshedListView extends ListView implements OnScrollListener {

	private View headerView;
	private int downY;
	private int headerViewHeight;
	
	private final int PULL_REFRESH=0;
	private final int RELEASE_REFRESH=1;
	private final int REFRESHING=2;
	
	private int headerViewCurrentState=PULL_REFRESH;
	private ImageView iv_picture;
	private ProgressBar pb;
	private TextView tv_title;
	private TextView tv_refreshtime;
	private int firstVisibleItemPosition;
	private RotateAnimation downAnimation;
	private RotateAnimation upAnimation;

	public RefreshedListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		initHeader();
		//设置滚动监听器
		this.setOnScrollListener(this);
	}

	private void initHeader() {
		//创建headerview
		headerView = View.inflate(getContext(), R.layout.headerlayout, null);
		//获取控件
		iv_picture = (ImageView) headerView.findViewById(R.id.iv_picture);
		pb = (ProgressBar) headerView.findViewById(R.id.pb_progressbar);
		tv_title = (TextView) headerView.findViewById(R.id.tv_title);
		tv_refreshtime = (TextView) headerView.findViewById(R.id.tv_refreshtime);
		//让框架帮我们去测量头布局的宽和高
		headerView.measure(0, 0);
		headerViewHeight = headerView.getMeasuredHeight();
		//设置位置
		headerView.setPadding(0, -headerViewHeight, 0, 0);
		this.addHeaderView(headerView);
		initAnimation();
	}
	/**
	 * 旋转动画
	 */
	private void initAnimation() {
		downAnimation = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f, 
				Animation.RELATIVE_TO_SELF, 0.5f);
		downAnimation.setDuration(500);
		downAnimation.setFillAfter(true);
		
		upAnimation = new RotateAnimation(-180, -360, Animation.RELATIVE_TO_SELF, 0.5f, 
				Animation.RELATIVE_TO_SELF, 0.5f);
		
		upAnimation.setDuration(500);
		upAnimation.setFillAfter(true);
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		// TODO Auto-generated method stub
		switch(ev.getAction()){
		case MotionEvent.ACTION_DOWN:
			//获取按下时y轴的值
			downY = (int) ev.getY();
			break;
		case MotionEvent.ACTION_MOVE:
			//获取移动时y轴的位置
			int moveY=(int) ev.getY();
			//判断移动的距离
			int diff=moveY-downY;
			//diff>0  确认是向下拉   firstVisibleItemPosition==0  确认第一个显示的是位置0
			if(diff>0&&firstVisibleItemPosition==0&&headerViewCurrentState!=REFRESHING){
				//获取移动后headerview的paddingtop
				int paddingtop=-headerViewHeight+diff;
				//判断现headerview的状态和headerview完全显示并要改变状态
				if(headerViewCurrentState==PULL_REFRESH&&paddingtop>0){
					//进入释放刷新状态
					headerViewCurrentState=RELEASE_REFRESH;
					//更新headerview
					refreshTopLayout();
				}else if(paddingtop<0&&headerViewCurrentState==RELEASE_REFRESH){
					//进入下拉刷新状态
					headerViewCurrentState=PULL_REFRESH;
					refreshTopLayout();
				}
				//移动时headerview显示
				headerView.setPadding(0, paddingtop, 0, 0);
				return true;
			}
			break;
		case MotionEvent.ACTION_UP:
			//松开时-----判断是那种状态下松开的
			if(headerViewCurrentState==PULL_REFRESH){
				//下拉刷新状态下松开--------将头布局隐藏
				headerView.setPadding(0, -headerViewHeight, 0, 0);
			}else if(headerViewCurrentState==RELEASE_REFRESH){
				//正在更新状态下------------
				headerViewCurrentState=REFRESHING;
				refreshTopLayout();
				headerView.setPadding(0, 0, 0, 0);
			}
			break;
		}
		return super.onTouchEvent(ev);
	}
	private void refreshTopLayout() {
		// TODO Auto-generated method stub
		switch(headerViewCurrentState){
		case PULL_REFRESH:
			//
			iv_picture.setAnimation(upAnimation);
			tv_title.setText("下拉刷新");
			break;
		case RELEASE_REFRESH:
			//转变成松开刷新状态下做的动作
			iv_picture.startAnimation(downAnimation);
			tv_title.setText("松开刷新");
			break;
		case REFRESHING:
			//转变成正在更新状态下做的动作
			iv_picture.setVisibility(View.INVISIBLE);
			iv_picture.clearAnimation();
			pb.setVisibility(View.VISIBLE);
			tv_title.setText("释放刷新");
			break;
		}
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		firstVisibleItemPosition = firstVisibleItem;
	}


四：全部代码：

public class RefreshedListView extends ListView implements OnScrollListener {

	private View headerView;
	private int downY;
	private int headerViewHeight;
	private OnRefreshListener listener;
	
	private final int PULL_REFRESH=0;
	private final int RELEASE_REFRESH=1;
	private final int REFRESHING=2;
	
	private int headerViewCurrentState=PULL_REFRESH;
	private ImageView iv_picture;
	private ProgressBar pb;
	private TextView tv_title;
	private TextView tv_refreshtime;
	private int firstVisibleItemPosition;
	private RotateAnimation downAnimation;
	private RotateAnimation upAnimation;
	private View footerView;
	private int footerViewHeight;
	private int lastVisibleItemPosition;
	private boolean isScrollBottom=false;
	private boolean isLoadMore=false;

	public RefreshedListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		initHeader();
		//设置滚动监听器
		this.setOnScrollListener(this);
		initFooter();
	}

	private void initFooter() {
		footerView = View.inflate(getContext(), R.layout.footlayout, null);
		footerView.measure(0, 0);
		footerViewHeight = footerView.getMeasuredHeight();
		footerView.setPadding(0, -footerViewHeight, 0, 0);
		this.addFooterView(footerView);
	}

	private void initHeader() {
		//创建headerview
		headerView = View.inflate(getContext(), R.layout.headerlayout, null);
		//获取控件
		iv_picture = (ImageView) headerView.findViewById(R.id.iv_picture);
		pb = (ProgressBar) headerView.findViewById(R.id.pb_progressbar);
		tv_title = (TextView) headerView.findViewById(R.id.tv_title);
		tv_refreshtime = (TextView) headerView.findViewById(R.id.tv_refreshtime);
		tv_refreshtime.setText(ChangeSimpleDateFormat());
		//让框架帮我们去测量头布局的宽和高
		headerView.measure(0, 0);
		headerViewHeight = headerView.getMeasuredHeight();
		//设置位置
		headerView.setPadding(0, -headerViewHeight, 0, 0);
		this.addHeaderView(headerView);
		initAnimation();
	}
	/**
	 * 旋转动画
	 */
	private void initAnimation() {
		downAnimation = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f, 
				Animation.RELATIVE_TO_SELF, 0.5f);
		downAnimation.setDuration(500);
		downAnimation.setFillAfter(true);
		
		upAnimation = new RotateAnimation(-180, -360, Animation.RELATIVE_TO_SELF, 0.5f, 
				Animation.RELATIVE_TO_SELF, 0.5f);
		
		upAnimation.setDuration(500);
		upAnimation.setFillAfter(true);
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		// TODO Auto-generated method stub
		switch(ev.getAction()){
		case MotionEvent.ACTION_DOWN:
			//获取按下时y轴的值
			downY = (int) ev.getY();
			break;
		case MotionEvent.ACTION_MOVE:
			//获取移动时y轴的位置
			int moveY=(int) ev.getY();
			//判断移动的距离
			int diff=moveY-downY;
			//diff>0  确认是向下拉   firstVisibleItemPosition==0  确认第一个显示的是位置0
			if(diff>0&&firstVisibleItemPosition==0&&headerViewCurrentState!=REFRESHING){
				//获取移动后headerview的paddingtop
				int paddingtop=-headerViewHeight+diff;
				//判断现headerview的状态和headerview完全显示并要改变状态
				if(headerViewCurrentState==PULL_REFRESH&&paddingtop>0){
					//进入释放刷新状态
					headerViewCurrentState=RELEASE_REFRESH;
					//更新headerview
					refreshTopLayout();
				}else if(paddingtop<0&&headerViewCurrentState==RELEASE_REFRESH){
					//进入下拉刷新状态
					headerViewCurrentState=PULL_REFRESH;
					refreshTopLayout();
				}
				//移动时headerview显示
				headerView.setPadding(0, paddingtop, 0, 0);
				return true;
			}
			break;
		case MotionEvent.ACTION_UP:
			//松开时-----判断是那种状态下松开的
			if(headerViewCurrentState==PULL_REFRESH){
				//下拉刷新状态下松开--------将头布局隐藏
				headerView.setPadding(0, -headerViewHeight, 0, 0);
			}else if(headerViewCurrentState==RELEASE_REFRESH){
				//正在更新状态下------------
				headerViewCurrentState=REFRESHING;
				refreshTopLayout();
				headerView.setPadding(0, 0, 0, 0);
				
				if(listener!=null){
					listener.onDownPullRefresh();
				}
			}
			break;
		}
		return super.onTouchEvent(ev);
	}
	private void refreshTopLayout() {
		// TODO Auto-generated method stub
		switch(headerViewCurrentState){
		case PULL_REFRESH:
			//
			iv_picture.setAnimation(upAnimation);
			tv_title.setText("下拉刷新");
			break;
		case RELEASE_REFRESH:
			//转变成松开刷新状态下做的动作
			iv_picture.startAnimation(downAnimation);
			tv_title.setText("释放刷新");
			break;
		case REFRESHING:
			//转变成正在更新状态下做的动作
			iv_picture.setVisibility(View.INVISIBLE);
			iv_picture.clearAnimation();
			pb.setVisibility(View.VISIBLE);
			tv_title.setText("正在刷新");
			break;
		}
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		// TODO Auto-generated method stub
		if(scrollState==SCROLL_STATE_IDLE||scrollState==SCROLL_STATE_FLING){
			if(isScrollBottom&&!isLoadMore){
				isLoadMore = true;
				footerView.setPadding(0, 0, 0, 0);
				setSelection(getCount());
				
				if(listener!=null){
					listener.onLoadMore();
				}
			}
		}
	}

	
	public void hideFooterView(){
		footerView.setPadding(0, -footerViewHeight, 0, 0);
		isLoadMore=false;
	}
	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		firstVisibleItemPosition = firstVisibleItem;
		
		lastVisibleItemPosition = getLastVisiblePosition();
		if(lastVisibleItemPosition==getCount()-1){
			isScrollBottom = true;
		}else
		{
			isScrollBottom=false;
		}
	}
	
	public void setOnRefreshListener(OnRefreshListener listener){
		this.listener=listener;
	}
	
	
	public void hideheaderView(){
		this.setPadding(0, -headerViewHeight, 0, 0);
		headerViewCurrentState=PULL_REFRESH;
		iv_picture.setVisibility(View.VISIBLE);
		pb.setVisibility(View.INVISIBLE);
		tv_title.setText("下拉刷新");
		tv_refreshtime.setText(ChangeSimpleDateFormat());
	}
	public String ChangeSimpleDateFormat(){
		SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		return sdf.format(new Date());
	}


 

GalenFeng
关注
专栏目录
页面下拉刷新
04-10
页面下拉刷新，实现下拉更新当前页面功能，页面动态更新。
实现android常见的下拉刷新功能
Zhenli312的专栏
11-13 794
先附上效果图 这主要的界面写了一个scrollview，布局如下，ElasticScrollView就是主要实现的功能类 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_h
Android下拉刷新功能实战指南
最新发布
weixin_42514750的博客
09-07 2254
本文还有配套的精品资源，点击获取 简介：在Android应用开发中，下拉刷新功能为用户提供了一个直观的界面交互来获取最新数据。本文详细介绍了下拉刷新的原理、两种常用的实现方式（包括官方的SwipeRefreshLayout和自定义的ScrollerView），以及它们的使用方法、优化和注意事项，帮助开发者在实际开发中提供更好的用户体验。 1. 下拉刷新机制简介 ...
有趣的下拉刷新
u011127787的专栏
07-02 680
5月22日，Twitter正式宣布获得了下拉刷新的技术专利，这项专利是在一年前提出的，虽然公司一再说明此项专利只用于保护自己，不会用来发起诉讼，但无疑这还是对行业来说是一个威胁。 下拉刷新这个操作最早由Tweetie创始人洛伦•布里切特(Loren Brichter)发明，到现在已经非常广泛地在各种应用中使用，Sparrow、Facebook、新浪微博、甚至是iOS原生系统也
鸿蒙api11 下拉刷新和加载更多demo
02-29
在鸿蒙OS开发中，API 11引入了许多新特性，其中包括对下拉刷新和加载更多的支持。这对于构建用户友好的界面至关重要，因为这样的交互模式让用户可以轻松地获取新的数据或更新现有内容。本示例"鸿蒙api11 下拉刷新和...
vue移动端实现下拉刷新
08-27
在Vue移动端应用中，实现下拉刷新功能是一个常见的需求，特别是在构建可滚动列表或内容区域时。本篇文章将深入探讨如何使用Vue实现这一功能，并通过实际的代码示例帮助你理解其工作原理。 首先，我们需要了解移动端...
Android实现简单的下拉刷新pulltorefresh
01-20
【Android实现简单的下拉刷新】 在Android应用开发中，下拉刷新（Pull-to-Refresh）功能是一项常见的需求，它允许用户通过下拉列表视图来刷新数据。本篇文章将介绍如何实现一个自定义的简单下拉刷新功能，避免网上...
微信小程序scroll-view下拉刷新(附带下拉刷新效果)
11-19
在本教程中，我们将探讨如何在`scroll-view`中实现下拉刷新（Pull-to-Refresh）功能，同时提供一个具体的效果展示。 首先，`scroll-view`是微信小程序提供的一个可滚动视图容器，它支持水平滚动和垂直滚动。通过...
微信小程序实现下拉刷新动画
10-16
在微信小程序中，实现下拉刷新动画涉及到对小程序的基础组件、事件监听以及动画API的深入理解。本文将详细解析如何利用微信小程序的动画机制来创建一个动态效果的下拉刷新功能。 首先，我们需要了解微信小程序的...
下拉刷新.zip
06-25
可以实现web前端的上下拉刷新数据，比分页强多了，还有很多类，可以参考学习
下拉刷新实现
xingzhong128的博客
10-22 1156
下拉刷新在Android应用开发中是一种很常见的交互方式，在实际开发中都会引用第三方的下拉刷新库来实现，第三方库通常都经过多个应用程序集成测试，有着相对较高的稳定性和可靠性，里面的代码逻辑也相对比较庞杂，对新手相对不太友好，学习起来比较费时费力，本节就通过前面学习的Android视图基本原理来实现自定义的下拉刷新库。 补白和边距 补白(Padding)指的是视图内部的内容与视图边界之间的距离，通常...
Android中实现下拉刷新
aaxd0402的博客
04-07 138
需求：项目中的消息列表界面要求实现类似sina微博的下拉刷新； 思路：一般的消息列表为ListView类型，将list加载到adapter中，再将adapter加载到 ListView中，从而实现消息列表的展示。而下拉刷新要求给消息列表加一个头部，其中有图片（向上/向下箭头）和提示字样（下拉刷新/松开刷新），从 而我们需要做的事情：1.需要做一个head.xm来实现头部的样式定义；2....
下拉刷新html
ZhaoJingCong4880的博客
11-16 1457
ionic         angular         $http--服务         ng-    指令         表达式  {{}}                 刷新案例         ul--         数据         --> 下拉刷新             下拉刷新             ion-re
自定义下拉刷新：PullableListView实现
"Android实现简单的下拉刷新pulltorefresh技术" 在Android开发中，下拉刷新（Pull-to-Refresh）是一种常见的用户交互设计，它允许用户通过在列表顶部向下拉动来更新数据。本资源主要讲解如何在Android应用中实现一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GalenFeng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值