Android - V之SwipeRefreshLayout的使用

Posted 2020-08-24 ITGungnir

SwipeRefreshLayout是android V4、V7包中的一个控件，是Google给我们提供的一个下拉刷新的布局控件，可以轻松完成下拉刷新。

SwipeRefreshLayout的特点是其中只能有一个子控件，和ScrollView相似。

 

我们今天已一个例子来看看SwipeRefreshLayout这个控件的功能：使用SwipeRefreshLayout布局结合ListView完成下拉刷新，向ListView中添加新数据的功能。

首先来看一下一些关于配置的问题。SwipeRefreshLayout布局中可以设置刷新圆圈中展示的颜色，调用setColorSchemeColors()方法设置，最多可以设置4中颜色，具体的代码如下：

        // 设置刷新圆圈的颜色（最多只能有四种颜色）
        srl.setColorSchemeColors(Color.RED, Color.BLUE, Color.GREEN, Color.YELLOW);

 

页面的布局代码如下：

<android.support.v4.widget.SwipeRefreshLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/srh"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

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

在JAVA代码中，通过SwipeRefreshLayout在XML文件中的ID找到这个布局控件：

srl = (SwipeRefreshLayout) findViewById(R.id.srh);

ListView适配数据的代码在这里就不多说了，总之初始时候运行的结果如下图所示：

接下来编写SwipeRefreshLayout进行下拉刷新的代码。SwipeRefreshLayout布局通过setOnRefreshListener()方法设置刷新事件，需要重写其中的onRefresh()抽象方法，在这个方法中写下拉刷新的业务代码，最后必须调用setRefreshing(false)。具体的代码如下：

        // 设置SwipeRefreshLayout的刷新事件
        srl.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        try {
                            Thread.sleep(5000);
                            mHandler.sendEmptyMessage(1);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                    }
                }).start();
            }
        });
        // 初始化Handler
        mHandler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                if (msg.what == 1) {
                    // 在ListView中添加两条数据
                    data.add(0, "New Item......");
                    data.add(0, "New Item......");
                    adapter.setData(data);
                    adapter.notifyDataSetChanged();
                    // 取消SwipeRefreshLayout的刷新状态
                    srl.setRefreshing(false);
                }
            }
        };

 

在这段代码中，在刷新的时候故意停留5秒钟，然后向ListView中添加了2条新的数据，最后在Handler中调用了setRefreshing(false)方法结束了刷新。刷新过程中和刷新完毕后的状态如下图所示：

      

 

以上就是对SwipeRefreshLayout布局控件的基础用法的介绍，下面贴出码云上的源码，供大家参考。

DEMO地址