SwipeRefreshLayout 仿IOS ，下拉弹回效果

以前的项目下拉刷新用的都是XListView，用久了之后就有些审美疲劳了。谷歌推出的SwipeRefreshLayout很好用，样式也蛮好看的，用起来也比较方便。但是强迫症表示，还是希望能有下拉弹出和弹回去的效果，就尝试下SwipeRefreshLayout增加下拉弹出效果。

效果图：

---

大致思路：获取SwipeRefreshLayout子控件的位置，在SwipeRefreshLayout的dispatchTouchEvent方法里处理滑动监听事件，计算滑动的距离，移动子控件的位置，达到弹出的效果。

直接上代码：

package com.example.zet.uncaughtexception;import android.content.Context;import android.graphics.Rect;import android.support.v4.widget.SwipeRefreshLayout;import android.util.AttributeSet;import android.util.Log;import android.view.MotionEvent;import android.view.View;import android.view.animation.TranslateAnimation;/** * Created by 仓颉 on 2015/11/16. */public class MySwiperefreshlayout extends SwipeRefreshLayout {    private static final String TAG = "MySwiperefreshlayout ";    //比如手指移动了100px, 那么View就只移动50px    //目的是达到一个延迟的效果    private static final float MOVE_MODE = 0.5f;    //弹回去的时间    private static final int ANIM_TIME = 300;    //MySwiperefreshlayout的子View,这个表示RecycleView    private View view;    //MySwiperefreshlayout的子View,这个表示CircleImageView（就是那个圈圈）    private View child;    //手指按下时的Y值, 用于在移动时计算移动距离    private float startY;    //用于记录正常的布局位置    private Rect rect = new Rect();    //在手指滑动的过程中记录是否移动了布局    private boolean isMoved = false;    //是否已经移动到顶部，手指按下时，判断是否能够下拉    private boolean isTop = false;    //延迟时间    public static int time;    public static int getTime() {        return time;    }    public static void setTime(int time) {        MySwiperefreshlayout.time = time;    }    public MySwiperefreshlayout(Context context, AttributeSet attrs) {        super(context, attrs);    }    @Override    protected void onFinishInflate() {        super.onFinishInflate();        if (getChildCount() > 0) {            child = getChildAt(0);            view = getChildAt(getChildCount() - 1);        }    }    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        super.onLayout(changed, l, t, r, b);        if (view == null) return;        //RecycleView的初始信息，这个位置保留之后，保持不变        rect.set(view.getLeft(), view.getTop(), view                .getRight(), view.getBottom());    }    /**     * 滑动监听，处理下拉事件     */    @Override    public boolean dispatchTouchEvent(MotionEvent ev) {        if (view == null) {            return super.dispatchTouchEvent(ev);        }        int action = ev.getAction();        switch (action) {            case MotionEvent.ACTION_DOWN:                canDropDown();                //记录按下时的Y值                startY = ev.getY();                break;            case MotionEvent.ACTION_UP:                if (!isMoved) break;  //没有移动布局，不执行                //移动的距离                int distance = (int) ((int) (ev.getY() - startY) * MOVE_MODE);                //如果移动的距离大于CircleImageView.getTop，那么缩小移动距离，达到加载中的效果                if (distance > child.getTop()) {                    distance = child.getTop() + 30;                }                //Recycle移动到CircleImageView下拉的距离，表示加载中                view.layout(rect.left, rect.top + distance,                        rect.right, rect.bottom + distance);                // 开启动画                TranslateAnimation anim = new TranslateAnimation(0, 0, view.getTop(),                        rect.top);                anim.setDuration(ANIM_TIME);                if (time > 0) {                    //设置延迟时间                    //移动的最大距离 小于这个距离不刷新                    if (distance > 92) {                        anim.setStartOffset(time);                    }                }                view.startAnimation(anim);                // 设置回到正常的布局位置                view.layout(rect.left, rect.top,                        rect.right, rect.bottom);                //重置                isTop = false;                isMoved = false;                startY = 0;                break;            case MotionEvent.ACTION_MOVE:                //是否允许移动                if (!canDropDown()) {                    break;                }                //计算手指移动的距离                int distanceMove = (int) (ev.getY() - startY);                //允许移动并且是上拉的情况次下，移动布局                if (isTop && distanceMove > 0) {                    int offset = (int) (distanceMove * MOVE_MODE);                    //随着手指的移动而移动布局                    view.layout(rect.left, rect.top + offset,                            rect.right, rect.bottom + offset);                    isMoved = true;  //记录移动了布局                }                break;            default:                break;        }        return super.dispatchTouchEvent(ev);    }    /**     * 判断是否滚动到顶部     */    private boolean canDropDown() {        if (child.getVisibility() == View.VISIBLE)            isTop = true;        else            isTop = false;        return isTop;    }}

实现原理很简单，唯一不好判断的子控件是否滑动到顶部了。因为在Swiperefreshlayout的 getScrollY()一直是为0的，这里用了一个取巧的办法，就是判断CircleImageView是否显示，查看源码我们可以看到，CircleImageView是Swiperefreshlayout初始化的时候加载进去的，当滑动到顶部的时候，CircleImageView状态就为VISIBLE了。