高级UI

SwipeRefreshLayout 的使用详解

2019-03-27  本文已影响48人  yeyecan

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)

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

上一篇下一篇

猜你喜欢

热点阅读