美文网首页
框架整理系列二十七(下拉刷新框架)

框架整理系列二十七(下拉刷新框架)

作者: I_Gisvity | 来源:发表于2017-07-25 11:27 被阅读0次

    Android智能下拉刷新框架-SmartRefreshLayout

    感谢大神:https://github.com/scwang90/SmartRefreshLayout
    https://segmentfault.com/a/1190000010066071

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

    特点功能:

    支持所有的 View(AbsListView、RecyclerView、WebView....View) 和多层嵌套的视图结构
    支持自定义并且已经集成了很多炫酷的 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)
    支持多点触摸,下拉、上拉各种手势冲突

    传送门
    智能之处
    更新日志
    属性方法
    博客文章
    源码下载
    多点触摸
    自定义Header

    Demo
    下载 APK-Demo


    项目演示


    风格演示

    上面这两个是我自己实现的Header,设计来自:Refresh-your-deliveryDropbox-Refresh
    下面的Header是我把github上其它优秀的Header进行的整理和集合还有优化:

    整理来自:TwinklingRefreshLayoutPull Down To Refresh

    整理来自:FlyRefreshClassicsHeader

    整理来自:Yalantis/PhoenixYalantis/Taurus

    整理来自:FunGame/BattleCityFunGame/HitBlock

    整理来自:WaveSwipeRefreshLayoutMaterialHeader

    整理来自:Ultra-Pull-To-RefreshWaterDrop

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

    SmartRefreshLayout 刷新布局核心实现,自带ClassicsHeader(经典)、BezierRadarHeader(贝塞尔雷达)两个 Header.

    SmartRefreshHeader 各种Header的集成,除了Layout自带的Header,其它都在这个包中.
    SmartRefreshFooter 各种Footer的集成,除了Layout自带的Footer,其它都在这个包中.

    简单用例
    1.在 buld.gradle 中添加依赖

    compile 'com.android.support:appcompat-v7:25.3.1'//版本随意compile 
    
    'com.scwang.smartrefresh:SmartRefreshLayout:1.0.3-alpha-6'compile 
    
    'com.scwang.smartrefresh:SmartRefreshHeader:1.0.3-alpha-6'//没有使用特殊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 { //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).setSpinnerStyle(SpinnerStyle.Translate);//指定为经典Header,默认是 贝塞尔雷达Header } }); //设置全局的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/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));
    

    相关文章

      网友评论

          本文标题:框架整理系列二十七(下拉刷新框架)

          本文链接:https://www.haomeiwen.com/subject/icdwkxtx.html