Android中RecyclerView顶部刷新实现详解

  

<强> Android中RecyclerView顶部刷新实现详解

  

<强> 1。RecyclerView顶部刷新的原理

  

RecyclerView顶部刷新的实现通常都是在RecyclerView外部再包裹一层布的局。在这个外层布局中,还包含一个自定义的观点,作为顶部刷新时的指示观点。也就是说,外层布局中包含两个孩子,一个顶部刷新视图,一个RecyclerView,顶部刷新视图默认是隐藏不可见的。在外层布局中对滑动事件进行处理,当RecyclerView滑动到顶部并继续下滑的时候,根据滑动的距离决定顶部刷新视图的显示。当滑动距离超过某个设定的值的时候,执行顶部刷新操作。

  

<强> 2。RecyclerView顶部刷新的实现

  

RecyclerView顶部刷新的实现一般包含如下步骤。

  
      <李>创建自定义的布局类,它可以继承自已有的布局类,如LinearLayout,也可以直接继承自ViewGroup。   <李>添加RecyclerView和顶部刷新观点作为其孩子。   <李>重写自定义的布局类的onMeasure (), onLayout (), dispatchTouchEvent (), onInterceptTouchEvent()等方法。
      李   
  

步骤3是其中最复杂的部分,需要在这些重写的方法中,完成自身和孩子的测量,布局和滑动事件的处理,尤其是滑动事件的处理,需要对Android视图的滑动机制有全面的了解才能实现。

  谷歌在

19.1之后的支持库v4包中增加了SwipeRefreshLayout类。它继承自ViewGroup,在它的内部包含了一个CircleImageView对象作为顶部刷新观点,同时它实现了上述步骤3的全部功能。将SwipeRefreshLayout和RecyclerView结合在一起,可以轻松的实现顶部刷新功能。

  

<强> 3.1 SwipeRefreshLayout用法

  

在介绍SwipeRefreshLayout和RecyclerView结合实现顶部刷新功能之前,先介绍下SwipeRefreshLayout的用法。

  

SwipeRefreshLayout最重要的两个方法是:setOnRefreshListener()和setRefreshing ()。

  

setOnRefreshListener()方法用来设置顶部刷新事件的监听,当需要执行顶部刷新时会调用此侦听器的onRefresh()方法,来获取最新的数据。

  

setRefreshing()方法用来设置顶部刷新状态。当数据获取完成后,需要调用此方法表示刷新完成。

  

除此之外,SwipeRefreshLayout还提供了一些方法用来设置顶部刷新观点进度条颜色,背景色等。

  

<强> 3.2 SwipeRefreshLayout结合RecyclerView实现顶部刷新

  

SwipeRefreshLayout结合RecyclerView实现顶部刷新功能非常简单,只需要在SwipeRefreshLayout中包含一个RecyclerView作为其孩子即可。可以直接通过XML文件来布局。

  

XML布局如下。

        & lt; android.support.v4.widget.SwipeRefreshLayout   android: id=癅 + id/refresh_layout”   android: layout_width=" match_parent "   android: layout_height=皐rap_content”比;      & lt; android.support.v7.widget.RecyclerView   android: id=癅 + id/recyclerview”   android: layout_width=" match_parent "   android: layout_height=皐rap_content”比;   & lt;/android.support.v7.widget.RecyclerView>   & lt;/android.support.v4.widget.SwipeRefreshLayout>      之前      

为了方便使用,可以对这里的布局设置通过代码进行封装,创建一个自定义的XSwipeRefreshLayout类来实现。代码方式实现如下。由于布局非常简单,代码中就没有引入布局文件了。

        公开课XSwipeRefreshLayout延伸SwipeRefreshLayout {      私人RecyclerView mRecyclerView;   公共XSwipeRefreshLayout(上下文语境){   超级(上下文);   init(上下文);   }      公共XSwipeRefreshLayout(上下文语境,AttributeSet attrs) {   超级(上下文,attrs);   init(上下文);   }      私人空间init(上下文语境){   mRecyclerView=new RecyclerView(上下文);   addView (mRecyclerView);   }   }      之前      

<强> 3.3操作RecyclerView

  

对XML方式实现的顶部刷新,要操作RecyclerView只需要通过findViewById()找到对应的RecyclerView对象,然后调用相应的方法即可。

  

对代码方式实现的顶部刷新,需要在XSwipeRefreshLayout中增加操作内部RecyclerView的接口。可以有两种方式:一种是在XSwipeRefreshLayout中增加getRecyclerView()方法,返回内部的RecyclerView对象,然后在外部调用RecyclerView对象的方法,另一种是XSwipeRefreshLayout中增加RecyclerView对应的各种方法,然后透传给内部的RecyclerView对象。这两种方式的示例代码如下。

     

Android中RecyclerView顶部刷新实现详解