使用 Ultra Pull To Refresh 定制自己的下拉刷新头部

首先给出这个强大的下拉刷新库的地址 https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh
效果图：

如何使用？

最新版版本号: 1.0.11, 发布到了: https://oss.sonatype.org/content/repositories/snapshots
在gradle中:

maven {
    url 'https://oss.sonatype.org/content/repositories/snapshots'
}

稳定版: 1.0.11, https://oss.sonatype.org/content/repositories/releases,
在gradle中:

mavenCentral()

gradle / Android Studio, 最新版:

compile 'in.srain.cube:ultra-ptr:1.0.11'

gradle / Android Studio, 稳定版:

compile 'in.srain.cube:ultra-ptr:1.0.11'

做好准备工作后就可以开始定制自己的下拉刷新头部了。

添加布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:cube_ptr="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/baseBg"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <in.srain.cube.views.ptr.PtrFrameLayout
        android:id="@+id/store_house_ptr_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        cube_ptr:ptr_duration_to_close="200"
        cube_ptr:ptr_duration_to_close_header="1000"
        cube_ptr:ptr_keep_header_when_refresh="true"
        cube_ptr:ptr_ratio_of_header_height_to_refresh="1.2"
        cube_ptr:ptr_resistance="2.0">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/re_fill_info"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/baseBg"/>

    </in.srain.cube.views.ptr.PtrFrameLayout>
</LinearLayout>

PtrFrameLayout是下拉刷新控件，作为父容器。其中的属性可以在github上找到对应的意义。
下面的RecyclerView 可以换成任意内容。

定制头部

首先要定义头部的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/baseBg">

    <TextView
        android:id="@+id/tv_loading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginBottom="16dp"
        android:layout_marginTop="16dp"
        android:text="loading...."
        android:textColor="@color/colorTextLightBlack" />

    <com.github.ybq.android.spinkit.SpinKitView xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/spin_kit"
        style="@style/SpinKitView.Circle"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:layout_marginLeft="32dp"
        android:visibility="gone"
        app:SpinKit_Color="@color/colorTextLightBlack" />
</RelativeLayout>

我这里是一个TextView + github上的圆形进度。可以替换成自己喜欢的布局。
自定义头部代码：

//继承FrameLayout 实现库的接口
public class LoadingHeader extends FrameLayout implements PtrUIHandler {
    private TextView tvLoading;
    private TextView tvLoaded;
    private PtrTensionIndicator mPtrTensionIndicator;
    private SpinKitView spinKitView;
    PtrFrameLayout mPtrFrameLayout;
    private View view;

    public LoadingHeader(Context context) {
        this(context, null);
    }

    public LoadingHeader(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public LoadingHeader(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
    //实例化控件
    private void init() {
         view = LayoutInflater.from(getContext()).inflate(R.layout.view_loading_head, this, false);
        addView(view);
        tvLoading = (TextView) view.findViewById(R.id.tv_loading);
        spinKitView = (SpinKitView) view.findViewById(R.id.spin_kit);
    }

    //重写方法
    @Override
    public void onUIReset(PtrFrameLayout frame) {
        //重置
    }

    @Override
    public void onUIRefreshPrepare(PtrFrameLayout frame) {
        //准备刷新
    }

    @Override
    public void onUIRefreshBegin(PtrFrameLayout frame) {
        //开始刷新 显示刷新进度跟文本
        tvLoading.setText("刷新中");
        spinKitView.setVisibility(VISIBLE);
    }

    @Override
    public void onUIRefreshComplete(PtrFrameLayout frame) {
        //刷新完成  设置文本 设置进度隐藏
        tvLoading.setText("刷新完成");
        spinKitView.setVisibility(GONE);
    }



    @Override
    public void onUIPositionChange(PtrFrameLayout frame, boolean isUnderTouch, byte status, PtrIndicator ptrIndicator) {
        final int mOffsetToRefresh = frame.getOffsetToRefresh();
        final int currentPos = ptrIndicator.getCurrentPosY();
        final int lastPos = ptrIndicator.getLastPosY();

        if (currentPos < mOffsetToRefresh) {
            //未到达刷新线
            if (status == PtrFrameLayout.PTR_STATUS_PREPARE) {
                tvLoading.setText("下拉刷新");
            }
        } else if (currentPos > mOffsetToRefresh) {
            //到达或超过刷新线
            if (isUnderTouch && status == PtrFrameLayout.PTR_STATUS_PREPARE) {
                tvLoading.setText("释放刷新");
            }
        }
    }
    //
    public void setHeadColor(int color){
        view.setBackgroundColor(color);
    }
}

使用：

        //实例化自定义头部
        LoadingHeader header = new LoadingHeader(ManagedLoanListActivity.this);
        //刷新时保留头部
        storeHousePtrFrame.setKeepHeaderWhenRefresh(true);
        //设置刷新头部
        storeHousePtrFrame.setHeaderView(header);
        storeHousePtrFrame.addPtrUIHandler(header);
        //处理左右滑动冲突
        storeHousePtrFrame.disableWhenHorizontalMove(true);

        //进入页面自动刷新必须放到postDelayed（）里 不然无效
        storeHousePtrFrame.postDelayed(new Runnable() {
            @Override
            public void run() {
                storeHousePtrFrame.autoRefresh();
            }
        }, 100);

//设置刷新事件
storeHousePtrFrame.setPtrHandler(new PtrHandler() {
            @Override
            public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
                return PtrDefaultHandler.checkContentCanBePulledDown(frame, content, header);
            }

            @Override
            public void onRefreshBegin(PtrFrameLayout frame) {
                //开始刷新 获取服务器数据
                getData(ACTION_REFRESH);
            }
        });

//刷新完成调用这个  storeHousePtrFrame.refreshComplete();

如果你想你的界面都有滑动阻尼效果的话，这个库也可以这样用：
添加一个空布局的头部：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp" />
</LinearLayout>

加载空的头部

View view = getLayoutInflater().inflate(R.layout.view_head, null);
        storeHousePtrFrame.setHeaderView(view);
        storeHousePtrFrame.setKeepHeaderWhenRefresh(false);

        storeHousePtrFrame.setPtrHandler(new PtrDefaultHandler() {
            @Override
            public void onRefreshBegin(PtrFrameLayout frame) {
            //开始刷新就设置他刷新完成，头部上弹
                storeHousePtrFrame.refreshComplete();
            }
        });

这样以后就不用到处找刷新的库啦。