溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Android 中RecyclerView頂部刷新實現詳解
1. RecyclerView頂部刷新的原理
RecyclerView頂部刷新的實現通常都是在RecyclerView外部再包裹一層布局。在這個外層布局中，還包含一個自定義的View，作為頂部刷新時的指示View。也就是說，外層布局中包含兩個child，一個頂部刷新View，一個RecyclerView，頂部刷新View默認是隱藏不可見的。在外層布局中對滑動事件進行處理，當RecyclerView滑動到頂部并繼續下滑的時候，根據滑動的距離決定頂部刷新View的顯示。當滑動距離超過某個設定的值的時候，執行頂部刷新操作。
2. RecyclerView頂部刷新的實現
RecyclerView頂部刷新的實現一般包含如下步驟。
步驟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);
}
}
如有疑問請留言或者到本站社區交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
