RecyclerView 实现下拉刷新和自动加载

RecyclerView 实现下拉刷新和自动加载

字数625 阅读45671 评论13 喜欢110


RecyclerView是 Android 兼容包V21中新推出的列表类，它的自定义化强的优点足以让它能够取代GridView和ListView，本文将结合SwipeRefreshLayout与RecyclerView讲解如何实现下拉刷新和自动加载的代码

需要的依赖

以下版本自行更新

compile 'com.android.support:appcompat-v7:21.0.0'
compile 'com.android.support:recyclerview-v7:21.0.0'
compile 'com.android.support:cardview-v7:21.0.0'
compile 'com.android.support:support-v4:21.0.0'

需要解决的问题

[x] 下拉刷新
[x] 自动加载
[x] 网络请求异步加载

技术处理

下拉刷新

采用 

android.support.v4.widget.SwipeRefreshLayout

 来实现

具体可以搜索这个class，我们按照官方文档，布局如下

<view xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipeRefreshLayout"
class="android.support.v4.widget.SwipeRefreshLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">

<view xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/recylerView"
class="android.support.v7.widget.RecyclerView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></view>
</view>

然后对 

swipeRefreshLayout

 设置监听即可

swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
if(isrefreshing){
Log.d(TAG,"ignore manually update!")；
} else{
loadPage();
}
}
});

自动加载

RecyclerView是一个新兴事物，伸手党们还找不到 

endless-RecyclerView

 这样的开源神器，只好自己找方法了，同ListView一样，还是重写 

OnScrollListener

 这个方法

recyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
int lastVisibleItem = ((LinearLayoutManager) mLayoutManager).findLastVisibleItemPosition();
int totalItemCount = mLayoutManager.getItemCount();
//lastVisibleItem >= totalItemCount - 4 表示剩下4个item自动加载，各位自由选择
// dy>0 表示向下滑动
if (lastVisibleItem >= totalItemCount - 4 && dy > 0) {
if(isLoadingMore){
Log.d(TAG,"ignore manually update!");
} else{
loadPage();//这里多线程也要手动控制isLoadingMore
isLoadingMore = false;
}
}
}
});

如果想用GridView，可以试试这个，注意例子里的span_count =2

@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
int[] visibleItems = mLayoutManager.findLastVisibleItemPositions(null);
int lastitem = Math.max(visibleItems[0],visibleItems[1]);
Log.d(TAG,"visibleItems =" + visibleItems);
Log.d(TAG,"lastitem =" + lastitem);
Log.d(TAG,"adapter.getItemCount() =" + adapter.getItemCount());
if (dy > 0 && lastitem > adapter.getItemCount() - 5 && !isLoadingMore) {
Log.d(TAG,"will loadNewFeeds");
}
}

网络请求异步加载

我这里的 

loadPage

 是基于 Retrofit 构建的，输入参数是一个Map,它的回调功能非常实用,可以直接控制UI更新,流程图如下,大家可以参考一下设计



loadPage 流程图


参考文献
俄国佬代码
ListView祖传代码
示例代码，非常推荐，不是我写的