快捷導(dǎo)航

Android 中RecyclerView頂部刷新實(shí)現(xiàn)詳解

更新時(shí)間：2017年10月13日 14:45:17 作者：ccpat

這篇文章主要介紹了Android 中RecyclerView頂部刷新實(shí)現(xiàn)詳解的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下

Android 中RecyclerView頂部刷新實(shí)現(xiàn)詳解

1. RecyclerView頂部刷新的原理

RecyclerView頂部刷新的實(shí)現(xiàn)通常都是在RecyclerView外部再包裹一層布局。在這個(gè)外層布局中，還包含一個(gè)自定義的View，作為頂部刷新時(shí)的指示View。也就是說(shuō)，外層布局中包含兩個(gè)child，一個(gè)頂部刷新View，一個(gè)RecyclerView，頂部刷新View默認(rèn)是隱藏不可見(jiàn)的。在外層布局中對(duì)滑動(dòng)事件進(jìn)行處理，當(dāng)RecyclerView滑動(dòng)到頂部并繼續(xù)下滑的時(shí)候，根據(jù)滑動(dòng)的距離決定頂部刷新View的顯示。當(dāng)滑動(dòng)距離超過(guò)某個(gè)設(shè)定的值的時(shí)候，執(zhí)行頂部刷新操作。

2. RecyclerView頂部刷新的實(shí)現(xiàn)

RecyclerView頂部刷新的實(shí)現(xiàn)一般包含如下步驟。

創(chuàng)建自定義的布局類，它可以繼承自已有的布局類，如LinearLayout，也可以直接繼承自ViewGroup。
添加RecyclerView和頂部刷新View作為其child。
重寫(xiě)自定義的布局類的onMeasure()，onLayout()，dispatchTouchEvent()，onInterceptTouchEvent()等方法。

步驟3是其中最復(fù)雜的部分，需要在這些重寫(xiě)的方法中，完成自身和child的測(cè)量，布局和滑動(dòng)事件的處理。尤其是滑動(dòng)事件的處理，需要對(duì)Android View的滑動(dòng)機(jī)制有全面的了解才能實(shí)現(xiàn)。

Google在19.1之后的support library v4包中增加了SwipeRefreshLayout類。它繼承自ViewGroup，在它的內(nèi)部包含了一個(gè)CircleImageView對(duì)象作為頂部刷新View，同時(shí)它實(shí)現(xiàn)了上述步驟3的全部功能。將SwipeRefreshLayout和RecyclerView結(jié)合在一起，可以輕松的實(shí)現(xiàn)頂部刷新功能。

3.1 SwipeRefreshLayout用法

在介紹SwipeRefreshLayout和RecyclerView結(jié)合實(shí)現(xiàn)頂部刷新功能之前，先介紹下SwipeRefreshLayout的用法。

SwipeRefreshLayout最重要的兩個(gè)方法是：setOnRefreshListener()和setRefreshing()。

setOnRefreshListener()方法用來(lái)設(shè)置頂部刷新事件的監(jiān)聽(tīng)，當(dāng)需要執(zhí)行頂部刷新時(shí)會(huì)調(diào)用此listener的onRefresh()方法，來(lái)獲取最新的數(shù)據(jù)。

setRefreshing()方法用來(lái)設(shè)置頂部刷新?tīng)顟B(tài)。當(dāng)數(shù)據(jù)獲取完成后，需要調(diào)用此方法表示刷新完成。

除此之外，SwipeRefreshLayout還提供了一些方法用來(lái)設(shè)置頂部刷新View進(jìn)度條顏色，背景色等。

3.2 SwipeRefreshLayout結(jié)合RecyclerView實(shí)現(xiàn)頂部刷新

SwipeRefreshLayout結(jié)合RecyclerView實(shí)現(xiàn)頂部刷新功能非常簡(jiǎn)單，只需要在SwipeRefreshLayout中包含一個(gè)RecyclerView作為其child即可?？梢灾苯油ㄟ^(guò)XML文件來(lái)布局。

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>

為了方便使用，可以對(duì)這里的布局設(shè)置通過(guò)代碼進(jìn)行封裝，創(chuàng)建一個(gè)自定義的XSwipeRefreshLayout類來(lái)實(shí)現(xiàn)。代碼方式實(shí)現(xiàn)如下。由于布局非常簡(jiǎn)單，代碼中就沒(méi)有引入布局文件了。

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

對(duì)XML方式實(shí)現(xiàn)的頂部刷新，要操作RecyclerView只需要通過(guò)findViewById()找到對(duì)應(yīng)的RecyclerView對(duì)象，然后調(diào)用相應(yīng)的方法即可。

對(duì)代碼方式實(shí)現(xiàn)的頂部刷新，需要在XSwipeRefreshLayout中增加操作內(nèi)部RecyclerView的接口?？梢杂袃煞N方式：一種是在XSwipeRefreshLayout中增加getRecyclerView()方法，返回內(nèi)部的RecyclerView對(duì)象，然后在外部調(diào)用RecyclerView對(duì)象的方法。另一種是XSwipeRefreshLayout中增加RecyclerView對(duì)應(yīng)的各種方法，然后透?jìng)鹘o內(nèi)部的RecyclerView對(duì)象。這兩種方式的示例代碼如下。

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);
  }

  // 將需要用到的每個(gè)RecyclerView的方法都寫(xiě)在這里
  .....
}

3. RecyclerView同時(shí)支持頂部刷新和底部刷新

在實(shí)際的應(yīng)用中，頂部刷新通常都需要和底部刷新一起使用。要讓RecyclerView同時(shí)支持頂部刷新和底部刷新，只需要將上述頂部刷新實(shí)現(xiàn)中的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>

對(duì)應(yīng)的代碼方式實(shí)現(xiàn)如下。

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);
  }
}

如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章: