Android自定义View实现竖向滑动回弹效果

本文实例为大家分享了Android自定义View实现滑动回弹的具体代码,供大家参考,具体内容如下

前言

Android 页面滑动的时候的回弹效果

一、关键代码

public class UniversalBounceView extends FrameLayout implements IPull {
 
    private static final String TAG = "UniversalBounceView";
    //default.
    private static final int SCROLL_DURATION = 200;
    private static final float SCROLL_FRACTION = 0.4f;
 
    private static final int VIEW_TYPE_NORMAL = 0;
    private static final int VIEW_TYPE_ABSLISTVIEW = 1;
    private static final int VIEW_TYPE_SCROLLVIEW = 2;
 
    private static float VIEW_SCROLL_MAX = 720;
    private int viewHeight;
 
    private AbsListView alv;
    private OnBounceStateListener onBounceStateListener;
 
    private View child;
    private Scroller scroller;
    private boolean pullEnabled = true;
    private boolean pullPaused;
    private int touchSlop = 8;
 
    private int mPointerId;
 
    private float downY, lastDownY, tmpY;
    private int lastPointerIndex;
 
    private float moveDiffY;
    private boolean isNotJustInClickMode;
    private int moveDelta;
    private int viewType = VIEW_TYPE_NORMAL;
 
    public UniversalBounceView(Context context) {
        super(context);
        init(context);
    }
 
    public UniversalBounceView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }
 
    public UniversalBounceView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }
 
    private void init(Context context) {
        scroller = new Scroller(context, new CustomDecInterpolator());
        touchSlop = (int) (ViewConfiguration.get(context).getScaledTouchSlop() * 1.5);
    }
 
    class CustomDecInterpolator extends DecelerateInterpolator {
 
        public CustomDecInterpolator() {
            super();
        }
 
        public CustomDecInterpolator(float factor) {
            super(factor);
        }
 
        public CustomDecInterpolator(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
 
        @Override
        public float getInterpolation(float input) {
            return (float) Math.pow(input, 6.0 / 12);
        }
    }
 
    private void checkCld() {
        int cnt = getChildCount();
        if (1 <= cnt) {
            child = getChildAt(0);
        } else if (0 == cnt) {
            pullEnabled = false;
            child = new View(getContext());
        } else {
            throw new ArrayIndexOutOfBoundsException("child count can not be less than 0.");
        }
    }
 
    @Override
    protected void onFinishInflate() {
        checkCld();
        super.onFinishInflate();
    }
 
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        viewHeight = h;
        VIEW_SCROLL_MAX = h * 1 / 3;
    }
 
    private boolean isTouch = true;
 
    public void setTouch(boolean isTouch) {
        this.isTouch = isTouch;
    }
 
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (!isTouch) {
            return true;
        } else {
            try {
                if (isPullEnable()) {
                    if (ev.getActionMasked() == MotionEvent.ACTION_MOVE) {
                        if (Math.abs(ev.getY() - tmpY) < touchSlop) {
                            return super.dispatchTouchEvent(ev);
                        } else {
                            tmpY = Integer.MIN_VALUE;
                        }
                    }
                    return takeEvent(ev);
                }
            } catch (IllegalArgumentException | IllegalStateException e) {
                e.printStackTrace();
            }
            if (getVisibility() != View.VISIBLE) {
                return true;
            }
            return super.dispatchTouchEvent(ev);
        }
    }
 
    private boolean takeEvent(MotionEvent ev) {
        int action = ev.getActionMasked();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                mPointerId = ev.getPointerId(0);
                downY = ev.getY();
                tmpY = downY;
                scroller.setFinalY(scroller.getCurrY());
                setScrollY(scroller.getCurrY());
                scroller.abortAnimation();
                pullPaused = true;
                isNotJustInClickMode = false;
                moveDelta = 0;
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                pullPaused = false;
                smoothScrollTo(0);
                if (isNotJustInClickMode) {
                    ev.setAction(MotionEvent.ACTION_CANCEL);
                }
                postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        if (getScrollY() == 0 && onBounceStateListener != null) {
                            onBounceStateListener.overBounce();
                        }
                    }
                }, 200);
                break;
            case MotionEvent.ACTION_MOVE:
                lastPointerIndex = ev.findPointerIndex(mPointerId);
                lastDownY = ev.getY(lastPointerIndex);
                moveDiffY = Math.round((lastDownY - downY) * getScrollFraction());
                downY = lastDownY;
                boolean canStart = isCanPullStart();
                boolean canEnd = isCanPullEnd();
                int scroll = getScrollY();
                float total = scroll - moveDiffY;
                if (canScrollInternal(scroll, canStart, canEnd)) {
                    handleInternal();
                    break;
                }
                if (Math.abs(scroll) > VIEW_SCROLL_MAX) {
                    return true;
                }
                if ((canStart && total < 0) || (canEnd && total > 0)) {
                    if (moveDelta < touchSlop) {
                        moveDelta += Math.abs(moveDiffY);
                    } else {
                        isNotJustInClickMode = true;
                    }
                    if (onBounceStateListener != null) {
                        onBounceStateListener.onBounce();
                    }
                    scrollBy(0, (int) -moveDiffY);
                    return true;
                }
//                else if ((total > 0 && canStart) || (total < 0 && canEnd)) {
//                    if (moveDelta < touchSlop) {
//                        moveDelta += Math.abs(moveDiffY);
//                    } else {
//                        isNotJustInClickMode = true;
//                    }
//                    scrollBy(0, -scroll);
//                    return true;
//                }
                break;
            case MotionEvent.ACTION_POINTER_UP:
                handlePointerUp(ev, 1);
                break;
            default:
                break;
        }
        return super.dispatchTouchEvent(ev);
    }
 
    private boolean canScrollInternal(int scroll, boolean canStart, boolean canEnd) {
        boolean result = false;
        if ((child instanceof RecyclerView) || (child instanceof AbsListView) || child instanceof ScrollView) {
            viewType = VIEW_TYPE_ABSLISTVIEW;
            result = canStart && canEnd;
        } else if (child instanceof ScrollView || child instanceof NestedScrollView) {
            viewType = VIEW_TYPE_SCROLLVIEW;
        } else {
            return false;
        }
        if (result) {
            isNotJustInClickMode = true;
            if (moveDelta < touchSlop) {
                moveDelta += Math.abs(moveDiffY);
                return true;
            }
            return false;
        }
        if (((scroll == 0 && canStart && moveDiffY < 0) || (scroll == 0 && canEnd && moveDiffY > 0) || (!canStart && !canEnd))) {
            return true;
        }
        if (moveDelta < touchSlop) {
            moveDelta += Math.abs(moveDiffY);
            return true;
        } else {
            isNotJustInClickMode = true;
        }
        return false;
    }
 
    private void handleInternal() {
 
    }
 
    private void handlePointerUp(MotionEvent event, int type) {
        int pointerIndexLeave = event.getActionIndex();
        int pointerIdLeave = event.getPointerId(pointerIndexLeave);
        if (mPointerId == pointerIdLeave) {
            int reIndex = pointerIndexLeave == 0 ? 1 : 0;
            mPointerId = event.getPointerId(reIndex);
            // 调整触摸位置,防止出现跳动
            downY = event.getY(reIndex);
        }
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return super.onTouchEvent(event);
    }
 
    private void smoothScrollTo(int value) {
        int scroll = getScrollY();
        scroller.startScroll(0, scroll, 0, value - scroll, SCROLL_DURATION);
        postInvalidate();
    }
 
    @Override
    public void computeScroll() {
        super.computeScroll();
        if (!pullPaused && scroller.computeScrollOffset()) {
            scrollTo(scroller.getCurrX(), scroller.getCurrY());
            postInvalidate();
        }
    }
 
    private float getScrollFraction() {
        float ratio = Math.abs(getScrollY()) / VIEW_SCROLL_MAX;
        ratio = ratio < 1 ? ratio : 1;
        float fraction = (float) (-2 * Math.cos((ratio + 1) * Math.PI) / 5.0f) + 0.1f;
        return fraction < 0.10f ? 0.10f : fraction;
    }
 
    @Override
    public boolean isPullEnable() {
        return pullEnabled;
    }
 
    @Override
    public boolean isCanPullStart() {
        if (child instanceof RecyclerView) {
            RecyclerView recyclerView = (RecyclerView) child;
            return !recyclerView.canScrollVertically(-1);
        }
        if (child instanceof AbsListView) {
            AbsListView lv = (AbsListView) child;
            return !lv.canScrollVertically(-1);
        }
        if (child instanceof RelativeLayout
                || child instanceof FrameLayout
                || child instanceof LinearLayout
                || child instanceof WebView
                || child instanceof View) {
            return child.getScrollY() == 0;
        }
        return false;
    }
 
    @Override
    public boolean isCanPullEnd() {
        if (child instanceof RecyclerView) {
            RecyclerView recyclerView = (RecyclerView) child;
            return !recyclerView.canScrollVertically(1);
        }
        if (child instanceof AbsListView) {
            AbsListView lv = (AbsListView) child;
            int first = lv.getFirstVisiblePosition();
            int last = lv.getLastVisiblePosition();
            View view = lv.getChildAt(last - first);
            if (null == view) {
                return false;
            } else {
                return (lv.getCount() - 1 == last) &&
                        (view.getBottom() <= lv.getHeight());
            }
        }
        if (child instanceof ScrollView) {
            View v = ((ScrollView) child).getChildAt(0);
            if (null == v) {
                return true;
            } else {
                return child.getScrollY() >= v.getHeight() - child.getHeight();
            }
        }
        if (child instanceof NestedScrollView) {
            View v = ((NestedScrollView) child).getChildAt(0);
            if (null == v) {
                return true;
            } else {
                return child.getScrollY() >= v.getHeight() - child.getHeight();
            }
        }
        if (child instanceof WebView) {
            return (((WebView) child).getContentHeight() * ((WebView) child).getScale()) - (((WebView) child).getHeight() + ((WebView) child).getScrollY()) <= 10;
        }
        if (child instanceof RelativeLayout
                || child instanceof FrameLayout
                || child instanceof LinearLayout
                || child instanceof View) {
            return (child.getScrollY() == 0);
        }
        return false;
    }
 
    /**
     * 通过addView实现效果回弹效果
     *
     * @param replaceChildView 需要替换的View
     */
    public void replaceAddChildView(View replaceChildView) {
        if (replaceChildView != null) {
            removeAllViews();
            child = replaceChildView;
            addView(replaceChildView);
        }
    }
 
    public void setPullEnabled(boolean enable) {
        pullEnabled = enable;
    }
 
    public interface OnBounceStateListener {
        public void onBounce();
 
        public void overBounce();
    }
 
    public void setOnBounceStateListener(OnBounceStateListener onBounceStateListener) {
        this.onBounceStateListener = onBounceStateListener;
    }
 
    @Override
    public boolean dispatchKeyEvent(KeyEvent event) {
        try {
            return super.dispatchKeyEvent(event);
        } catch (IllegalArgumentException | IllegalStateException e) {
            e.printStackTrace();
        }
        return false;
    }
 
    @Override
    public void dispatchWindowFocusChanged(boolean hasFocus) {
        try {
            super.dispatchWindowFocusChanged(hasFocus);
        } catch (IllegalArgumentException | IllegalStateException e) {
            e.printStackTrace();
        }
    }
 
 
}

二、注意要点

滑动结束的时候要防止动画抖动

private void handlePointerUp(MotionEvent event, int type) {
        int pointerIndexLeave = event.getActionIndex();
        int pointerIdLeave = event.getPointerId(pointerIndexLeave);
        if (mPointerId == pointerIdLeave) {
            int reIndex = pointerIndexLeave == 0 ? 1 : 0;
            mPointerId = event.getPointerId(reIndex);
            // 调整触摸位置,防止出现跳动
            downY = event.getY(reIndex);
        }
    } 

总结

以上就是文章的主要内容,实现了竖向滑动回弹的效果。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android实现橡皮筋回弹和平移缩放效果

    本文实例为大家分享了Android实现橡皮筋回弹和平移缩放的具体代码,供大家参考,具体内容如下 前言 由于最近在做一个view的平移缩放功能以及橡皮筋效果,不过网上查到的大多数都是分开实现的,所以我这里把这两种功能整合到了一起 代码实现 这里我写把效果分开来写,最后再合并 平移.缩放 mLayout.java import android.content.Context; import android.util.AttributeSet; import android.view.MotionEv

  • Android实现背景图滑动变大松开回弹效果

    本文实例为大家分享了Android实现背景图滑动变大松开回弹的具体代码,供大家参考,具体内容如下 原图 放大后 1.自定义view继承ScrollView实现效果 public class HeadZoomScrollView extends ScrollView {     private View mZoomView;     private int mZoomViewWidth;     private int mZoomViewHeight;     private float firs

  • android自定义滚动上下回弹scollView

    本文实例为大家分享了android自定义滚动上下回弹scollView的具体代码,供大家参考,具体内容如下 这是一个自定义view,在xml布局中用这个view嵌套要使之可以上下回弹的view 就能实现布局可以滚动上下回弹了,自定义view代码如下: package com.loopfire.meitaotao.view.scrollView;   import android.content.Context; import android.graphics.Rect; import andro

  • Android ScrollView的顶部下拉和底部上拉回弹效果

    要实现ScrollView的回弹效果,需要对其进行触摸事件处理.先来看一下简单的效果: 根据Android的View事件分发处理机制,下面对dispatchTouchEvent进行详细分析: 在加载布局完成之后,获取ScrollView的第一个子元素,保存它的参数,left top right bottom参数,根据顶部下拉操作和底部上拉操作进行子View的布局参数根据滑动距离改变,ACTION_UP的时候判断是否存在回弹,如果需要则进行动画回弹到原来的位置,可以添加一个回弹结束监听,比如监听回

  • Android自定义实现可回弹的ScollView

    前言 仿IOS回弹效果 为了增强用户体验,自定义一个可回弹的ScrollView是一个不错的选择,而且这种效果还是很简单的 把原来的ScollView标签替换一下就好了 <?xml version="1.0" encoding="utf-8"?> <com.mycompany.myapp.MyScrollView    xmlns:android="http://schemas.android.com/apk/res/android&qu

  • android ScrollView实现水平滑动回弹

    本文实例为大家分享了android ScrollView实现水平滑动回弹的具体代码,供大家参考,具体内容如下 在研究了View的一些属性之后做了个Scroll的水平滑动回弹. 效果图: 主要代码: import android.content.Context; import android.graphics.Rect; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.Vi

  • Android基于reclyview实现列表回弹动画效果

    reclyview实现列表回弹动画效果,供大家参考,具体内容如下 1.reclyview列表布局文件 <com.example.demo1.ReboundLayout         android:id="@+id/view"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:ba

  • Android实现回弹ScrollView的原理

    本文实例为大家分享了Android实现回弹ScrollView的原理,供大家参考,具体内容如下 回弹的ScrollView 网上看到的通常是ElasticScrollView,有一个Bug:点击子控件滑动时,滑动无效,所以针对此问题,我对ElasticScrollView做了改进. 原理图 代码 我在注释中做了详细的说明 import android.content.Context; import android.graphics.Rect; import android.util.Attrib

  • android实现可上下回弹的scrollview

    在ios手机上经常看到页面上下滑动回弹效果,安卓中没有原生控件支持,这里自己就去自定义一个scrollview实现回弹效果 1. 新建MyScrollView并继承ScrollView,可以通过事件分发机制拦截并处理滑动事件 2. 重写事件分发拦截事件onInterceptTouchEvent方法,计算是否需要拦截事件 //拦截:实现父视图对子视图的拦截 //是否拦截成功,取决于方法的返回值.返回值true:拦截成功.反之,拦截失败 private int lastY;//上一次y轴方向操作的坐

  • Android ScrollView实现滚动超过边界松手回弹

    ScrollView滚动超过边界,松手回弹 Android原生的ScrollView滑动到边界之后,就不能再滑动了,感觉很生硬.不及再多滑动一段距离,松手后回弹这种效果顺滑一些. 先查看下滚动里面代码的处理 case MotionEvent.ACTION_MOVE:   final int activePointerIndex = ev.findPointerIndex(mActivePointerId);   if (activePointerIndex == -1) {          

随机推荐