给RecyclerView最纯粹的下拉刷新和上拉加载更多

2016-08-16 23:11 18854人阅读 评论(6)收藏举报

本文章已收录于：

RecyclerView 出现以后，Android 里的下拉刷新和加载更多实现起来就非常容易了。当然，现成的库也有很多，只是总会有不一样的需求，而且我们往往只需要最基本的下拉刷新和加载更多功能，而不需要其他多余的功能。我只需要一个最纯粹的下拉刷新和加载更多。所以，自己动手显然是最好的结果了，也算是个小练习。总结起来，无非两点，一是用 SwipeRefreshLayout 包裹 RecyclerView 实现下拉刷新，二是滑倒底部的时候自动加载实现加载更多。

需要注意的是两点：

1. 下拉刷新是通过实现 SwipeRefreshLayout.OnRefreshListener 接口来实现的，也就是说下拉刷新具有了通用性，不只是 RecyclerView ;
2. 加载更多要通过 LinearLayoutManager 来获取 RecyclerView 是否滑动到底部来实现。

这样我们就把问题分解了。第一步，我们先看最简单的下拉刷新，由于代码过于简单，我就直接贴代码了。

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051

@Overrideprotected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);    setSupportActionBar(toolbar);    swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);    swipeRefreshLayout.setColorSchemeResources(            R.color.google_blue,            R.color.google_green,            R.color.google_red,            R.color.google_yellow    );    recyclerView = (RecyclerView) findViewById(R.id.recycler_view);    LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);    recyclerView.setHasFixedSize(true);    recyclerView.setLayoutManager(linearLayoutManager);    setData();    RefreshAdapter refreshAdapter = new RefreshAdapter(mList, this);    recyclerView.setAdapter(refreshAdapter);    swipeRefreshLayout.setOnRefreshListener(this);}private void setData() {    mList = new ArrayList<>();    for (int i = 0; i < 20; i++) {        mList.add("第" + i + "个");    }}@Overridepublic void onRefresh() {    Observable            .timer(2, TimeUnit.SECONDS, AndroidSchedulers.mainThread())            .map(new Func1<Long, Object>() {                @Override                public Object call(Long aLong) {                    fetchingNewData();                    swipeRefreshLayout.setRefreshing(false);                    refreshAdapter.notifyDataSetChanged();                    Toast.makeText(MainActivity.this, "Refresh Finished!", Toast.LENGTH_SHORT).show();                    return null;                }            }).subscribe();}private void fetchingNewData() {    mList.add(0, "下拉刷新出来的数据");}

然后就是加载更多功能，RecyclerView 有一个方法 addOnScrollListener ，我们只要传入一个RecyclerView.OnScrollListener 就可以实现加载更多了，但是事实是为了充分保证 RecyclerView 的灵活性，Android 本身是没有对这个滑动接口做处理的，需要我们自定义个加载更多的接口去实现它，然后才能真正实现加载更多。实现起来也很简单，我们只要重写 onScrolled 方法即可。下面是一个封装好的加载更多的接口实现类，然后作为参数传进去就好了。

12345678910111213141516171819202122232425262728293031323334353637383940

public abstract class EndlessRecyclerOnScrollListener extends        RecyclerView.OnScrollListener {    private int previousTotal = 0;    private boolean loading = true;    int firstVisibleItem, visibleItemCount, totalItemCount;    private int currentPage = 1;    private LinearLayoutManager mLinearLayoutManager;    public EndlessRecyclerOnScrollListener(            LinearLayoutManager linearLayoutManager) {        this.mLinearLayoutManager = linearLayoutManager;    }    @Override    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {        super.onScrolled(recyclerView, dx, dy);        visibleItemCount = recyclerView.getChildCount();        totalItemCount = mLinearLayoutManager.getItemCount();        firstVisibleItem = mLinearLayoutManager.findFirstVisibleItemPosition();        if (loading) {            if (totalItemCount > previousTotal) {                loading = false;                previousTotal = totalItemCount;            }        }        if (!loading                && (totalItemCount - visibleItemCount) <= firstVisibleItem) {            currentPage++;            onLoadMore(currentPage);            loading = true;        }    }    public abstract void onLoadMore(int currentPage);}

然后就是具体的加载更多的实现逻辑了。

12345678910111213141516171819202122232425262728

recyclerView.addOnScrollListener(new EndlessRecyclerOnScrollListener(linearLayoutManager) {    @Override    public void onLoadMore(int currentPage) {        simulateLoadMoreData();    }});private void simulateLoadMoreData() {    Observable            .timer(2, TimeUnit.SECONDS, AndroidSchedulers.mainThread())            .map(new Func1<Long, Object>() {                @Override                public Object call(Long aLong) {                    loadMoreData();                    stringAdapter.notifyDataSetChanged();                    Toast.makeText(MainActivity.this, "Load Finished!", Toast.LENGTH_SHORT).show();                    return null;                }            }).subscribe();}private void loadMoreData() {    List<String> moreList = new ArrayList<>();    for (int i = 10; i < 13; i++) {        moreList.add("加载更多的数据");    }    mList.addAll(moreList);}

这样，下拉刷新和加载更多就实现了，就这么简单。

当然，如果你想要一个加载更多的 ProgressBar 展示的话，可以给 RecyclerView 添加一个 Footer ，用来展示加载更多的过程。GitHub 上搜索一下会有很多实现方案，这里我随便贴一个作为例子。HeaderViewRecyclerAdapter，一个用起来相当方便的 Gist ，如果用在上面的例子里就会是这样：

12345678910

HeaderViewRecyclerAdapter stringAdapter = new HeaderViewRecyclerAdapter(refreshAdapter);recyclerView.setAdapter(stringAdapter);createLoadMoreView();private void createLoadMoreView() {    View loadMoreView = LayoutInflater            .from(MainActivity.this)            .inflate(R.layout.view_load_more, recyclerView, false);    stringAdapter.addFooterView(loadMoreView);}

然后把对应的 adapter 替换以后即可。代码看这里SwipeRefreshRecyclerView

我们可以看到运行效果非常完美

#RecyclerView #下拉刷新 #加载更多

顶

9

踩

4

 

 

• 上一篇RecyclerView中的notifyItemInserted(0)没有动画效果
• 下一篇mvp与mvc

  相关文章推荐

• • SwipeRefreshLayout配合RecyclerView实现下拉刷新和上拉加载更多以及没有数据的显示
• • 用Recyclerview实现列表分组、下拉刷新以及上拉加载更多
• • RecyclerView 下拉刷新上拉加载更多
• • RecyclerView三种显示方式的下拉刷新和上拉加载更多
• • RecyclerView 上拉加载更多以及下拉刷新

• • 采用SwipeFreshLayout+Recyclerview实现下拉刷新和上拉加载更多以及CoordinatorLayout的引入
• • RecyclerView系列之（3）：添加下拉刷新和上拉加载更多
• • RecyclerView系列之（3）：添加下拉刷新和上拉加载更多
• • RecyclerView下拉刷新上拉加载更多--EasyRecyclerView
• • RecyclerView下拉刷新、上拉加载更多以及复杂列表布局的实现