一、問題描述

在android開發(fā)中，使用最多的數(shù)據(jù)刷新方式就是下拉刷新了，而完成此功能我們使用最多的就是第三方的開源庫PullToRefresh。現(xiàn)如今，google也忍不住推出了自己的下拉組件SwipeRefreshLayout，下面我們通過api文檔和源碼來分析學(xué)習(xí)如何使用SwipeRefreshLayout。

先看效果圖：

二、SwipeRefreshLayout的具體用法

下面我們來看SwipeRefreshLayout的具體用法，顧名思義此組件就是一個布局，只不過要注意的是此布局內(nèi)只能有一個直接子View。其實通過文檔我們可以知道SwipeRefreshLayout只不過是繼承了ViewGroup。

查看文檔，我們可以知道，在SwipRefreshLayout中存在一個接口，通過此接口我們可以監(jiān)聽滑動手勢，其實使用此組件最重要的步驟就是實現(xiàn)此接口的onRefresh方法，在此方法中實現(xiàn)數(shù)據(jù)的更新操作。如下：

接口中的方法：

1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):設(shè)置手勢滑動監(jiān)聽器。

2、setProgressBackgroundColor(int colorRes):設(shè)置進度圈的背景色。

3、setColorSchemeResources(int… colorResIds):設(shè)置進度動畫的顏色。

4、setRefreshing(Boolean refreshing):設(shè)置組件的刷洗狀態(tài)。

5、setSize(int size):設(shè)置進度圈的大小，只有兩個值：DEFAULT、LARGE

弄清楚API后，我們下面進行實際編碼，首先先做布局，具體內(nèi)容如下：

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

#p#

Activity核心代碼如下：

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.setProgressBackgroundColor(R.color.swipe_background_color); 
        //swipeRefreshLayout.setPadding(20, 20, 20, 20); 
        //swipeRefreshLayout.setProgressViewOffset(true, 100, 200); 
        //swipeRefreshLayout.setDistanceToTriggerSync(50); 
        swipeRefreshLayout.setProgressViewEndTarget(true, 100); 
        swipeRefreshLayout.setOnRefreshListener(new 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(); 
            } 
        }); 
    //handler 
    private Handler mHandler = new Handler(){ 
        @Override 
        public void handleMessage(Message msg) { 
            super.handleMessage(msg); 
            switch (msg.what) { 
            case 1: 
                 
                swipeRefreshLayout.setRefreshing(false); 
                adapter.notifyDataSetChanged(); 
                //swipeRefreshLayout.setEnabled(false); 
                break; 
            default: 
                break; 
            } 
        } 
    }; 

通過如上步驟，我們就實現(xiàn)了一個簡單的下拉刷新操作，在此基礎(chǔ)上，我們可以分析研究一下SwipeRefreshLayout是如何實現(xiàn)的。

通過源碼我們發(fā)現(xiàn)SwipeRefreshLayout中的兩個重要的屬性：

 

private MaterialProgressDrawable mProgress;

private CircleImageView mCircleView;
這兩個屬性正是用于實現(xiàn)進度動畫效果的，在方法createProgressView中，我們看到mCircleView最終加入到了SwipeRefreshLayout中。

private void createProgressView() {
mCircleView = new CircleImageView(getContext(), CIRCLE_BG_LIGHT, CIRCLE_DIAMETER/2);
mProgress = new MaterialProgressDrawable(getContext(), this);
mProgress.setBackgroundColor(CIRCLE_BG_LIGHT);
mCircleView.setImageDrawable(mProgress);
mCircleView.setVisibility(View.GONE);
addView(mCircleView);
}

同時我們也可以查看到CirlceImageView繼承了ImageView，MaterialProgressDrawabel繼承了Drawable，至此我們也就明白了下來進度動畫是如何實現(xiàn)的了，具體的細(xì)節(jié)在不做過多贅述，可自行查看源碼

lass CircleImageView extends ImageView

class MaterialProgressDrawable extends Drawable implements Animatable

具體的下拉功能實現(xiàn)主要是在onInterceptTouchEvent、onTouchEvent方法中完成的，在此我就不在將具體代碼貼出來了，大家可自行查看。