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

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的淮北網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1. RecyclerView頂部刷新的原理

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

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

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

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

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

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

3.1 SwipeRefreshLayout用法

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

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

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

setRefreshing()方法用來設(shè)置頂部刷新狀態(tài)。當數(shù)據(jù)獲取完成后，需要調(diào)用此方法表示刷新完成。

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

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

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

XML布局如下。

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

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方式實現(xiàn)的頂部刷新，要操作RecyclerView只需要通過findViewById()找到對應(yīng)的RecyclerView對象，然后調(diào)用相應(yīng)的方法即可。

對代碼方式實現(xiàn)的頂部刷新，需要在XSwipeRefreshLayout中增加操作內(nèi)部RecyclerView的接口?？梢杂袃煞N方式：一種是在XSwipeRefreshLayout中增加getRecyclerView()方法，返回內(nèi)部的RecyclerView對象，然后在外部調(diào)用RecyclerView對象的方法。另一種是XSwipeRefreshLayout中增加RecyclerView對應(yīng)的各種方法，然后透傳給內(nèi)部的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同時支持頂部刷新和底部刷新

在實際的應(yīng)用中，頂部刷新通常都需要和底部刷新一起使用。要讓RecyclerView同時支持頂部刷新和底部刷新，只需要將上述頂部刷新實現(xiàn)中的RecyclerView換成上一篇文章中XRecyclerView即可。

XML布局如下。

對應(yīng)的代碼方式實現(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);
  }
}

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