手记

撸起袖子自己写一个通用的刷新控件

项目中我们经常有上拉、下拉刷新的需求,几乎所有的listView、RecyclerView都会伴随着上拉、下拉刷新的需求,如果我们使用一些开源控件,换了控件我们就要更新,现在我们自己撸起袖子写一个通用的刷新控件

思路:

  1. 写一个继承RelativeLayout的RefreshLayout

  2. 添加头尾控件作为刷新控件

  3. 通过事件分发来进行刷新操作

  4. 通过动画来控制控件移动

目的:让他的所有子控件都可以使用,哪怕是一个TextView

public class RefreshLayout extends RelativeLayout {

    /**
     * 滑动控件时拉去的速度比例
     */
    private final int V_REFRESH = 2;    /**
     * 是否是刷新过程
     * true 是
     * false 不是
     * 为false的时候才可以进行刷新
     */
    private boolean mIsRefreshDuring;    /**
     * 可以进下拉刷新
     */
    private boolean mCanDownPull;    /**
     * 可以进行上拉刷新
     */
    private boolean mCanUpPull;    /**
     * 判断触摸后是否是初次移动
     */
    private boolean mIsFirstMove;    /**
     * y轴呢平移的距离
     */
    private int mDistanceY;    /**
     * 刷新接口对象
     */
    private OnRefresh mOnRefresh;    /**
     * 用于控制事件拦截的变量
     */
    private boolean mCanIntercept;    private int mTouchSlop;    private int mDistance;    private LayoutParams mHeaderParams;    private View mHeaderView;    private View mFootView;    private int mHeaderMaxHeight;    private int mStartY;    private LayoutParams mFootParams;    private int mFootMaxHeight;    private PullCallBack mCallBack;    private View mChildView;    private ObjectAnimator mAnimator;    public RefreshLayout(Context context) {        super(context);
        initData();
    }    public RefreshLayout(Context context, AttributeSet attrs) {        super(context, attrs);
        initData();
    }    public RefreshLayout(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);
        initData();
    }    /**
     * 必须让头尾控件实现的接口
     */
    public interface HeadAndFootCallBack {
        //设置属性
        void setAttribute();        //开始刷新
        void startPull();        //停止刷新
        void stopPull();
    }    /**
     * 必须让被拖动的控件子类实现
     */
    public interface PullCallBack {
        boolean canDownPull();        boolean canUpPull();
    }    private void initData() {        //不调用该方法不能进行绘制
        setWillNotDraw(false);
    }    /**
     * 下拉刷新完成后必须使用该方法
     */
    public void downPullFinish() {
        mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
        mAnimator.start();
        ((HeadAndFootCallBack) mHeaderView).stopPull();
    }    /**
     * 上拉完成后必须调用该方法
     */
    public void upPullFinish() {
        mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
        mAnimator.start();
        ((HeadAndFootCallBack) mFootView).stopPull();
    }    /**
     * 自动下拉刷新
     */
    public void autoDownPullForHead() {
        postDelayed(new Runnable() {            @Override
            public void run() {
                mCanDownPull = true;
                mCanUpPull = false;
                mAnimator.setFloatValues(10, mHeaderMaxHeight);
                mAnimator.start();
                ((HeadAndFootCallBack) mHeaderView).startPull();
                mOnRefresh.onDownPullRefresh();
            }
        }, 500);
    }    /**
     * 自动下拉刷新
     */
    public void autoUpPullForHead() {
        postDelayed(new Runnable() {            @Override
            public void run() {
                mCanDownPull = false;
                mCanUpPull = true;
                mAnimator.setFloatValues(0, mFootMaxHeight);
                mAnimator.start();
                ((HeadAndFootCallBack) mFootView).startPull();
                mOnRefresh.onUpPullRefresh();
            }
        }, 500);
    }    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {        return mCanIntercept;
    }    @Override
    public boolean onTouchEvent(MotionEvent event) {        return true;
    }    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        Log.e("shen", "mIsRefreshDuring=" + mIsRefreshDuring);        if (mIsRefreshDuring)/*如果正在进行刷新将不会获取MotionEvent*/ {            return super.dispatchTouchEvent(event);
        }        switch (event.getAction()) {            case MotionEvent.ACTION_DOWN:
                mStartY = (int) event.getY();
                initPull();                break;            case MotionEvent.ACTION_MOVE:                if (event.getPointerCount() == 1) {                    int moveY = (int) event.getY();
                    mDistanceY = (moveY - mStartY) / V_REFRESH;                    if (!mIsFirstMove && mDistanceY != 0 && mDistanceY < mTouchSlop) {
                        mCanDownPull = mDistanceY > 0;
                        mCanUpPull = !mCanDownPull;
                        mIsFirstMove = true;
                    }                    if (mCanDownPull && mCallBack.canDownPull()) {
                        upDataForDownPull();//下拉刷新
                        mChildView.setEnabled(false);
                        mCanIntercept = true;
                    }                    if (mCanUpPull && mCallBack.canUpPull()) {
                        upDataForUpPull();//上拉加载
                        mChildView.setEnabled(false);
                        mCanIntercept = true;
                    }
                    mStartY = moveY;
                }                break;            case MotionEvent.ACTION_UP:
                mIsRefreshDuring = true;
                mIsFirstMove = false;                if (mHeaderParams.height >= mHeaderMaxHeight)/*可以下拉刷新*/ {
                    ((HeadAndFootCallBack) mHeaderView).startPull();
                    mOnRefresh.onDownPullRefresh();
                } else if (mFootParams.height >= mFootMaxHeight)/*可以上拉刷新*/ {
                    ((HeadAndFootCallBack) mFootView).startPull();
                    mOnRefresh.onUpPullRefresh();
                } else if (mHeaderParams.height > 0 && mHeaderParams.height < mHeaderMaxHeight)/*不能进行下拉刷新,收回*/ {
                    releaseForDownFinished();
                } else if (mFootParams.height > 0 && mFootParams.height < mFootMaxHeight)/*不能进行下拉刷新,收回*/ {
                    releaseForUpFinished();
                } else {
                    mIsRefreshDuring = false;
                    mCanIntercept = false;
                }                break;
        }        super.dispatchTouchEvent(event);        return true;
    }    /**
     * 每次进行触摸都需要进行初始化
     */
    private void initPull() {
        mCanDownPull = false;
        mCanUpPull = false;
    }    /**
     * 不需要进行上拉刷新
     */
    private void releaseForUpFinished() {
        mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
        mAnimator.start();
    }    /**
     * 不需要进行下拉刷新
     */
    private void releaseForDownFinished() {
        mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
        mAnimator.start();
    }    /**
     * 上拉时处理手势
     */
    private void upDataForUpPull() {        if (mDistanceY != 0) {
            mFootParams.height -= mDistanceY;            if (mFootParams.height <= 0) {
                mFootParams.height = 0;
            }            if (mFootParams.height >= mFootMaxHeight) {
                mFootParams.height = mFootMaxHeight;
            }
            mChildView.setTranslationY(-mFootParams.height);
            mFootView.requestLayout();
        }
    }    /**
     * 下拉时处理手势
     */
    private void upDataForDownPull() {        if (mDistanceY != 0) {
            mHeaderParams.height += mDistanceY;            if (mHeaderParams.height >= mHeaderMaxHeight) { //最大
                mHeaderParams.height = mHeaderMaxHeight;
            }            if (mHeaderParams.height <= 0) { //最小
                mHeaderParams.height = 0;
            }
            mChildView.setTranslationY(mHeaderParams.height);
            mHeaderView.requestLayout();
        }
    }    @Override
    protected void onAttachedToWindow() {        super.onAttachedToWindow();
    }    @Override
    protected void onFinishInflate() {        super.onFinishInflate();        //加载头
        mHeaderView = getChildAt(0);        if (!(mHeaderView instanceof HeadAndFootCallBack)) {            new IllegalStateException("HeaderView必须实现HeadAndFootCallBack接口");
        }
        ((HeadAndFootCallBack) mHeaderView).setAttribute();
        mHeaderParams = (LayoutParams) mHeaderView.getLayoutParams();
        mHeaderParams.addRule(RelativeLayout.ALIGN_PARENT_TOP);        //加载尾
        mFootView = getChildAt(2);        if (!(mFootView instanceof HeadAndFootCallBack)) {            new IllegalStateException("FootView必须实现HeadAndFootCallBack接口");
        }
        ((HeadAndFootCallBack) mFootView).setAttribute();
        mFootParams = (LayoutParams) mFootView.getLayoutParams();
        mFootParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);

        mChildView = getChildAt(1);        if (!(mChildView instanceof HeadAndFootCallBack)) {            new IllegalStateException("ChildView必须实现PullCallBack接口");
        }
        mCallBack = (PullCallBack) getChildAt(1);        //设置动画
        mAnimator = ObjectAnimator.ofFloat(mChildView, "translationY", 0);
        mAnimator.setInterpolator(new DecelerateInterpolator());
        mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override
            public void onAnimationUpdate(ValueAnimator animation) {                int translationY = (int) mChildView.getTranslationY();                if (mCanUpPull) { //从移动到的位置往下滑
                    mFootParams.height = Math.abs(translationY);
                    mFootView.requestLayout();
                } else if (mCanDownPull) {
                    mHeaderParams.height = Math.abs(translationY);
                    mHeaderView.requestLayout();
                }
                Log.e("shen", "translationY=" + translationY);
                Log.e("shen", "mHeaderParams.height=" + mHeaderParams.height);                if (translationY == 0) {
                    mChildView.setEnabled(true);
                    mDistanceY = 0; //重置
                    mIsRefreshDuring = false; //重置
                    mCanIntercept = false;
                } else {
                    mIsRefreshDuring = true;
                }
            }
        });
    }    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {        super.onSizeChanged(w, h, oldw, oldh);
        mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
        mDistance = mTouchSlop * 5;        //设置下拉头初始属性
        mHeaderMaxHeight = mHeaderParams.height;
        mHeaderParams.height = 0;
        mHeaderView.requestLayout();        //设置上拉尾初始属性
        mFootMaxHeight = mFootParams.height;
        mFootParams.height = 0;
        mFootView.requestLayout();
    }    /**
     * 下拉/上拉事件监听
     */
    public interface OnRefresh {
        /**
         * 下拉刷新
         */
        void onDownPullRefresh();        /**
         * 上拉加载
         */
        void onUpPullRefresh();
    }    public void setOnRefresh(OnRefresh onRefresh) {
        mOnRefresh = onRefresh;
    }

}123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365

给他添加三个控件,头尾就是刷新头、尾,第二个就是正常显示的控件。必须让头尾实现HeadAndFootCallBack接口,来设置属性,通知开始刷新、结束刷新

难点: 现在来说下开发时遇到的难点

  • 由于判断在dispatchTouchEvent中,导致如果该控件以及子控件都不消费该事件的话,就会造成事件不会发送到它,因为如果不消费DOWN事件的话,之后所有的事件都不会在进行接收。解决方式,让该控件onTouchEvent方法消返回true,当子控件不进行事件消费的话,就会返回由该控件消费,不会造成因DOWN事件不消费而无法接收到事件,导致dispatchTouchEvent也不消费事件

  • 动画,动画就是我的伤痛,最近在学习估值器

这个控件自认为写的不错,通过他可以帮我们学习事件分发、动画、接口回调,也是有一定的学习意义

原文链接:http://www.apkbus.com/blog-864937-78279.html

0人推荐
随时随地看视频
慕课网APP