Android 中RecyclerView顶部刷新实现详解
Android 中RecyclerView顶部刷新实现详解
1. RecyclerView顶部刷新的原理
RecyclerView顶部刷新的实现通常都是在RecyclerView外部再包裹一层布局。在这个外层布局中，还包含一个自定义的View，作为顶部刷新时的指示View。也就是说，外层布局中包含两个child，一个顶部刷新View，一个RecyclerView，顶部刷新View默认是隐藏不可见的。在外层布局中对滑动事件进行处理，当RecyclerView滑动到顶部并继续下滑的时候，根据滑动的距离决定顶部刷新View的显示。当滑动距离超过某个设定的值的时候，执行顶部刷新操作。
2. RecyclerView顶部刷新的实现
RecyclerView顶部刷新的实现一般包含如下步骤。
- 创建自定义的布局类，它可以继承自已有的布局类，如LinearLayout，也可以直接继承自ViewGroup。
- 添加RecyclerView和顶部刷新View作为其child。
- 重写自定义的布局类的onMeasure()，onLayout()，dispatchTouchEvent()，onInterceptTouchEvent()等方法。
步骤3是其中最复杂的部分，需要在这些重写的方法中，完成自身和child的测量，布局和滑动事件的处理。尤其是滑动事件的处理，需要对Android View的滑动机制有全面的了解才能实现。
Google在19.1之后的support library v4包中增加了SwipeRefreshLayout类。它继承自ViewGroup，在它的内部包含了一个CircleImageView对象作为顶部刷新View，同时它实现了上述步骤3的全部功能。将SwipeRefreshLayout和RecyclerView结合在一起，可以轻松的实现顶部刷新功能。
3.1 SwipeRefreshLayout用法
在介绍SwipeRefreshLayout和RecyclerView结合实现顶部刷新功能之前，先介绍下SwipeRefreshLayout的用法。
SwipeRefreshLayout最重要的两个方法是：setOnRefreshListener()和setRefreshing()。
setOnRefreshListener()方法用来设置顶部刷新事件的监听，当需要执行顶部刷新时会调用此listener的onRefresh()方法，来获取最新的数据。
setRefreshing()方法用来设置顶部刷新状态。当数据获取完成后，需要调用此方法表示刷新完成。
除此之外，SwipeRefreshLayout还提供了一些方法用来设置顶部刷新View进度条颜色，背景色等。
3.2 SwipeRefreshLayout结合RecyclerView实现顶部刷新
SwipeRefreshLayout结合RecyclerView实现顶部刷新功能非常简单，只需要在SwipeRefreshLayout中包含一个RecyclerView作为其child即可。可以直接通过XML文件来布局。
XML布局如下。
<android.support.v4.widget.SwipeRefreshLayout
android:id="@+id/refresh_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v7.widget.RecyclerView>
</android.support.v4.widget.SwipeRefreshLayout>
为了方便使用，可以对这里的布局设置通过代码进行封装，创建一个自定义的XSwipeRefreshLayout类来实现。代码方式实现如下。由于布局非常简单，代码中就没有引入布局文件了。
public class XSwipeRefreshLayout extends SwipeRefreshLayout {
private RecyclerView mRecyclerView;
public XSwipeRefreshLayout(Context context) {
super(context);
init(context);
}
public XSwipeRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
mRecyclerView = new RecyclerView(context);
addView(mRecyclerView);
}
}
3.3 操作RecyclerView
对XML方式实现的顶部刷新，要操作RecyclerView只需要通过findViewById()找到对应的RecyclerView对象，然后调用相应的方法即可。
对代码方式实现的顶部刷新，需要在XSwipeRefreshLayout中增加操作内部RecyclerView的接口。可以有两种方式：一种是在XSwipeRefreshLayout中增加getRecyclerView()方法，返回内部的RecyclerView对象，然后在外部调用RecyclerView对象的方法。另一种是XSwipeRefreshLayout中增加RecyclerView对应的各种方法，然后透传给内部的RecyclerView对象。这两种方式的示例代码如下。
public class XSwipeRefreshLayout extends SwipeRefreshLayout {
private RecyclerView mRecyclerView;
public XSwipeRefreshLayout(Context context) {
super(context);
init(context);
}
public XSwipeRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
mRecyclerView = new RecyclerView(context);
addView(mRecyclerView);
}
public RecyclerView getRecyclerView() {
return mRecyclerView;
}
}
public class XSwipeRefreshLayout extends SwipeRefreshLayout {
private RecyclerView mRecyclerView;
public XSwipeRefreshLayout(Context context) {
super(context);
init(context);
}
public XSwipeRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
mRecyclerView = new RecyclerView(context);
addView(mRecyclerView);
}
public RecyclerView.Adapter getAdapter() {
return mRecyclerView.getAdapter();
}
public void setAdapter(RecyclerView.Adapter adapter) {
mRecyclerView.setAdapter(adapter);
}
public void setLayoutManager(RecyclerView.LayoutManager layout) {
mRecyclerView.setLayoutManager(layout);
}
// 将需要用到的每个RecyclerView的方法都写在这里
.....
}
3. RecyclerView同时支持顶部刷新和底部刷新
在实际的应用中，顶部刷新通常都需要和底部刷新一起使用。要让RecyclerView同时支持顶部刷新和底部刷新，只需要将上述顶部刷新实现中的RecyclerView换成上一篇文章中XRecyclerView即可。
XML布局如下。
<android.support.v4.widget.SwipeRefreshLayout
android:id="@+id/refresh_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<cnx.ccpat.testapp.XRecyclerView
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</cnx.ccpat.testapp.XRecyclerView>
</android.support.v4.widget.SwipeRefreshLayout>
对应的代码方式实现如下。
public class XSwipeRefreshLayout extends SwipeRefreshLayout {
private XRecyclerView mRecyclerView;
public XSwipeRefreshLayout(Context context) {
super(context);
init(context);
}
public XSwipeRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
mRecyclerView = new XRecyclerView(context);
addView(mRecyclerView);
}
}
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
- Android自定义ListView实现下拉刷新上拉加载更多
- android RecycleView实现下拉刷新和上拉加载
- 解决android viewmodel 数据刷新异常的问题
- Android巧用XListView实现万能下拉刷新控件
- Android自定义view仿微信刷新旋转小风车
- Android自定义控件ListView下拉刷新的代码
- Android ExpandableListView实现下拉刷新和加载更多效果
- Android RecyclerView的刷新分页的实现
- android使用SwipeRefreshLayout实现ListView下拉刷新上拉加载
- android使用PullToRefresh框架实现ListView下拉刷新上拉加载更多
- Android四种方式刷新View的操作方法
相关文章
加载页面遮挡耗时操作任务页面--第三方开源之AndroidProgressLayout
AndroidProgressLayout实现为界面添加圆形进度条。调用setprogress()方法显示和隐藏进度条，这篇文章主要介绍了加载页面遮挡耗时操作任务页面--第三方开源之AndroidProgressLayout的相关资料,需要的朋友可以参考下2015-11-11
Android开发之滑动数值选择器NumberPicker用法示例
这篇文章主要介绍了Android开发之滑动数值选择器NumberPicker用法,结合实例形式分析了Android滑动数值选择器NumberPicker的功能、相关函数、事件监听、界面布局等操作技巧,需要的朋友可以参考下2019-03-03
这篇文章主要介绍了Android 中对JSON数据解析实例代码的相关资料,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了Android实现的RecyclerView适配器的相关资料，帮助大家更好的理解和学习使用Android，感兴趣的朋友可以了解下2021-03-03
Android开发笔记之Android中数据的存储方式（二）
我们在实际开发中，有的时候需要储存或者备份比较复杂的数据。这些数据的特点是，内容多、结构大，比如短信备份等，通过本文给大家介绍Android开发笔记之Android中数据的存储方式（二），对android数据存储方式相关知识感兴趣的朋友一起学习吧2016-01-01
这篇文章主要为大家介绍了ComposeDesktop开发桌面端多功能APK工具实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
Android使用原生组件WebView加载网页和数据的方法
这篇文章主要介绍了Android使用原生组件WebView加载网页和数据的方法的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家介绍了Android开发基础实现最简单的视频播放示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
随着后台技术的不断发展，App前端的应用都布置了Web页面的界面，这个界面就是由WebView组件渲染出来的。WebView由如下优点：可以直接显示和渲染Web页面或者网页；可以直接调用网络上或者本地的html文件，也可以和JavaScript交互使用2022-09-09
这篇文章主要介绍了Android Studio 创建自定义控件的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
最新评论