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>