Android智能下拉刷新框架-SmartRefreshLayout

系统管理员 2022-06-10 04:50 213阅读 0赞

Github 传送门： https://github.com/scwang90/SmartRefreshLayout

--------------------

## Demo ##

下载 APK-Demo： https://github.com/scwang90/SmartRefreshLayout/raw/master/art/app-debug.apk

### 项目演示 ###

![gif_practive_profile.gif_objectId_1190000010066071_token_21df93e0adb005785e019aabaf20a383][]

--------------------

### 风格演示 ###

![gif_Delivery.gif_objectId_1190000010066071_token_f11fc38853b928832a4b3c688ba02eb1][]![gif_Dropbox.gif_objectId_1190000010066071_token_3f19d1bbcdaf213f903748039164e51c][]

![gif_BezierRadar.gif_objectId_1190000010066071_token_7b9540182df7c179251b3462f7dce2fb][]![gif_Circle.gif_objectId_1190000010066071_token_9c948c845fac973a30a95ab72f0fbe26][]

![gif_FlyRefresh.gif_objectId_1190000010066071_token_d5908532927d4e4adab21c4719c5a93e][]![gif_Classics.gif_objectId_1190000010066071_token_dadf2f9ca0a7e3ac2f4cb9a3173aed67][]

![gif_Phoenix.gif_objectId_1190000010066071_token_a980c344a1a9dfce3c89cb8fe5ccf622][]![gif_Taurus.gif_objectId_1190000010066071_token_8cd8ada317f6086f8ae1905fe4140d38][]

![gif_BattleCity.gif_objectId_1190000010066071_token_68e07dd06736c21aee8c5cbca4b2f4d8][]![gif_HitBlock.gif_objectId_1190000010066071_token_918f456aed28a38226212f7aaff96127][]

![gif_WaveSwipe.gif_objectId_1190000010066071_token_4e653ef46a93527b92df7b6cff1b02e5][]![gif_Material.gif_objectId_1190000010066071_token_0d8b2405fbf8aab220fd8ddcf18d2318][]

![gif_StoreHouse.gif_objectId_1190000010066071_token_bfcde2511dde08e89f4b66b6aae8efab][]![gif_WaterDrop.gif_objectId_1190000010066071_token_4a6b3ca31bc779a0b6f93f98bb2c3f81][]

--------------------

## 框架 ##

如果你看完了效果图，或许框架的意思应该有所了解了~~SmartRefreshLayout对下拉刷新功能进行系统的拆分、组合，主要由四个部分组成：

*  RefreshLayout 下拉的基本功能，包括布局测量、滑动事件处理、参数设定等等
 *  RefreshContent 对不同内容的统一封装，包括判断是否可滚动、回弹判断、智能识别
 *  RefreshHeader 下拉头部的实现和显示
 *  RefreshFooter 上拉底部的实现和显示

下面是UML关系类图

![jpg_uml.jpg_objectId_1190000010066071_token_933466a0a491f25c63b2bc1fbdefa59e][]

通过SmartRefreshLayout框架，你可以在一个稳定强大的下拉布局中实现自己项目需求的 Header ，不用去关心滑动事件处理，不用关心子控件的回弹和滚动边界，只需关注自己真正的项目需求Header的样子和动画。

### 特点 ###

这时你会问：网上其他的开源下拉控件一样的可以自定义 Header 和 Footer ，SmartRefreshLayout 和它们比起来有什么优势？

#### 变换方式 ####

*  Translate 平行移动 特点: 最常见，HeaderView高度不会改变，
 *  Scale 拉伸形变 特点：在下拉和上弹（HeaderView高度改变）时候，会自动触发OnDraw事件
 *  FixedFront 固定在前面 特点：不会上下移动，HeaderView高度不会改变
 *  FixedBehind 固定在后面 特点：不会上下移动，HeaderView高度不会改变（类似微信浏览器效果）
 *  Screen 全屏幕 特点：固定在前面，尺寸充满整个布局

SmartRefreshLayout 的Header和Footer都有多种变换方式，适应不同风格的 Header 和 Footer，下面是不同变换方式Header的Demo

FixedBehind 固定在后面 和 Scale 拉伸形变

![gif_Circle.gif_objectId_1190000010066071_token_9c948c845fac973a30a95ab72f0fbe26][]

Screen 全屏幕 和 Translate 平行移动

![gif_WaveSwipe.gif_objectId_1190000010066071_token_4e653ef46a93527b92df7b6cff1b02e5][]

#### 独立事件 ####

Header和Footer 可以独立的处理手指滑动事件来为动画提供操作指令，也可以使用RefreshLayout的核心接口来完成一些不寻常的操作指令。  
下面的打砖块 Header中 ，Header可以独立的使用滑动事件来为游戏挡板提供指令，并同时可以调用核心接口来通知RefreshLayout上下滚动列表

![gif_HitBlock.gif_objectId_1190000010066071_token_918f456aed28a38226212f7aaff96127][]![gif_BattleCity.gif_objectId_1190000010066071_token_68e07dd06736c21aee8c5cbca4b2f4d8][]

--------------------

## 智能 ##

智能是什么玩意？有什么用？智能主要体现 SmartRefreshLayout 对未知布局的自动识别上，这样可以让我们更高效的实现我们所需的功能，也可以实现一些非寻常的功能。下面通过自定义Header 和 嵌套Layout作为内容 来解释 SmartRefreshLayout 的智能之处。

### 自定义Header ###

我们来看这一下这个伪代码例子：

在Android Studio 中的预览效果图

![jpg_preview_xml_define.jpg_objectId_1190000010066071_token_0278dee8dda5662e7c723085c1dda07e][]

对比代码和我们预想的一样，那我们来对代码做一些改动，ClassicsHeader换成一个简单的TextView，看看会发生什么？

在Android Studio 中的预览效果图 和 运行效果图

![jpg_preview_textheader.jpg_objectId_1190000010066071_token_9a609484e40723f44bc5a8e5f85ba855][]![gif_preview_textheader.gif_objectId_1190000010066071_token_b950f5a9f3476d2468af35d7c5d5f427][]

这时发现我们我们替换的 TextView 自动就变成了Header，只是它还不会动。要动起来？那么太简单啦，网上随便一搜索就一大堆的 gif 。如这里：拖拖拖 ~~垃机C4D，类似的我们还可以找到很多，又如：环游东京30天：GIF版旅行指南

那我们就选择 环游东京30天：GIF版旅行指南 中的这张：

![201705031493854833.gif_objectId_1190000010066071_token_1674b483debe1f52c1258d64534339cb][]

接着我们来改代码:

compile 'pl.droidsonroids.gif:android-gif-drawable:1.2.3'//一个开源gif控件

在 Android Studio 中的预览效果图 和 运行效果图

![jpg_preview_gifheader.jpg_objectId_1190000010066071_token_40f3d12b28843bfe435180933f412c94][]

哈哈！一行Java代码都不用写，就完成了一个自定义的Header

### 嵌套Layout作为内容 ###

如果boos要求在列表的前面固定一个广告条怎么办？这好办呀，一般我们会开开心心的下下这样的代码：

但是在运行下拉刷新的时候，我们发现 Header是在广告条之下的，看着会别扭~，其实我们可以试试另一种方式，把广告条写到 RefreshLayout内部，看看会发生什么？

由于伪代码过于简单，而且运行效果过于丑陋，这里还是贴出在实际项目中的实际情况吧~

我们注意看右边的图，仔细观察手指触摸的位置和下拉效果。可以看到在列表已经滚动到中部时，轻微下拉列表是不会触发刷新的，但是如果是触摸固定的布局，则可以触发下拉。从这里可以看出 SmartRefreshLayout 对滚动边界的判断是动态的，智能的！当然如果 SmartRefreshLayout 的智能还是不能满足你，可以通过 setListener 自己实现滚动边界的判断，更为准确！

## 功能 ##

简单的介绍了两大特点框架和智能，接下来也说说SmartRefreshLayout还具有的其他常用功能吧~

*  支持所有的 View（AbsListView、RecyclerView、WebView....View） 和多层嵌套的 Layout
 *  支持自定义并且已经集成了很多炫酷的 Header 和 Footer
 *  支持和ListView的同步滚动 和 RecyclerView、AppBarLayout、CoordinatorLayout 的嵌套滚动 NestedScrolling.
 *  支持在Android Studio Xml 编辑器中预览 效果
 *  支持分别在 Default（默认）、Xml、JavaCode 等三个地方设置 Header 和 Footer.
 *  支持自动刷新、自动上拉加载（自动检测列表滚动到底部，而不用手动上拉）.
 *  支持通用的刷新监听器 OnRefreshListener 和更详细的滚动监听 OnMultiPurposeListener.
 *  支持自定义回弹动画的插值器，实现各种炫酷的动画效果.
 *  支持设置主题来适配任何场景的App，不会出现炫酷但很尴尬的情况.
 *  支持设置多种滑动方式来适配各种效果的Header和Footer：位置平移、尺寸拉伸、背后固定、顶层固定、全屏
 *  支持内容尺寸自适应 Content-wrap\_content
 *  支持继承重写和扩展功能，内部实现没有 private 方法和字段，继承之后都可以重写覆盖
 *  支持越界回弹（Listview、RecyclerView、ScrollView、WebView...View）

--------------------

## 使用 ##

### 简单用例 ###

#### 1.在 buld.gradle 中添加依赖 ####

compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.2-alpha-5'
    compile 'com.scwang.smartrefresh:SmartRefreshHeader:1.0.2-alpha-5'//如果使用了特殊的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);
        }
    });
    refreshLayout.setOnLoadmoreListener(new OnLoadmoreListener() {
        @Override
        public void onLoadmore(RefreshLayout refreshlayout) {
            refreshlayout.finishLoadmore(2000);
        }
    });

### 使用指定的 Header 和 Footer ###

#### 1.方法一 全局设置 ####

public class App extends Application {
        public void onCreate() {
            super.onCreate();
            //设置全局的Header构建器
            SmartRefreshLayout.setDefaultRefreshHeaderCreater(new DefaultRefreshHeaderCreater() {
                    @Override
                    public RefreshHeader createRefreshHeader(Context context, RefreshLayout layout) {
                        //指定为经典Header，默认是 贝塞尔雷达Header
                        return new ClassicsHeader(context).setSpinnerStyle(SpinnerStyle.Translate);
                    }
                });
            //设置全局的Footer构建器
            SmartRefreshLayout.setDefaultRefreshFooterCreater(new DefaultRefreshFooterCreater() {
                    @Override
                    public RefreshFooter createRefreshFooter(Context context, RefreshLayout layout) {
                        //指定为经典Footer，默认是 BallPulseFooter
                        return new ClassicsFooter(context).setSpinnerStyle(SpinnerStyle.Translate);
                    }
                });
        }
    }

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

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

<com.scwang.smartrefresh.layout.SmartRefreshLayout xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/smartLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#444444" app:srlPrimaryColor="#444444" app:srlAccentColor="@android:color/white" app:srlEnablePreviewInEditMode="true">
            
            
            <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 会有预览效果，如下图：

![jpg_preview_xml_define.jpg_objectId_1190000010066071_token_0278dee8dda5662e7c723085c1dda07e][]

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

#### 3.方法三 Java代码设置 ####

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

### 属性 Attributes ###

## 方法 Method ##

<table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse; border-spacing:0px; background-color:transparent; margin:1.5em 0px; width:825px"> 
 <thead style="word-wrap:break-word"> 
  <tr style="word-wrap:break-word"> 
   <th align="center" style="word-wrap:break-word; text-align:left; font-weight:400; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal; background:rgb(243,243,243)"> 名称</th> 
   <th align="center" style="word-wrap:break-word; text-align:left; font-weight:400; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal; background:rgb(243,243,243)"> 格式</th> 
   <th align="center" style="word-wrap:break-word; text-align:left; font-weight:400; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal; background:rgb(243,243,243)"> 描述</th> 
  </tr> 
 </thead> 
 <tbody style="word-wrap:break-word"> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setPrimaryColors</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> colors</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 主题强调颜色</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setPrimaryColorsId</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> colors</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 主题强调颜色资源Id</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setReboundDuration</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> integer</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 释放后回弹动画时长</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setHeaderHeight</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> dimension</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> Header的标准高度（px/dp 两个版本）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setFooterHeight</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> dimension</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> Footer的标准高度（px/dp 两个版本）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setDragRate</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> float</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 显示拖动高度/真实拖动高度（默认0.5，阻尼效果）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setHeaderMaxDragRate</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> float</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> Header最大拖动高度/Header标准高度（默认2，要求&gt;=1）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setFooterMaxDragRate</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> float</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> Footer最大拖动高度/Footer标准高度（默认2，要求&gt;=1）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setEnableRefresh</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 是否开启下拉刷新功能（默认true）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setEnableLoadmore</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 是否开启加上拉加载功能（默认true）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setEnableHeaderTranslationContent</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 拖动Header的时候是否同时拖动内容（默认true）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setEnableFooterTranslationContent</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 拖动Footer的时候是否同时拖动内容（默认true）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setEnableAutoLoadmore</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 是否监听列表滚动到底部时触发加载事件</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setDisableContentWhenRefresh</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 是否在刷新的时候禁止内容的一切手势操作（默认false）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setDisableContentWhenLoading</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 是否在加载的时候禁止内容的一切手势操作（默认false）</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setReboundInterpolator</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> Interpolator</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 设置回弹动画的插值器</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setRefreshHeader</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> RefreshHeader</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 设置指定的Header</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setRefreshFooter</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> RefreshFooter</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 设置指定的Footer</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setOnRefreshListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> OnRefreshListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 设置刷新监听器</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setOnLoadmoreListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> OnLoadmoreListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 设置加载监听器</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setOnRefreshLoadmoreListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> OnRefreshLoadmoreListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 同时设置上面两个监听器</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setOnMultiPurposeListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> OnMultiPurposeListener</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 设置多功能监听器</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> setLoadmoreFinished</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 设置全部数据加载完成，之后不会触发加载事件</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> finishRefresh</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> (int delayed)</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 完成刷新，结束刷新动画</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> finishLoadmore</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> (int delayed)</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 完成加载，结束加载动画</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> getRefreshHeader</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> RefreshHeader</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 获取Header</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> getRefreshFooter</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> RefreshFooter</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 获取Footer</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> getState</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> RefreshState</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 获取当前状态</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> isRefreshing</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 是否正在刷新</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> isLoading</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> boolean</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 是否正在加载</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> autoRefresh</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> (int delayed)</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 触发自动刷新</td> 
  </tr> 
  <tr style="word-wrap:break-word"> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> autoLoadmore</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> (int delayed)</td> 
   <td align="center" style="word-wrap:break-word; padding:5px 8px; border:1px solid rgb(230,230,230); word-break:normal"> 触发自动加载</td> 
  </tr> 
 </tbody> 
</table>

[gif_practive_profile.gif_objectId_1190000010066071_token_21df93e0adb005785e019aabaf20a383]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_practive_profile.gif&objectId=1190000010066071&token=21df93e0adb005785e019aabaf20a383
[gif_Delivery.gif_objectId_1190000010066071_token_f11fc38853b928832a4b3c688ba02eb1]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_Delivery.gif&objectId=1190000010066071&token=f11fc38853b928832a4b3c688ba02eb1
[gif_Dropbox.gif_objectId_1190000010066071_token_3f19d1bbcdaf213f903748039164e51c]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_Dropbox.gif&objectId=1190000010066071&token=3f19d1bbcdaf213f903748039164e51c
[gif_BezierRadar.gif_objectId_1190000010066071_token_7b9540182df7c179251b3462f7dce2fb]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_BezierRadar.gif&objectId=1190000010066071&token=7b9540182df7c179251b3462f7dce2fb
[gif_Circle.gif_objectId_1190000010066071_token_9c948c845fac973a30a95ab72f0fbe26]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_Circle.gif&objectId=1190000010066071&token=9c948c845fac973a30a95ab72f0fbe26
[gif_FlyRefresh.gif_objectId_1190000010066071_token_d5908532927d4e4adab21c4719c5a93e]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_FlyRefresh.gif&objectId=1190000010066071&token=d5908532927d4e4adab21c4719c5a93e
[gif_Classics.gif_objectId_1190000010066071_token_dadf2f9ca0a7e3ac2f4cb9a3173aed67]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_Classics.gif&objectId=1190000010066071&token=dadf2f9ca0a7e3ac2f4cb9a3173aed67
[gif_Phoenix.gif_objectId_1190000010066071_token_a980c344a1a9dfce3c89cb8fe5ccf622]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_Phoenix.gif&objectId=1190000010066071&token=a980c344a1a9dfce3c89cb8fe5ccf622
[gif_Taurus.gif_objectId_1190000010066071_token_8cd8ada317f6086f8ae1905fe4140d38]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_Taurus.gif&objectId=1190000010066071&token=8cd8ada317f6086f8ae1905fe4140d38
[gif_BattleCity.gif_objectId_1190000010066071_token_68e07dd06736c21aee8c5cbca4b2f4d8]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_BattleCity.gif&objectId=1190000010066071&token=68e07dd06736c21aee8c5cbca4b2f4d8
[gif_HitBlock.gif_objectId_1190000010066071_token_918f456aed28a38226212f7aaff96127]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_HitBlock.gif&objectId=1190000010066071&token=918f456aed28a38226212f7aaff96127
[gif_WaveSwipe.gif_objectId_1190000010066071_token_4e653ef46a93527b92df7b6cff1b02e5]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_WaveSwipe.gif&objectId=1190000010066071&token=4e653ef46a93527b92df7b6cff1b02e5
[gif_Material.gif_objectId_1190000010066071_token_0d8b2405fbf8aab220fd8ddcf18d2318]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_Material.gif&objectId=1190000010066071&token=0d8b2405fbf8aab220fd8ddcf18d2318
[gif_StoreHouse.gif_objectId_1190000010066071_token_bfcde2511dde08e89f4b66b6aae8efab]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_StoreHouse.gif&objectId=1190000010066071&token=bfcde2511dde08e89f4b66b6aae8efab
[gif_WaterDrop.gif_objectId_1190000010066071_token_4a6b3ca31bc779a0b6f93f98bb2c3f81]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_WaterDrop.gif&objectId=1190000010066071&token=4a6b3ca31bc779a0b6f93f98bb2c3f81
[jpg_uml.jpg_objectId_1190000010066071_token_933466a0a491f25c63b2bc1fbdefa59e]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/jpg_uml.jpg&objectId=1190000010066071&token=933466a0a491f25c63b2bc1fbdefa59e
[jpg_preview_xml_define.jpg_objectId_1190000010066071_token_0278dee8dda5662e7c723085c1dda07e]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/jpg_preview_xml_define.jpg&objectId=1190000010066071&token=0278dee8dda5662e7c723085c1dda07e
[jpg_preview_textheader.jpg_objectId_1190000010066071_token_9a609484e40723f44bc5a8e5f85ba855]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/jpg_preview_textheader.jpg&objectId=1190000010066071&token=9a609484e40723f44bc5a8e5f85ba855
[gif_preview_textheader.gif_objectId_1190000010066071_token_b950f5a9f3476d2468af35d7c5d5f427]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/gif_preview_textheader.gif&objectId=1190000010066071&token=b950f5a9f3476d2468af35d7c5d5f427
[201705031493854833.gif_objectId_1190000010066071_token_1674b483debe1f52c1258d64534339cb]: https://segmentfault.com/image?src=http://78rbeb.com1.z0.glb.clouddn.com/wp-content/uploads/2017/05/201705031493854833.gif&objectId=1190000010066071&token=1674b483debe1f52c1258d64534339cb
[jpg_preview_gifheader.jpg_objectId_1190000010066071_token_40f3d12b28843bfe435180933f412c94]: https://segmentfault.com/image?src=https://github.com/scwang90/SmartRefreshLayout/raw/master/art/jpg_preview_gifheader.jpg&objectId=1190000010066071&token=40f3d12b28843bfe435180933f412c94