美文网首页高级UI
SwipeRefreshLayout 的使用详解

SwipeRefreshLayout 的使用详解

作者: yeyecan | 来源:发表于2019-03-27 12:11 被阅读48次

    SwipeRefreshLayout作为谷歌官方推荐的下拉刷新控件,同时简单而又不失优雅的风格,让许多app都使用了这一控件,今天记录下SwipeRefreshLayout在项目中的实际运用。
    首先,我们在布局文件中使用:

         <android.support.v4.widget.SwipeRefreshLayout
                android:id="@+id/swipeRefreshLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                >
            <ListView
                android:id="@+id/list"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
    
            </ListView>
            </android.support.v4.widget.SwipeRefreshLayout>
    

    注意,将listview或者recyclerview放在SwipeRefreshLayout内,这样,我们一个简单的布局就完成了。

    现在我们可以运行试试效果。

    Screenshot_1553658047.png

    一个黑不拉几的下拉样式就出来啦,有人肯定会觉得不对啊,这个怎么一直转,还是黑色的,别急,我们慢慢来

    设置SwipeRefreshLayout 的颜色

    我们先在res/values/color中定义好几个颜色

         <color name="blue">#5BC0DE</color>
         <color name="red">#FF4081</color>
         <color name="black">#000000</color>
    

    然后在java代码中设置颜色:

    swipeRefreshLayout.setColorSchemeResources(R.color.blue);
    

    接下来让我们运行看看:

    Screenshot_1553658583.png

    我们成功改变了下拉样式的颜色,而且可以支持三种颜色变换哦

    swipeRefreshLayout.setColorSchemeResources(R.color.blue,R.color.red,R.color.black);
    

    设置SwipeRefreshLayout 下拉刷新功能的实现

    这个下拉为啥一直在转呢?因为我们还没在代码中设置它的停止,按逻辑来说,我们将在发起数据请求后,服务器做出回应或者一定时间没有得到回应后,将动画取消。让我们先看看SwipeRefreshLayout 的回调方法

    swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
               @Override
               public void onRefresh() {
                     //这里获取数据的逻辑
                   swipeRefreshLayout.setRefreshing(false);
               }
           });
    

    swipeRefreshLayout.setRefreshing(false)这句话传入一个布尔变量,false代表停止执行,这样,当我们执行完毕获取数据的过程后,就可以将一直转的下拉动画给取消掉啦,而且呢, swipeRefreshLayout.setRefreshing()这个方法也可以实现第一次打开页面自动下拉刷新的逻辑,具体实现请问度娘。

    SwipeRefreshLayout 的其他几个方法

    //设置进度View样式的大小,只有两个值DEFAULT和LARGE,表示默认和较大
    swipeRefreshLayout.setSize(DEFAULT);
    //设置触发下拉刷新的距离
    swipeRefreshLayout.setDistanceToTriggerSync(300);
    //设置动画样式下拉的起始点和结束点,scale 是指设置是否需要放大或者缩小动画。
    swipeRefreshLayout.setProgressViewOffset(boolean scale, int start, int end)
    //设置动画样式下拉的结束点,scale 是指设置是否需要放大或者缩小动画
    swipeRefreshLayout.setProgressViewEndTarget(boolean scale, int end);
    //如果自定义了swipeRefreshLayout,可以通过这个回调方法决定是否可以滑动。
    setOnChildScrollUpCallback(@Nullable OnChildScrollUpCallback callback)
    

    本文为原创,转载请标明出处。

    相关文章

      网友评论

        本文标题:SwipeRefreshLayout 的使用详解

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