Skip to content

Latest commit

 

History

History
106 lines (88 loc) · 4.92 KB

md_smart.md

File metadata and controls

106 lines (88 loc) · 4.92 KB
Raw

智能之处

智能是什么？有什么用？

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

自定义Header

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

    <SmartRefreshLayout>
        <ClassicsHeader/>
        <TextView/>
        <ClassicsFooter/>
    </SmartRefreshLayout>

在Android Studio 中的预览效果图

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

    <SmartRefreshLayout>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:gravity="center"
            android:background="#444"
            android:textColor="#fff"
            android:text="看看我会不会变成Header"/>
        <TextView/>
        <ClassicsFooter/>
    </SmartRefreshLayout>

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

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

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

接着我们来改代码:

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

    <SmartRefreshLayout xmlns:app="http://schemas.android.com/apk/res-auto"
        app:srlDragRate="0.7"
        app:srlHeaderMaxDragRate="1.3">
        <pl.droidsonroids.gif.GifImageView
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:scaleType="centerCrop"
            android:src="@mipmap/gif_header_repast"
            app:layout_srlSpinnerStyle="Scale"
            app:layout_srlBackgroundColor="@android:color/transparent"/>
        <ListView/>
        <ClassicsFooter/>
    </SmartRefreshLayout>

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

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

嵌套Layout作为内容

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

<LinearLayout
    android:orientation="vertical">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:gravity="center"
        android:text="我就是boss要求加上的广告条啦"/>
    <SmartRefreshLayout>
        <ListView/>
    </SmartRefreshLayout>
</LinearLayout>

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

<SmartRefreshLayout>
    <LinearLayout
        android:orientation="vertical">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:gravity="center"
            android:text="我就是boos要求加上的广告条啦"/>
        <ListView/>
    </LinearLayout>
</SmartRefreshLayout>

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

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