RecyclerView顶部刷新实现详解
来源:互联网 发布:mac os系统下载百度云 编辑:程序博客网 时间:2024/05/16 15:17
在上一篇文章中介绍了RecyclerView底部刷新的实现,本文介绍RecyclerView顶部刷新的实现。顶部刷新在很多文章中又被称为下拉刷新,它指的是当RecyclerView滑动到最顶部时,如果继续上滑并达到一定的阈值,则执行更新数据的操作,更新的数据会替换掉当前数据。和底部刷新一样,在这个过程中还需要显示一个View来表示顶部刷新的过程。
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); }}
- RecyclerView顶部刷新实现详解
- RecyclerView底部刷新实现详解
- Android RecyclerView 顶部悬浮实现
- Android RecyclerView 顶部悬浮实现
- RecyclerView下拉刷新实现
- RecyclerView实现顶部悬浮条效果 自定义!
- Android -- RecyclerView实现顶部吸附效果
- Android -- RecyclerView实现顶部吸附效果
- Android -- RecyclerView实现顶部吸附效果
- Android -- RecyclerView实现顶部吸附效果
- Android -- RecyclerView实现顶部吸附效果
- SwipeRefreshLayout+RecyclerView实现下拉刷新
- SwipeRefrshLayout+RecyclerView实现刷新功能
- Android RecyclerView嵌套RecyclerView并使用SwipeRefreshLayout导致未到顶部就触发下拉刷新
- 自定义实现顶部粘性下拉刷新效果
- 详解RecyclerView+BGARefreshLayout实现自定义下拉刷新、上拉加载和侧滑删除效果
- 详解RecyclerView+BGARefreshLayout实现自定义下拉刷新、上拉加载和侧滑删除效果
- 详解自主实现RecyclerView下拉刷新、上拉加载、Header、Footer以及swiperefreshlayout的部分讲解
- 6.29 LL--实习日志--Restful API 概念理解+Restful_API编写
- Python构造包含中英文的字符串
- WMI命名空间详解 subscription DEFAULT MicrosoftDfs CIMV2 Cli nap
- H5 直播避坑指南
- FCC-----------Build a Random Quote Machine
- RecyclerView顶部刷新实现详解
- 事前防御,冒险的是觉得不要干
- android 大图片裁剪 Uri传递大图
- 使用KNN算法改进约会网站的配对效果
- Android----------Handler和Timer实现倒计时
- windeployqt添加QT生成exe的依赖库
- Java类继承关系中的初始化顺序
- 投影矩阵的推导(Deriving Projection Matrices)
- 按下电源键到启动Home应用过程详解(一)