广告
返回顶部
首页 > 资讯 > 移动开发 >Android自定义View实现竖向滑动回弹效果
  • 348
分享到

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

2024-04-02 19:04:59 348人浏览 泡泡鱼
摘要

本文实例为大家分享了Android自定义View实现滑动回弹的具体代码,供大家参考,具体内容如下 前言 Android 页面滑动的时候的回弹效果 一、关键代码 public clas

本文实例为大家分享了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;
    }
 
    
    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);
        }
    } 

总结

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

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

--结束END--

本文标题: Android自定义View实现竖向滑动回弹效果

本文链接: https://www.lsjlt.com/news/146393.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android自定义View实现竖向滑动回弹效果
    本文实例为大家分享了Android自定义View实现滑动回弹的具体代码,供大家参考,具体内容如下 前言 Android 页面滑动的时候的回弹效果 一、关键代码 public clas...
    99+
    2022-11-13
  • Android怎么自定义View实现竖向滑动回弹效果
    这篇文章主要介绍“Android怎么自定义View实现竖向滑动回弹效果”,在日常操作中,相信很多人在Android怎么自定义View实现竖向滑动回弹效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Andro...
    99+
    2023-06-30
  • Android自定义view实现滑动解锁效果
    本文实例为大家分享了Android自定义view实现滑动解锁的具体代码,供大家参考,具体内容如下 1. 需求如下: 近期需要做一个类似屏幕滑动解锁的功能,右划开始,左划暂停。 2. ...
    99+
    2022-11-12
  • android自定义View滑动删除效果
    View滑动删除效果图 实现功能 1、可以向左滑动,右侧出现删除 2、向左滑动如果删除出现一大半,松手打开删除,反之关闭删除 3、应用场景    ...
    99+
    2022-06-06
    view Android
  • Android中自定义view实现侧滑效果
    效果图: 看网上的都是两个view拼接,默认右侧的不显示,水平移动的时候把右侧的view显示出来。但是看最新版QQ上的效果不是这样的,但给人的感觉却很好,所以献丑来一发比较高...
    99+
    2022-06-06
    view 自定义view Android
  • Android自定义scrollview实现回弹效果
    在ios手机上经常看到页面上下滑动回弹效果,安卓中没有原生控件支持,这里自己就去自定义一个scrollview实现回弹效果 1. 新建MyScrollView并继承ScrollVie...
    99+
    2022-11-13
  • Android自定义View实现弹性小球效果
    照例先看效果图 自定义代码示例 public class BezierView extends View { Paint paint;//画笔 Path path;//...
    99+
    2022-06-06
    弹性 view Android
  • Android如何自定View实现滑动验证效果
    本篇内容主要讲解“Android如何自定View实现滑动验证效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android如何自定View实现滑动验证效果”吧!效果图自定义属性代码<xm...
    99+
    2023-06-22
  • Android怎么自定义scrollview实现回弹效果
    本篇内容主要讲解“Android怎么自定义scrollview实现回弹效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android怎么自定义scrollview实现回弹效果”吧! 新建MyS...
    99+
    2023-06-29
  • Android自定义View实现竖直跑马灯效果案例解析
    首先给出跑马灯效果图   中间的色块是因为视频转成GIF造成的失真,自动忽略哈。 大家知道,横向的跑马灯android自带的TextView就可以实现,详情请百度【...
    99+
    2022-06-06
    view 跑马灯 Android
  • Android自定义View实现拖动自动吸边效果
    本文实例为大家分享了Android自定义View实现拖动自动吸边的具体代码,供大家参考,具体内容如下 自定义View,一是为了满足设计需求,二是开发者进阶的标志之一。随心所欲就是我等...
    99+
    2022-11-13
  • Android自定View实现滑动验证效果的代码
    效果图 自定义属性代码 <?xml version="1.0" encoding="utf-8"?> <resources> &...
    99+
    2022-11-12
  • Android自定义View实现动画效果详解
    目录帧动画补间动画属性动画帧动画 帧动画就是给定一个完整动画的所有关键帧,由大脑想象中间的变化过程的一种动画。 <xml version="1.0" encoding="utf...
    99+
    2023-02-02
    Android自定义View实现动画 Android 动画 Android自定义View
  • 怎么在Android中通过自定义view实现滑动解锁效果
    怎么在Android中通过自定义view实现滑动解锁效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。自定义view如下@SuppressLint("Clicka...
    99+
    2023-06-15
  • android自定义view实现钟表效果
    本文实例为大家分享了android view实现钟表的具体代码,供大家参考,具体内容如下 先看效果图: 自定义view大家肯定已经不陌生了,所以直接今天直接步入正题:如何利用...
    99+
    2022-06-06
    view Android
  • Android自定义View实现扫描效果
    本文实例为大家分享了Android自定义View实现扫描效果的具体代码,供大家参考,具体内容如下 演示效果如下: 实现内容: 1、控制动画是竖向或者横向 2、控制动画初始是从底部/...
    99+
    2022-11-12
  • Android自定义View实现时钟效果
    本文实例为大家分享了Android自定义View实现时钟效果的具体代码,供大家参考,具体内容如下 自定义时钟 初学自定义View,先画一个不太成熟的时钟(甚至只有秒针) 时钟效果 ...
    99+
    2022-11-12
  • Android 自定义view实现水波纹动画效果
    在实际的开发中,很多时候还会遇到相对比较复杂的需求,比如产品妹纸或UI妹纸在哪看了个让人兴奋的效果,兴致高昂的来找你,看了之后目的很明确,当然就是希望你能给她;在这样的关键时候,身子板就一定得硬了,可千万别说不行,爷们儿怎么能说不行呢;好了...
    99+
    2023-05-31
    android 水波纹 roi
  • Android自定义view利用PathEffect实现动态效果
    目录前言一、首先介绍下PathEffect的一些子类二、看看子类具体的一些代码三、案例实现(CornerPathEffect,PathDashPathEffect,ComposePa...
    99+
    2022-11-13
  • Android自定义View实现loading动画加载效果
     项目开发中对Loading的处理是比较常见的,安卓系统提供的不太美观,引入第三发又太麻烦,这时候自己定义View来实现这个效果,并且进行封装抽取给项目提供统一的lo...
    99+
    2022-06-06
    view loading Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作