【Android - 控件】之V - SwipeRefreshLayout的使用

  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地址

posted on 2016-12-22 13:15  ITGungnir  阅读(1458)  评论(0编辑  收藏  举报

导航