Google官方下拉刷新组件SwipeRefreshLayout

一、问题描述

在android开发中，使用最多的数据刷新方式就是下拉刷新了，而完成此功能我们使用最多的就是第三方的开源库PullToRefresh。现如今，google也忍不住推出了自己的下拉组件SwipeRefreshLayout，下面我们通过api文档和源码来分析学习如何使用SwipeRefreshLayout。

SwipeRefreshLayout继承自ViewGroup，在support v4兼容包下，但必须把你的support library的版本升级到19.1

先看效果图：

二、SwipeRefreshLayout的具体用法

下面我们来看SwipeRefreshLayout的具体用法，顾名思义此组件就是一个布局，只不过要注意的是此布局内只能有一个直接子View。其实通过文档我们可以知道SwipeRefreshLayout只不过是继承了ViewGroup。

查看文档，我们可以知道，在SwipRefreshLayout中存在一个接口，通过此接口我们可以监听滑动手势，其实使用此组件最重要的步骤就是实现此接口的onRefresh方法，在此方法中实现数据的更新操作。如下：

接口中的方法：

除了OnRefreshListener接口外，SwipRefreshLayout中还有一些其他重要的方法，具体如下：

1. setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

2. setProgressBackgroundColor(int colorRes):设置进度圈的背景色。

3. setColorSchemeResources(int… colorResIds):设置进度动画的颜色。

4. setRefreshing(Boolean refreshing):设置组件的刷洗状态。

5. setSize(int size):设置进度圈的大小，只有两个值：DEFAULT、LARGE

6. setProgressViewEndTarget(true, 500):设置进度条离该View的top处的像素距离

弄清楚API后，我们下面进行实际编码，首先先做布局，具体内容如下：

acitivity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/swipeLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/mylist"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"/>

</android.support.v4.widget.SwipeRefreshLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private SwipeRefreshLayout swipeRefreshLayout;
    private ListView myList;
    private List<String> data;
    private ArrayAdapter<String> adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myList = (ListView)findViewById(R.id.mylist);
        data = new ArrayList<String>();
        adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data);
        myList.setAdapter(adapter);

        swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipeLayout);
        //设置进度条动画的颜色
        swipeRefreshLayout.setColorSchemeResources(R.color.swipe_color_1,
                R.color.swipe_color_2,
                R.color.swipe_color_3,
                R.color.swipe_color_4);
        //设置进度条大小
        swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);
        //设置下拉刷新控件的背景色
        swipeRefreshLayout.setProgressBackgroundColorSchemeResource(R.color.swipe_background_color);
        //设置进度圈离该View的top处的像素距离
        swipeRefreshLayout.setProgressViewEndTarget(true, 500);
        //设置手势滑动监听器。
        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        data.clear();
                        for(int i=0;i<20;i++){
                            data.add("SwipeRefreshLayout下拉刷新"+i);
                        }
                        try {
                            Thread.sleep(5000);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                        mHandler.sendEmptyMessage(1);
                    }
                }).start();
            }
        });
    }
    private Handler mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
                case 1:
                    //设置组件的刷洗状态。
                    swipeRefreshLayout.setRefreshing(false);
                    adapter.notifyDataSetChanged();
                    break;
                default:
                    break;
            }
        }
    };
}

使用到的资源文件：colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <color name="swipe_color_1">#00FFFF</color>
    <color name="swipe_color_2">#FF00FF</color>
    <color name="swipe_color_3">#FFFF00</color>
    <color name="swipe_color_4">#0000FF</color>

    <color name="swipe_background_color">#ccc</color>
</resources>