SmartRefreshLayout刷新控件

最新推荐文章于 2024-07-26 15:12:26 发布

减肥中的胖火柴

最新推荐文章于 2024-07-26 15:12:26 发布

阅读量7.2k

点赞数

分类专栏：上拉刷新下拉加载

本文链接：https://blog.csdn.net/qq_34709056/article/details/78929107

版权

上拉刷新下拉加载专栏收录该内容

0 篇文章 0 订阅

订阅专栏

最近更换了刷新控件说一下今天新换的控件

github地址 https://github.com/scwang90/SmartRefreshLayout

先看看说明文档Android智能下拉刷新框架-SmartRefreshLayout

English | 中文

正如名字所说，SmartRefreshLayout是一个“聪明”或者“智能”的下拉刷新布局，由于它的“智能”，它不只是支持所有的View，还支持多层嵌套的视图结构。它继承自ViewGroup 而不是FrameLayout或LinearLayout，提高了性能。也吸取了现在流行的各种刷新布局的优点，包括谷歌官方的 SwipeRefreshLayout，其他第三方的Ultra-Pull-To-Refresh、TwinklingRefreshLayout 。还集成了各种炫酷的 Header 和 Footer。
SmartRefreshLayout的目标是打造一个强大，稳定，成熟的下拉刷新框架，并集成各种的炫酷、多样、实用、美观的Header和Footer。

特点功能:

支持多点触摸
支持嵌套多层的视图结构 Layout (LinearLayout,FrameLayout...)
支持所有的 View（AbsListView、RecyclerView、WebView....View）
支持自定义并且已经集成了很多炫酷的 Header 和 Footer.
支持和ListView的无缝同步滚动和 CoordinatorLayout 的嵌套滚动 .
支持自动刷新、自动上拉加载（自动检测列表惯性滚动到底部，而不用手动上拉）.
支持自定义回弹动画的插值器，实现各种炫酷的动画效果.
支持设置主题来适配任何场景的App，不会出现炫酷但很尴尬的情况.
支持设多种滑动方式：平移、拉伸、背后固定、顶层固定、全屏
支持所有可滚动视图的越界回弹

传送门

Demo

下载 APK-Demo

项目演示

个人首页	微博列表

餐饮美食	个人中心

样式演示 Style

Delivery	Dropbox

Refresh-your-delivery	Dropbox-Refresh

上面这两个是我自己实现的，下面的是我把github上其它优秀的Header进行的整理和集合还有优化：

BezierRadar	BezierCircle

Pull To Refresh	Pull Down To Refresh

FlyRefresh	Classics

FlyRefresh	ClassicsHeader

Phoenix	Taurus

Yalantis/Phoenix	Yalantis/Taurus

BattleCity	HitBlock

FunGame/BattleCity	FunGame/HitBlock

WaveSwipe	Material

WaveSwipeRefreshLayout	MaterialHeader

StoreHouse	WaterDrop

Ultra-Pull-To-Refresh	WaterDrop

看到这么多炫酷的Header，是不是觉得很棒？这时你或许会担心这么多的Header集成在一起，但是平时只会用到一个，是不是要引入很多无用的代码和资源？
请放心，我已经把刷新布局分成三个包啦，用到的时候自行引用就可以啦！

SmartRefreshLayout 刷新布局核心实现，自带ClassicsHeader（经典）、BezierRadarHeader（贝塞尔雷达）两个 Header.
SmartRefreshHeader 各种Header的集成，除了Layout自带的Header，其它都在这个包中.
SmartRefreshFooter 各种Footer的集成，除了Layout自带的Footer，其它都在这个包中.

简单用例

1.在 buld.gradle 中添加依赖

//
compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.4-5'
compile 'com.scwang.smartrefresh:SmartRefreshHeader:1.0.4-5'//没有使用特殊Header，可以不加这行

compile 'com.android.support:appcompat-v7:25.3.1'//版本随意（必须）
compile 'com.android.support:design:25.3.1'//版本随意（非必须，引用可以解决无法预览问题）

//1.0.4 出现问题可以回退到 1.0.3
compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.3'
compile 'com.scwang.smartrefresh:SmartRefreshHeader:1.0.3'//没有使用特殊Header，可以不加这行

2.在XML布局文件中添加 SmartRefreshLayout

<?xml version="1.0" encoding="utf-8"?>
<com.scwang.smartrefresh.layout.SmartRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:overScrollMode="never"
        android:background="#fff" />
</com.scwang.smartrefresh.layout.SmartRefreshLayout>

3.在 Activity 或者 Fragment 中添加代码

RefreshLayout refreshLayout = (RefreshLayout)findViewById(R.id.refreshLayout);
refreshLayout.setOnRefreshListener(new OnRefreshListener() {
    @Override
    public void onRefresh(RefreshLayout refreshlayout) {
        refreshlayout.finishRefresh(2000/*,false*/);//传入false表示刷新失败
    }
});
refreshLayout.setOnLoadmoreListener(new OnLoadmoreListener() {
    @Override
    public void onLoadmore(RefreshLayout refreshlayout) {
        refreshlayout.finishLoadmore(2000/*,false*/);//传入false表示加载失败
    }
});

使用指定的 Header 和 Footer

1.方法一全局设置

public class App extends Application {
    //static 代码段可以防止内存泄露
    static {
        //设置全局的Header构建器
        SmartRefreshLayout.setDefaultRefreshHeaderCreater(new DefaultRefreshHeaderCreater() {
                @Override
                public RefreshHeader createRefreshHeader(Context context, RefreshLayout layout) {
                    layout.setPrimaryColorsId(R.color.colorPrimary, android.R.color.white);//全局设置主题颜色
                    return new ClassicsHeader(context);//.setTimeFormat(new DynamicTimeFormat("更新于 %s"));//指定为经典Header，默认是 贝塞尔雷达Header
                }
            });
        //设置全局的Footer构建器
        SmartRefreshLayout.setDefaultRefreshFooterCreater(new DefaultRefreshFooterCreater() {
                @Override
                public RefreshFooter createRefreshFooter(Context context, RefreshLayout layout) {
                    //指定为经典Footer，默认是 BallPulseFooter
                    return new ClassicsFooter(context).setDrawableSize(20);
                }
            });
    }
}

注意：方法一设置的Header和Footer的优先级是最低的，如果同时还使用了方法二、三，将会被其它方法取代

2.方法二 XML布局文件指定

<com.scwang.smartrefresh.layout.SmartRefreshLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#444444"
    app:srlPrimaryColor="#444444"
    app:srlAccentColor="@android:color/white"
    app:srlEnablePreviewInEditMode="true">
    <!--srlAccentColor srlPrimaryColor 将会改变 Header 和 Footer 的主题颜色-->
    <!--srlEnablePreviewInEditMode 可以开启和关闭预览功能-->
    <com.scwang.smartrefresh.layout.header.ClassicsHeader
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="@dimen/padding_common"
        android:background="@android:color/white"
        android:text="@string/description_define_in_xml"/>
    <com.scwang.smartrefresh.layout.footer.ClassicsFooter
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</com.scwang.smartrefresh.layout.SmartRefreshLayout>

注意：方法二 XML设置的Header和Footer的优先级是中等的，会被方法三覆盖。而且使用本方法的时候，Android Studio 会有预览效果，如下图：

不过不用担心，只是预览效果，运行的时候只有下拉才会出现~

3.方法三 Java代码设置

final RefreshLayout refreshLayout = (RefreshLayout) findViewById(R.id.refreshLayout);
//设置 Header 为 Material样式
refreshLayout.setRefreshHeader(new MaterialHeader(this).setShowBezierWave(true));
//设置 Footer 为 球脉冲
refreshLayout.setRefreshFooter(new BallPulseFooter(this).setSpinnerStyle(SpinnerStyle.Scale));

作者已经封装好了很多效果得头布局 如果你不想该可以直接用 感觉最方便得还是这里面动画的实现方式 并不是图片数组的帧动画 而是让美工用ae做成了绘制地址的json文件 效果强大 体积小 有效避免了oom  如果直接导入依赖可能会有用不到的头布局样式 所以我把大神的代码拔下来 删除了多余的布局 只留了默认效果 然后根据自己的需要在添加再加自定义布局

先发个删除过的demo

http://download.csdn.net/download/qq_34709056/10179672

里面最好用的还是这个地址写的动画

看看作者的源码

http://download.csdn.net/download/qq_34709056/10179704

依赖了一个加载地址动画的库

compile 'com.airbnb.android:lottie:2.2.5'

去所搜下 你就发现又是一个大牛

根据大牛的demo 随便修改了下 不同的动画

http://download.csdn.net/download/qq_34709056/10179751

关于 lottie 下面再说