google官方的下拉刷新控件SwipeRefreshLayout

               google官方的下拉刷新控件SwipeRefreshLayout

        在上一篇博客中，实现了自定义的下拉刷新控件，了解了下拉刷新的基本原理。自定义下拉刷新原理http://blog.csdn.net/oqihaogongyuan/article/details/50823017

点击打开链接查看自定义listview的下拉刷新上拉加载更多

然而google官方也在自己的V4包中增加了这个控间，而且这个空间使用起来非常的方便。我们先来看看它在google文档中的说明：

     可以看出它在v4包的widget包中，我们就可以在我们的xml中应用了，就像viewpager一样；

然而我们只需要使用以下几个方法就可以使用了。如下图:

      其中isRefreshing(),是当listview刷新数据结束时调用的，设置 listview.isRefreshing( false ) 就能使listview结束

刷新状态；setColorScheme(int... colors)是使用颜色数组来设置刷新进度条的颜色，当刷新时就能看到不同几种颜色的变化，setColorSchemeColors（int... colors）是设置颜色数组来设置圆圈刷新的颜色，当刷新时，圆圈转了一圈就改变刷新圆圈的颜色。

 

 下面就开始教大家怎么用：

       

         1、在要刷新LlistView的外层包裹一个SwipeRefreshLayout,如下面代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swipe_refresh_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

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

     2、然后再到activity中使用如下代码:

<pre class="java" name="code">package com.example.myfirst.pulltorefreshlist;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.widget.ListView;

import java.util.ArrayList;

/**
 * google官方推荐的下拉刷新方法
 * Created by chengguo on 2016/3/14.
 */
public class GoogleRefreshingActivity extends Activity implements SwipeRefreshLayout.OnRefreshListener {

    private SwipeRefreshLayout swipeRefreshLayout;
    private ListView listView;
    //对象数据集合
    private ArrayList<ListViewItem> items;
    //listview的数据加载器adapter
    private RefreshListAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.google_refreshin_activity);

        initView();
        initEvent();
        initData();
    }

    /**
     * 初始化列表数据
     */
    private void initData() {
        items = new ArrayList<ListViewItem>();

        //这里只是模拟10个列表项数据，在现实开发中，listview中的数据都是从服务器获取的。
        for (int i = 0; i < 10; i++) {
            ListViewItem item = new ListViewItem();
            item.setUserImg(R.mipmap.ic_launcher);
            item.setUserName("seven" + i);
            item.setUserComment("这是google官方一个下拉刷新ListView");
            items.add(item);
        }

        //为listview配置adapter
        adapter = new RefreshListAdapter(GoogleRefreshingActivity.this, items);
        listView.setAdapter(adapter);
    }

    /**
     * 给空间添加事件
     */
    private void initEvent() {
        swipeRefreshLayout.setOnRefreshListener(this);

       //设置圆圈进度条的背景颜色
        swipeRefreshLayout.setProgressBackgroundColorSchemeColor(
                getResources().getColor(R.color.colorPrimary));

        //设置进度条变化的颜色
        swipeRefreshLayout.setColorSchemeResources(
                R.color.firstColor,
                R.color.secondColor,
                R.color.thirdColor,
                R.color.forthColor);
    }

    /**
     * 初始化界面控件
     */
    private void initView() {
        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);
        listView = (ListView) findViewById(R.id.refresh_listview);
    }

    /**
     * 触发了下拉刷新事件，就会执行onRefresh()方法，这样就能在这个
     * 方法中去执行网络获取最新的数据，然后再刷新到listview上面
     */
    @Override
    public void onRefresh() {
        //因为本例中没有从网络获取数据，因此这里使用Handler演示4秒延迟来从服务器获取数据的延迟现象，以便于大家
        // 能够看到listView正在刷新的状态。大家在现实使用时只需要使用run（）{}方法中的代码就行了。
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                //获取最新的list数据
                setRefreshData();
                //通知界面显示，
                adapter.notifyDataSetChanged();
                // 通知listview刷新数据完毕,让listview停止刷新
                swipeRefreshLayout.setRefreshing(false);
            }
        }, 6000);
    }

    private void setRefreshData() {
        //这里只是模拟3个列表项数据，在现实开发中，listview中的数据都是从服务器获取的。
        for (int i = 0; i < 3; i++) {
            ListViewItem item = new ListViewItem();
            item.setUserImg(R.mipmap.ic_launcher);
            item.setUserName("seven" + i);
            item.setUserComment("这是一个下拉刷新，上拉加载更多的ListView");
            items.add(item);
        }
    }
}

           

  activity代码中首先找到listview和swipeRefershLayout:

swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);
 listView = (ListView) findViewById(R.id.refresh_listview);

  然后给swipeRefreshLayout设置刷新接口,并且给刷新进度设置颜色，和他的背景颜色:

swipeRefreshLayout.setOnRefreshListener(this);

</pre><pre class="java" name="code" code_snippet_id="1609880" snippet_file_name="blog_20160314_6_8386460">//设置圆圈进度条的背景颜色
  swipeRefreshLayout.setProgressBackgroundColorSchemeColor(
                getResources().getColor(R.color.colorPrimary));

        //设置进度条变化的颜色
 swipeRefreshLayout.setColorSchemeResources(
                R.color.firstColor,
                R.color.secondColor,
                R.color.thirdColor,
                R.color.forthColor);

最后当swipeRefreshLayout发生了下拉刷新事件之后，手指从屏幕抬起，执行刷新的接口的方法：

**
     * 触发了下拉刷新事件，就会执行onRefresh()方法，这样就能在这个
     * 方法中去执行网络获取最新的数据，然后再刷新到listview上面
     */
    @Override
    public void onRefresh() {
        //因为本例中没有从网络获取数据，因此这里使用Handler演示4秒延迟来从服务器获取数据的延迟现象，以便于大家
        // 能够看到listView正在刷新的状态。大家在现实使用时只需要使用run（）{}方法中的代码就行了。
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                //获取最新的list数据
                setRefreshData();
                //通知界面显示，
                adapter.notifyDataSetChanged();
                // 通知listview刷新数据完毕,让listview停止刷新
                swipeRefreshLayout.setRefreshing(false);
            }
        }, 4000);
    }

当数据加载完成后，把swipeRefreshLayout的setRefreshing（）设置为false，这样listview就停止了刷新，这样整个刷新过程就完成了。下面我将放上源码，大家下载感受一下，普通的下拉刷新用多了，用用这个样式的下拉刷新也是非常独特的。

            点击下载示例:点击打开链接

效果gif图如下: