第三方开源库：下拉刷新和上拉加载更多：PullLoadMoreRecyclerView + CommonPullToRefresh + SpringView+。。。

最新推荐文章于 2024-05-31 09:40:12 发布

火鸟菲戈

最新推荐文章于 2024-05-31 09:40:12 发布

阅读量1w

点赞数 4

分类专栏：第三方开源库

本文链接：https://blog.csdn.net/ss1168805219/article/details/53559611

版权

第三方开源库专栏收录该内容

48 篇文章 1 订阅

订阅专栏

第一种： CommonPullToRefresh

CommonPullToRefresh

具体的使用方法不写了，这里开发者头条(五)：实现recyclerview的上拉加载 + 下拉刷新用到了

第二种：PullLoadMoreRecyclerView

github地址：PullLoadMoreRecyclerView

效果图

这里写图片描述

怎么用？

把PullLoadMoreRecyclerView看做是RecyclerView来使用，RecyclerView常利用的方法，PullLoadMoreRecyclerView都可以使用。

简单使用

budild.gradle

dependencies {
    ...
    compile 'com.wuxiaolong.pullloadmorerecyclerview:library:1.1.2'
}

XML

<com.wuxiaolong.pullloadmorerecyclerview.PullLoadMoreRecyclerView
    android:id="@+id/pullLoadMoreRecyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

设置线性布局

 mPullLoadMoreRecyclerView = (PullLoadMoreRecyclerView) view.findViewById(R.id.pullLoadMoreRecyclerView);
 mPullLoadMoreRecyclerView.setLinearLayout();

设置网格布局

 mPullLoadMoreRecyclerView.setGridLayout(2);//参数为列数

设置交错网格布局，即瀑布流效果

 mPullLoadMoreRecyclerView.setStaggeredGridLayout(2);//参数为列数

绑定适配器

mRecyclerViewAdapter = new RecyclerViewAdapter();
mPullLoadMoreRecyclerView.setAdapter(mRecyclerViewAdapter);

调用下拉刷新和加载更多

mPullLoadMoreRecyclerView.setOnPullLoadMoreListener(new PullLoadMoreRecyclerView.PullLoadMoreListener() {
        @Override
        public void onRefresh() {

        }

        @Override
        public void onLoadMore() {

        }
    });

刷新结束

下拉刷新和下拉加载更多完成后都调用这个方法。

mPullLoadMoreRecyclerView.setPullLoadMoreCompleted();

基本使用的代码

refreshRecyclerView = (PullLoadMoreRecyclerView) findViewById(R.id.pullLoadMoreRecyclerView);
refreshRecyclerView.setLinearLayout();
adapter = new MyAdapter(list);
refreshRecyclerView.setAdapter(adapter);

 refreshRecyclerView.setOnPullLoadMoreListener(new PullLoadMoreRecyclerView.PullLoadMoreListener() {
    @Override
    public void onRefresh() {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                refreshRecyclerView.setPullLoadMoreCompleted();
            }
        }, 1500);
    }

    @Override
    public void onLoadMore() {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                list.add("add");
                adapter.notifyItemInserted(list.size()-1);
                refreshRecyclerView.setPullLoadMoreCompleted();
            }
        }, 1500);
    }
 });

其他方法

显示下拉刷新

mPullLoadMoreRecyclerView.setRefreshing(true);

不需要下拉刷新

mPullLoadMoreRecyclerView.setPullRefreshEnable(false);

不需要上拉刷新

mPullLoadMoreRecyclerView.setPushRefreshEnable(false);

设置上拉刷新文字

mPullLoadMoreRecyclerView.setFooterViewText("loading");

设置上拉刷新文字颜色

mPullLoadMoreRecyclerView.setFooterViewTextColor(R.color.white);

设置加载更多背景色

mPullLoadMoreRecyclerView.setFooterViewBackgroundColor(R.color.colorBackground);

设置下拉刷新颜色

mPullLoadMoreRecyclerView.setColorSchemeResources(android.R.color.holo_red_dark,android.R.color.holo_blue_dark);

快速Top

mPullLoadMoreRecyclerView.scrollToTop();

Demo源码

PullLoadMoreRecyclerViewDemo

XRecyclerView

github: https://github.com/jianghejie/XRecyclerView

gradle

compile 'com.jcodecraeer:xrecyclerview:1.3.2'

添加到布局中:像RecyclerView一样使用

<com.jcodecraeer.xrecyclerview.XRecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

基本使用功能：

LinearLayoutManager layoutManager = new LinearLayoutManager(context);
recyclerView.setLayoutManager(layoutManager);
MyAdapter adapter = new MyAdapter(list);
recyclerView.setAdapter(adapter);
recyclerView.setLoadingListener(this);

怎么修改刷新样式?

recyclerView.setRefreshProgressStyle(ProgressStyle.BallSpinFadeLoader);

这里写图片描述

还有其他设置，以后在研究，
这个库由bug，下拉刷新中，多次下拉，那么头布局会下移，高度变大。

SpringView

github地址：https://github.com/liaoinstan/SpringView
完全兼容源生控件如ListView、RecyclerView、ScrollView、WebView等，使用简单，轻易定制自己风格的拖拽页面

下面是github上的几张图片
这里写图片描述

基本使用

在xml中，在布局文件中添加SpringView，注意SpringView和ScrollView有同样的限制：只能有一个子元素

<com.liaoinstan.springview.widget.SpringView
    android:id="@+id/springView"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:background="@color/colorAccent"/>

            ......

        </LinearLayout>
    </ScrollView>
</com.liaoinstan.springview.widget.SpringView>

第一种：直接在xml中给SringView添加

<com.liaoinstan.springview.widget.SpringView
    android:id="@+id/springView"
    android:layout_width="match_parent"
    app:header="@layout/layout_header"
    app:footer="@layout/layout_footer"
    android:layout_height="match_parent">
</com.liaoinstan.springview.widget.SpringView>

第二种：java代码创建：

springView.setHeader(new DefaultHeader(this));
springView.setFooter(new DefaultFooter(this));

设置监听：

方法onFinishFreshAndLoad()是结束刷新。

springView.setListener(new SpringView.OnFreshListener() {
    @Override
    public void onRefresh() {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                springView.onFinishFreshAndLoad();//停止刷新
            }
        },3000);
    }

    @Override
    public void onLoadmore() {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                springView.onFinishFreshAndLoad();//停止刷新
            }
        },3000);
    }
});

7种头/尾的实现

DefaultHeader  DefaultFooter
RotationHeader RotationFooter
AliHeader      AliFooter
AcFunHeader    AcFunFooter
QQHeader       DefaultFooter
MeituanHeader  MeituanFooter
自定义头尾

AnimRFRecyclerView

github：https://github.com/shichaohui/AnimRefreshRecyclerView
把他当做RecyclerView使用即可

gradle

compile 'com.android.support:recyclerview-v7:23.1.0'//必须加recyclerview
compile 'com.sch.rfview:AnimRefreshRecyclerView:1.0.6@aar'

下面的是项目的README.md
效果预览，嗯…看起来有点卡，截图软件的问题

带动画的下拉刷新RecyclerView

上图中演示了三种不同的布局和下拉效果，三种布局和三种下拉效果可以通过Header的设置任意组合。

图中普通列表是ListView样式，没有设置Header和Footer，使用默认的下拉刷新和上拉加载。
宫格列表使用的是自定义Header和Footer的下拉刷新和上拉上拉加载，并设置了下拉使放大的图片。
瀑布流列表使用的是自定义Header和Footer的下拉刷新和上拉上拉加载，没有设置了下拉使放大的图片，使用默认的刷新动画。

Eclipse的同学们可以自己下载源码拷贝java文件到自己的工程（别忘了引用RecyclerView的包哦）。
代码中的配置参考下面的用法代码片段，除了RecyclerView自带的方法，其他方法都是可选的。

根据列表的不同效果选择不同的布局管理器：

// 使用重写后的线性布局管理器
mRecyclerView.setLayoutManager(new AnimRFLinearLayoutManager(context));

// 使用重写后的格子布局管理器
mRecyclerView.setLayoutManager(new AnimRFGridLayoutManager(context, 2));

// 使用重写后的瀑布流布局管理器
mRecyclerView.setLayoutManager(new AnimRFStaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));

根据不同的布局管理器设置分割线：

// 设置列表布局的分割线
mRecyclerView.addItemDecoration(new DividerItemDecoration(context,
        mAnimRFLinearLayoutManager.getOrientation(), true));

// 设置网格或者瀑布流布局的分割线
mRecyclerView.addItemDecoration(new DividerGridItemDecoration(context, true));

// 头部
headerView = LayoutInflater.from(context).inflate(R.layout.header_view, null);
// 脚部
footerView = LayoutInflater.from(context).inflate(R.layout.footer_view, null);

// 添加头部和脚部，如果不添加就使用默认的头部和脚部（头部可以有多个）
mRecyclerView.addHeaderView(headerView);
// 设置头部的最大拉伸倍率，默认1.5f，必须写在setHeaderImage()之前
mRecyclerView.setScaleRatio(2.0f);
// 设置下拉时拉伸的图片，不设置就使用默认的
mRecyclerView.setHeaderImage((ImageView) headerView.findViewById(R.id.iv_hander));
mRecyclerView.addFootView(footerView);

可以通过addHeaderView()和setHeaderImage()方法任意组合下拉效果，可以调用多次addHeaderView()方法添加多个头部，但是setHeaderImage()方法最多被调用一次。
最多调用一次addFootView()方法，即最多设置一个FooterView。

其他设置：

// 设置刷新动画的颜色（可选）
mRecyclerView.setColor(Color.RED, Color.WHITE);
// 设置头部恢复动画的执行时间，默认500毫秒（可选）
mRecyclerView.setHeaderImageDurationMillis(1200);
// 设置拉伸到最高时头部的透明度，默认0.5f（可选）
mRecyclerView.setHeaderImageMinAlpha(0.6f);

// 设置适配器
mRecyclerView.setAdapter(new MyAdapter());

// 设置刷新和加载更多数据的监听，分别在onRefresh()和onLoadMore()方法中执行刷新和加载更多操作
mRecyclerView.setLoadDataListener(new AnimRFRecyclerView.LoadDataListener() {
    @Override
    public void onRefresh() {
        // 开启线程刷新数据
        new Thread(new MyRunnable()).start();
    }

    @Override
    public void onLoadMore() {
        // 开启线加载更多数据
        new Thread(new MyRunnable()).start();
    }
});

手动刷新

如果想第一次进入界面时就显示加载数据的动画，需要使用手动刷新的方法。此方法需要在其他设置完成后调用，具体使用可以看这里

mRecyclerView.setRefresh(true);

在刷新和加载过更多完成之后调用代码停止动画：

// 刷新完成后调用，必须在UI线程中
mRecyclerView.refreshComplate();
// 或者 刷新完成后调用，必须在UI线程中
mRecyclerView.setRefresh(false);

// 加载更多完成后调用，必须在UI线程中
mRecyclerView.loadMoreComplate();

禁止刷新

如果不想使用自带的刷新效果，而想要使用SwipRefreshLayout做刷新，可使用以下代码禁止自带的刷新效果

mRecyclerView.setRefreshEnable(false);

Tips：

若在使用过程中发现adapter.notifyDataSetChange()等更新数据的方法无效，可使用recyclerView.getAdapter()获取当前使用的Adapter，并使用获取到到Adapter更新数据。

SwipyRefreshLayout

github：https://github.com/omadahealth/SwipyRefreshLayout
这个效果比较好，上拉下拉都是一样的，比较美观。
但只是单纯的刷新，没有给RecylerView添加header和footer的操作。

效果图

这里写图片描述

gradle

dependencies {
    ...
    compile 'com.github.omadahealth:swipy:1.2.3@aar'
    compile 'com.android.support:recyclerview-v7:25.3.1'
}

基本使用

xml

<com.omadahealth.github.swipyrefreshlayout.library.SwipyRefreshLayout
    android:id="@+id/swipyRefreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:srl_direction="both">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fadeScrollbars="true"/>
</com.omadahealth.github.swipyrefreshlayout.library.SwipyRefreshLayout>

srl_direction是刷新方向：下拉和上拉

app:srl_direction="top"
app:srl_direction="bottom"
app:srl_direction="both"

也可以用代码设置

.setDirection(SwipyRefreshLayoutDirection.TOP);
.setDirection(SwipyRefreshLayoutDirection.BOTTOM);
.setDirection(SwipyRefreshLayoutDirection.BOTH);

java

.setOnRefreshListener(...)设置刷新监听
.setRefreshing(false)停止刷新

refreshLayout.setOnRefreshListener(new SwipyRefreshLayout.OnRefreshListener() {
    @Override
    public void onRefresh(SwipyRefreshLayoutDirection direction) {
        if (direction == SwipyRefreshLayoutDirection.TOP) {
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    Toast.makeText(context, "下拉成功", Toast.LENGTH_SHORT).show();
                    refreshLayout.setRefreshing(false);
                }
            }, 3000);
        } else {
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    refreshLayout.setRefreshing(false);
                    Toast.makeText(context, "上拉成功", Toast.LENGTH_SHORT).show();
                }
            }, 3000);
        }
    }
});

注意事项

为什么调用刷新无效？

要求：第一次进入Activity自动下拉刷新，但是调用下面2个方法没有效果。

onRefreshListener.onRefresh(SwipyRefreshLayoutDirection.TOP);
refreshLayout.setRefreshing(true);

原因不是了解，不过尝试延迟加载后解决了而这个问题,进入该activity自动有下拉刷新效果。

new Handler().postDelayed(new Runnable() {
     @Override
     public void run() {
         onRefreshListener.onRefresh(SwipyRefreshLayoutDirection.TOP);
         refreshLayout.setRefreshing(true);
     }
 }, 1000);

其它

Demo:http://git.oschina.net/RecyclerView/swipyrefreshlayout01

SmartRefreshLayout

github： https://github.com/scwang90/SmartRefreshLayout
demo: https://git.oschina.net/libraryDemo/SmartRefreshLayout01.git

刷新样式比较多，有多种方式添加刷新头+刷新尾，只是单纯的刷新库，不支持添加header+footer。
这里写图片描述
下面是其中一种

<?xml version="1.0" encoding="utf-8"?>
<com.scwang.smartrefresh.layout.SmartRefreshLayout
    android:id="@+id/refreshLayout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#11000000"
    android:orientation="vertical"
    tools:context="com.cqc.smartrefreshlayout01.MainActivity">

    <com.scwang.smartrefresh.layout.header.ClassicsHeader
        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="match_parent"
        android:scrollbarStyle="insideInset"/>

    <com.scwang.smartrefresh.layout.footer.ClassicsFooter
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</com.scwang.smartrefresh.layout.SmartRefreshLayout>

重点内容

github:SwipeRecyclerView

重点内容

github:EasyRecyclerView

火鸟菲戈

关注

4
点赞
踩
14

收藏

觉得还不错? 一键收藏
1
评论
第三方开源库：下拉刷新和上拉加载更多：PullLoadMoreRecyclerView + CommonPullToRefresh + SpringView+。。。

第一种： CommonPullToRefresh CommonPullToRefresh 具体的使用方法不写了，这里开发者头条(五)：实现recyclerview的上拉加载 + 下拉刷新用到了第二种：PullLoadMoreRecyclerViewgithub地址：PullLoadMoreRecyclerView效果图怎么用？把PullLoadMoreRecyclerView看做是Recyc
复制链接

扫一扫