RecyclerView上拉加载更多功能回弹实现

最新推荐文章于 2024-03-28 10:36:14 发布
最新推荐文章于 2024-03-28 10:36:14 发布
阅读量5.9k 收藏 3
点赞数
分类专栏： android 文章标签： android RecyclerView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s13488941815/article/details/55049291
版权

部分代码参考http://blog.csdn.net/dalancon/article/details/46125667


实现原理是使用RecyclerView的OnTouchListener方法监听滑动 在adapter里面增加两项footview 其中date.size为显示的加载条，可以自定义，date.size+1为空白的View，我们设置其高度为0 我们通过LinearLayoutManager的 findLastVisibleItemPosition判断显示的最后一条数据，如果是空白view，表示加载条已经完全展示，松开即可刷新。

回弹效果是通过在滑动时动态改变空白view的高度，达到阻尼效果 ，回弹时再动态将其改为0，达到回弹效果，通过loading防止加载过程中滑动导致显示问题 这里的回调采用了Runnable传参

public class RefreshFootAdapter extends
		RecyclerView.Adapter<RecyclerView.ViewHolder> {
	// 上拉加载更多
	public static final int SATUS_PULLUP_LOAD_MORE = 0;
	// 正在加载中
	public static final int SATUS_LOADING_MORE = 1;
	public static final int SATUS_UP_LOADING_MORE = 2;
	// 上拉加载更多状态-默认为0
	private int load_more_status = 0;
	private LayoutInflater mInflater;
	private List<String> mTitles = null;
	private static final int TYPE_ITEM = 0; // 普通Item View
	private static final int TYPE_FOOTER = 1; // 底部FootView
	private static final int TYPE_FOOTER_EMPTY = 2; // 底部空白View
	private static int pagesize;
	private int eview_height = 1;
	private long TimeFlag;// 回弹时间
	private RecyclerView parent;
	private boolean loadmare;// 判断当前是可加载更多
	private boolean loading;// 判断是否正在加载
	private int startY, nowY;// 滑动判断
	//构造函数 处理滑动监听 更新等功能
	public RefreshFootAdapter(Context context, RecyclerView parent,
			final LinearLayoutManager linearLayoutManager, int pagesize,
			final Runnable onloadmore) {
		this.parent = parent;
		this.mInflater = LayoutInflater.from(context);
		this.mTitles = new ArrayList<String>();
		for (int i = 0; i < 20; i++) {
			int index = i + 1;
			mTitles.add("item" + index);
		}
		this.pagesize = pagesize;
		parent.setOnTouchListener(new OnTouchListener() {

			@Override
			public boolean onTouch(View v, MotionEvent ev) {
				// TODO Auto-generated method stub

				switch (ev.getAction()) {

				case MotionEvent.ACTION_MOVE:

					nowY = (int) ev.getY();

					if (RefreshFootAdapter.this.getItemCount() == linearLayoutManager
							.findLastVisibleItemPosition() + 1) {
						if (startY == 0) {// 按下
							startY = nowY;
						}
						int changeY = nowY - startY;
						RefreshFootAdapter.this
								.notifyEmptyView((int) (-changeY / 1.3f));

						if (loading) {
							return false;
						}
						RefreshFootAdapter.this
								.changeMoreStatus(RefreshFootAdapter.this.SATUS_UP_LOADING_MORE);

						loadmare = true;
					} else {
						loadmare = false;
						if (loading) {
							return false;
						}
						RefreshFootAdapter.this
								.changeMoreStatus(RefreshFootAdapter.this.SATUS_PULLUP_LOAD_MORE);
						// 普通的滑动
						startY = 0;
					}

					break;
				case MotionEvent.ACTION_UP:
					RefreshFootAdapter.this.resetEmptyView();
					if (loadmare) {
						if (loading) {
							return false;
						} else {
							RefreshFootAdapter.this
									.changeMoreStatus(RefreshFootAdapter.this.SATUS_LOADING_MORE);
							if (onloadmore != null && !loading) {
								loading = true;
								onloadmore.run();
							}
						}
					}
					startY = 0;
					break;
				default:

					break;
				}
				return false;
			}
		});
	}

	/**
	 * item显示类型
	 * 
	 * @param parent
	 * @param viewType
	 * @return
	 */
	public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent,
			int viewType) {
		// 进行判断显示类型，来创建返回不同的View
		if (viewType == TYPE_ITEM) {
			View view = mInflater.inflate(R.layout.item_recycler_layout,
					parent, false);
			// 这边可以做一些属性设置，甚至事件监听绑定
			// view.setBackgroundColor(Color.RED);
			ItemViewHolder itemViewHolder = new ItemViewHolder(view);
			return itemViewHolder;
		} else if (viewType == TYPE_FOOTER) {
			View foot_view = mInflater.inflate(
					R.layout.recycler_load_more_layout, parent, false);
			// 这边可以做一些属性设置，甚至事件监听绑定
			// view.setBackgroundColor(Color.RED);
			FootViewHolder footViewHolder = new FootViewHolder(foot_view);
			return footViewHolder;
		} else if (viewType == TYPE_FOOTER_EMPTY) {
			View foot_view_empty = mInflater.inflate(
					R.layout.recycler_load_more_layout_empty, parent, false);
			// 这边可以做一些属性设置，甚至事件监听绑定
			// view.setBackgroundColor(Color.RED);
			FootEmptyHolder footEmptyViewHolder = new FootEmptyHolder(
					foot_view_empty);
			return footEmptyViewHolder;
		}
		return null;
	}

	/**
	 * 数据的绑定显示
	 * 
	 * @param holder
	 * @param position
	 */
	public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
		if (holder instanceof ItemViewHolder) {
			((ItemViewHolder) holder).item_tv.setText(mTitles.get(position));
			holder.itemView.setTag(position);
		} else if (holder instanceof FootViewHolder) {
			FootViewHolder footViewHolder = (FootViewHolder) holder;
			switch (load_more_status) {
			case SATUS_PULLUP_LOAD_MORE:
				footViewHolder.foot_view_item_tv.setText("上拉加载更多...");
				break;
			case SATUS_LOADING_MORE:
				footViewHolder.foot_view_item_tv.setText("正在加载更多数据...");
				break;
			case SATUS_UP_LOADING_MORE:
				footViewHolder.foot_view_item_tv.setText("松开加载更多数据...");
				break;
			}
		} else if (holder instanceof FootEmptyHolder) {
			FootEmptyHolder footViewHolder = (FootEmptyHolder) holder;
			footViewHolder.empty.setLayoutParams(new ViewGroup.LayoutParams(
					111, eview_height));

		}
	}

	/**
	 * 进行判断是普通Item视图还是FootView视图
	 * 
	 * @param position
	 * @return
	 */
	@Override
	public int getItemViewType(int position) {
		// 最后一个item设置为footerView
		if (position + 1 == getItemCount()) {
			return TYPE_FOOTER_EMPTY;
		} else if (position + 2 == getItemCount()) {
			return TYPE_FOOTER;
		} else {
			return TYPE_ITEM;
		}
	}
	//如果是页数的倍数 itemcount+2
	@Override
	public int getItemCount() {
		if (mTitles.size() % pagesize != 0) {
			return mTitles.size();
		} else {
			return mTitles.size() + 2;
		}
		// return mTitles.size()+1;
	}

	// 自定义的ViewHolder，持有每个Item的的所有界面元素
	public static class ItemViewHolder extends RecyclerView.ViewHolder {
		public TextView item_tv;

		public ItemViewHolder(View view) {
			super(view);
			item_tv = (TextView) view.findViewById(R.id.item_tv);
		}
	}

	/**
	 * 底部FootView布局
	 */
	public static class FootViewHolder extends RecyclerView.ViewHolder {
		private TextView foot_view_item_tv;

		public FootViewHolder(View view) {
			super(view);
			foot_view_item_tv = (TextView) view
					.findViewById(R.id.foot_view_item_tv);
		}
	}
	//空白项
	public static class FootEmptyHolder extends RecyclerView.ViewHolder {
		private View empty;

		public FootEmptyHolder(View view) {
			super(view);
			empty = view.findViewById(R.id.empty);
		}
	}

	// 添加数据
	public void addItem(List<String> newDatas) {
		// mTitles.add(position, data);
		// notifyItemInserted(position);
		newDatas.addAll(mTitles);
		mTitles.removeAll(mTitles);
		mTitles.addAll(newDatas);
		notifyDataSetChanged();
	}
	//更新添加数据
	public void addMoreItem(List<String> newDatas) {
		mTitles.addAll(newDatas);
		notifyDataSetChanged();
	}
	//更新空白项高度
	private void notifyEmptyView(int height) {
		this.eview_height = height;
		notifyItemChanged(getItemCount() - 1);
	}
	//空白回弹 伪回弹动画
	private void resetEmptyView() {
		final int dx = eview_height;
		new Thread(new Runnable() {

			@Override
			public void run() {
				// TODO Auto-generated method stub
				final int time = 500;
				final long startTime = new Date().getTime();
				TimeFlag = startTime;
				long nowTime = new Date().getTime();
				while (startTime + time > nowTime && TimeFlag == startTime) {
					nowTime = new Date().getTime();
					final int dt = (int) (nowTime - startTime);
					parent.post(new Runnable() {

						@Override
						public void run() {
							// TODO Auto-generated method stub
							eview_height = eview_height * (time - dt) / time;
							notifyDataSetChanged();
						}
					});

					try {
						Thread.sleep(10);
					} catch (InterruptedException e) {
						// TODO Auto-generated catch block
						e.printStackTrace();
					}
				}
				parent.post(new Runnable() {

					@Override
					public void run() {
						// TODO Auto-generated method stub
						eview_height = 0;
						notifyDataSetChanged();
					}
				});
			}
		}).start();
	}
	//停止加载更多 重置loading状态和显示文本
	public void stopLoadMore() {

		notifyDataSetChanged();
		loading = false;
		RefreshFootAdapter.this
		.changeMoreStatus(RefreshFootAdapter.this.SATUS_PULLUP_LOAD_MORE);
	}

	//改变加载条状态
	private void changeMoreStatus(int status) {
		if (loading) {
			return;
		}
		load_more_status = status;
		notifyDataSetChanged();
	}
}

图1为滑动过程

图2为松开加载

坠落糖梨
关注
专栏目录
【Android面试八股文】如何给ListView & RecyclerView加上拉刷新 & 下拉加载更多机制？
字节卷动
06-26 326
添加下拉刷新和上拉加载更多的功能，使用户可以方便地浏览和操作大量数据列表。添加上拉加载更多和下拉刷新的功能，提升用户体验和应用的交互性。通过以上步骤，你可以为。通过以上步骤，你可以为。
105.RecyclerView，ScrollView去除阻尼效果
lanxuan1993的博客
02-04 2206
android:overScrollMode="never"
带阻尼回弹效果的RecyclerView
热门推荐
乐活青年的博客
04-30 1万+
一、前提 接到新需求，要求列表滑动过程增加阻尼回弹效果，且即使列表不能填充一整个屏幕的情况下也支持滑动。 有人说，给RecyclerView加上 android:overScrollMode="always" 就行了，事实证明，NO！这个东西只是在滑动到边缘是多了个水波阴影而已，没有阻尼回弹。 又有人说，给ListView加上 android:overScrollMode="always" ...
通过NestedScrolling实现RecyclerView拖拽回弹效果
WULILL的博客
08-10 642
通过NestedScrolling实现RecyclerView拖拽回弹效果
android RecyclerView+NestedScroollView仿网易严选阻尼效果，上滑下拉
05-14
android RecyclerView+NestedScroollView仿网易严选阻尼效果，上滑下拉
微信小程序开发之scroll-view上拉加载数据实现
小马总的博客
05-16 8399
一、开发思路 1、使用小程序的scroll-view组件中提供了一个bindscrolltolower属性监听组件的滑动到了底部 https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html可以点击链接查看scroll-view组件拥有的属性 2、组件滑动到底部这个事件会频繁触发、所以为了防止多次触发我...
Android RecyclerView上拉加载更多功能回弹实现代码
08-31
主要介绍了Android RecyclerView上拉加载更多功能回弹实现代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下
下拉刷新和上拉加载更多的RecyclerView
05-14
总之，RecyclerView是Android开发中的核心组件之一，下拉刷新和上拉加载更多功能极大地提升了用户体验。通过使用如QSRefreshRecyclerView这样的第三方库，开发者可以更便捷地实现这些功能，同时保持代码的简洁性和可...
Android RecyclerView上拉加载和下拉刷新
08-31
总的来说，这个示例代码提供了一个基础框架，用于在RecyclerView中集成下拉刷新和上拉加载功能。开发者可以根据自己的需求，在子类中填充具体的网络请求、数据处理等逻辑。这个框架设计得相对灵活，方便扩展和维护。
android RecyclerView 上拉增加更多，下拉刷新
09-09
上拉加载更多功能通常在用户滚动到列表底部时触发，以加载更多数据。实现步骤如下： 1. 在Adapter中添加一个状态字段，如`isLoadMoreEnabled`，用于控制是否显示加载更多的指示器。 2. 重写`onScrolled()`方法，当...
Android一个具有弹簧效果的RecyclerView
06-04
SpringRecyclerView SpringRecyclerView是一个RecyclerView具有弹簧效果，当被拖动或flinged到overScroll。 ListView版本：https : //github.com/gjiazhe/SpringListView
OverScrollView阻尼回弹效果
03-05
仿ios阻尼回弹效果，下载即可用，简单明了，效果也很好
ScrollView的阻尼回弹效果实现(仿qq空间)
05-14
ScrollView的阻尼回弹效果实现(仿qq空间)
android ScrollView 阻尼回弹效果 仿微信
03-07
微信朋友圈那种；图片隐藏一部分然后下拉；然后会弹回去；继续隐藏。主要是微信朋友圈那样的效果。
Android 惯性回弹效果，支持所有view，仿ios惯性回弹，滚动惯性回弹
12-02
Android 惯性回弹效果，还在羡慕ios页面的回弹效果吗？ Android 页面滚动惯性回弹 。支持所有view
【高级UI】【026】手动为RecyclerView添加橡皮筋拉伸回弹效果
天天向上 Up Up Up (*^▽^*)
03-10 5559
实现思路 控件拉伸回弹，可通过缩放画布来达到，我们只要计算出控件在拉伸时的缩放比例即可 缩放比例可通过手指移动距离来计算，当控件滑动到边界时，手指继续滑动，额外滑动距离/控件总高度，即可作为拉伸比例 控件状态可分为三类，正常滑动状态，手越界滑动时的拉伸状态，手松开时的回弹状态，第一种状态我们使用RecyclerView默认的滑动处理即可 手松开时，我们可以通过一个渐变值动画，来让额外滑动距离逐渐减少到0 回弹过程中欧冠，如果手指重新按下，我们则立刻取消渐变值动画，并让控件重新进入到拉伸状
recycleView下拉刷新上拉加载
wenzhenyu1990的专栏
06-06 4869
https://juejin.im/entry/570f716a1ea493006b5ecfbb 原文链接：http://blog.csdn.net/mynameishuangshuai/article/details/51153978 前段时间做项目由于采用的 MD 设计，所以必须要使用 RecyclerView 全面代替 ListView。但是开发中遇到了需要实现 Re
Android修炼系列（十二），自定义一个超顺滑的回弹RecyclerView
最新发布
2401_83330354的博客
03-28 316
这是我们的状态接口IDecoratorState，其提供了3个方法，IdleState、OverScrollingState、BounceBackState都是它的具体实现类，符合状态模式的思想：// 处理move事件// 处理up事件// 事件结束后的动画处理初始化我们定义的变量，没有什么特殊的操作，只是一些各自属性的赋值，具体见下文：attach();
Android RecyclerView 上拉加载更多与回弹效果实现
本资源提供了一种实现上拉加载更多并带有回弹效果的方法，主要利用了RecyclerView的OnTouchListener、LinearLayoutManager的findLastVisibleItemPosition以及自定义Adapter来完成这一功能。" 在Android应用中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值