自定义scrollview实现吸附效果

由于没有制作gif的软件所以现在只能上代码了

1.首先我们需要在自定义scrollview中重写onFinishInflate方法找到相应的我们要控制的view

@Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        //设置不可过度滚动,否则上移后下拉会出现部分空白的情况
        setOverScrollMode(OVER_SCROLL_NEVER);
        View child = getChildAt(0);
        if (child != null && child instanceof ViewGroup) {
            mHeaderView = ((ViewGroup) ((ViewGroup) child).getChildAt(0)).getChildAt(0);   //获取默认第一个子View
        }
    }

我这里写的是在child的child的child获取到的需要控制的布局这里根据自己需要在自己的层级上找到相应的view

2.接下来我们需要些onTouchEvent事件根据手指的触摸滑动以及离开控制view的变化

 @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (mHeaderView == null)
            return super.onTouchEvent(ev);
        switch (ev.getAction()) {
            case MotionEvent.ACTION_MOVE:
                if (!mIsPulling) {//当滑到顶部时 getScrollY为0开始记录手指按下的位置
                    if (getScrollY() != 0) break;
                    mLastY = (int) ev.getY();
                }

                if (ev.getY() - mLastY < 0) {
                    return super.onTouchEvent(ev);   //之前逻辑如果上划知识调用系统的上划
                }

                mIsPulling = true;
                setZoom((int) ((ev.getY() - mLastY) * mScaleRatio));
                return true;
            case MotionEvent.ACTION_UP:
                mIsPulling = false;
                if (getScrollY() == 0) {
                    replyView();
                }
                soptionView();
                break;
        }
        return super.onTouchEvent(ev);
    }

getScrollY():这个方法是获取滑动的距离(注意不是某次滑动的距离 是整个控件滑动到现在的距离)
setZoom :该方法是控制view的height通过对view的height的控制试下下拉的时候view的高度随之变高从而让我们看到滑到顶的view还可以继续滑动
replyView():如果是setZoom了那该方法的作用是让view从松手的时刻起从划过的高度变到0这里我们用了一个属性动画去处理待会儿下面有代码
soptionView() :该方法是判断如果view滑动的距离是在距离view高度0.3倍间的时候让scrollview滑动到view的底部实现吸附的效果
下面是我写的完整代码如有不明白欢迎提问

import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ScrollView;

/**
 * Created by Administrator on 2017/10/19.
 */
public class ZoomScrollView2 extends ScrollView {
    View mHeaderView;
    float mHeaderHeight;
    int mLastY;

    float mScaleRatio = 0.4f; //    滑动放大系数,系数越大,滑动时放大程度越大
    float mScaleTimes = 2.0f;//     最大的放大倍数
    float mReplyRatio = 0.5f; //    回弹时间系数,系数越小,回弹越快

    boolean mIsPulling = false;//是否正在滑动

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

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

    public ZoomScrollView2(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        //设置不可过度滚动,否则上移后下拉会出现部分空白的情况
        setOverScrollMode(OVER_SCROLL_NEVER);
        View child = getChildAt(0);
        if (child != null && child instanceof ViewGroup) {
            mHeaderView = ((ViewGroup) ((ViewGroup) child).getChildAt(0)).getChildAt(0);   //获取默认第一个子View
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (mHeaderView == null)
            return super.onTouchEvent(ev);
        switch (ev.getAction()) {
            case MotionEvent.ACTION_MOVE:
                if (!mIsPulling) {//当滑到顶部时 getScrollY为0开始记录手指按下的位置
                    if (getScrollY() != 0) break;
                    mLastY = (int) ev.getY();
                }

                if (ev.getY() - mLastY < 0) {
                    return super.onTouchEvent(ev);   //之前逻辑如果上划知识调用系统的上划
                }

                mIsPulling = true;
                setZoom((int) ((ev.getY() - mLastY) * mScaleRatio));
                return true;
            case MotionEvent.ACTION_UP:
                mIsPulling = false;
                if (getScrollY() == 0) {
                    replyView();
                }
                soptionView();
                break;
        }
        return super.onTouchEvent(ev);
    }

    /**
     * 控制view的拉伸
     */
    private void setZoom(float s) {
        float scaleTimes = (float) ((mHeaderHeight + s) / (mHeaderHeight * 1.0));
        if (scaleTimes > mScaleTimes) return;// 如超过最大放大倍数,直接返回
        ViewGroup.LayoutParams layoutParams = mHeaderView.getLayoutParams();
        layoutParams.height = (int) (mHeaderHeight * ((mHeaderHeight + s) / mHeaderHeight));
        mHeaderView.setLayoutParams(layoutParams);

    }

    /**
     * 回弹
     */
    private void soptionView() {
        final int absY = getScrollY();
        //在 距离顶部0.7 或者大于顶部0.3距离后划回
        if ((mHeaderHeight > absY && absY > (mHeaderHeight * 0.7)) || (absY > mHeaderHeight && absY < (mHeaderHeight * 1.3))) {
            scrollTo(0, (int) mHeaderHeight);
        }
    }


    /**
     * 回弹
     */
    private void replyView() {
        final float distance = mHeaderView.getMeasuredHeight() - mHeaderHeight;
        // 设置动画
        ValueAnimator anim = ObjectAnimator.ofFloat(distance, 0.0F).setDuration((long) (distance * mReplyRatio));
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                setZoom((Float) animation.getAnimatedValue());
            }
        });
        anim.start();
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mHeaderHeight = mHeaderView.getMeasuredHeight();
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值