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

发表于   |   分类于   |     |  

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

需要注意的是两点：

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@Override
protected 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 + "个");
    }
}

@Override
public 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 方法即可。下面是一个封装好的加载更多的接口实现类，然后作为参数传进去就好了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
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);
}

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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 ，如果用在上面的例子里就会是这样：

1
2
3
4
5
6
7
8
9
10
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

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