为何说Android ViewDragHelper是神器 （实战）

最新推荐文章于 2024-04-07 00:38:12 发布
最新推荐文章于 2024-04-07 00:38:12 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： Android笔记

前言： 前面写了两篇关于ViewDragHelper的博客了，自我感觉收获了挺多知识的，光说不敲还是不行的，所以准备结合项目的例子写一篇关于VDH的实战篇。
项目需求： 做到跟ios一样的效果，滑动Activity的左边距的时候可以退出当前Activity，也就是右滑退出的效果，如果我表述不太清楚的话，可以想象下侧滑菜单，当我们隐藏菜单的时候，菜单消失，底部Activity显示，在碰到此需求的时候我第一个定位的工具就是VDH，然后就到网上搜了一下，发现在很久以前别人就写出了这么个东西，而且适配度还很高，我又何必去造轮子呢?(^__^) 嘻嘻……

先附上项目的github链接：
https://github.com/ikew0ng/SwipeBackLayout
（ps：看了下项目创建的时间，3 years ago，悲哀啊！我与世界差距太大了，不管咋滴，加油吧，骚年！！！）
先看下运行的效果：
这里写图片描述

如果对VDH的api不了解的话，可以去参考下我的前两篇博客：

思路：
1、创建一个ViewGroup，然后把Activity所在window的contentView
加入到我们创建的ViewGroup中。
2、通过VDH对自定义ViewGroup中的contentView进行边界检查、滑动
的处理。
3、根据滑动的距离添加背景、判断滑动的距离后finishActivity。

思路是很简单的，但是做起来还不是那么容易的，接下来我们一步一步实现下这个很牛掰的控件。

attrs.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="SwipeBackLayout">
        <!--可触碰边界的大小-->
        <attr name="edge_size" format="dimension"/>
        <!--滑动边界的位置为：左、右、下、全部-->
        <attr name="edge_flag" format="enum">
            <enum name="left" value="0"/>
            <enum name="right" value="1"/>
            <enum name="bottom" value="2"/>
            <enum name="all" value="3"/>
        </attr>
        <!--左边的背影-->
        <attr name="shadow_left" format="reference"/>
        <!--右边的背景-->
        <attr name="shadow_right" format="reference"/>
        <!--下边的背景-->
        <attr name="shadow_bottom" format="reference"/>
    </declare-styleable>
</resources>

SwipeBackLayout.xml:

package com.cisetech.demo.demo;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.FrameLayout;

import com.cisetech.demo.R;
import com.cisetech.demo.ViewDragHelper;

/**
 * author：yinqingy
 * date：2016-11-07 15:24
 * blog：http://blog.csdn.net/vv_bug
 * desc：SwipeBack
 */

public class SwipeBackLayout extends FrameLayout {
    /**
     * 从左边开始滑动
     */
    public static final int EDGE_LEFT= ViewDragHelper.EDGE_LEFT;
    /**
     * 从右边开始滑动
     */
    public static final int EDGE_RIGHT= ViewDragHelper.EDGE_RIGHT;
    /**
     * 从底部开始滑动
     */
    public static final int EDGE_BOTTOM= ViewDragHelper.EDGE_BOTTOM;
    /**
     * 所有的方向可以滑动
     */
    public static final int EDGE_ALL= EDGE_LEFT|EDGE_RIGHT|EDGE_BOTTOM;
    private static final int[]EDGE_FLAGS={
      EDGE_LEFT,EDGE_RIGHT,EDGE_BOTTOM,EDGE_ALL
    };
    /**
     * 滑动的方向
     */
    private int mEdgeFlag;
    private ViewDragHelper mDragHelper;
    private Drawable mShadowLeft;
    private Drawable mShadowRight;
    private Drawable mShadowBottom;
    public SwipeBackLayout(Context context) {
        this(context,null);
    }

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

    public SwipeBackLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mDragHelper=ViewDragHelper.create(this,new MyCallBack());
        obtainStyleAttrs(context,attrs,defStyleAttr);
    }

    /**
     * 获取参数属性
     * @param context
     * @param attrs
     * @param defStyleAttr
     */
    private void obtainStyleAttrs(Context context, AttributeSet attrs, int defStyleAttr) {
        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.SwipeBackLayout, defStyleAttr,0);
        int count = a.getIndexCount();
        for (int i = 0; i <count; i++) {
            int attr=a.getIndex(i);
            switch (attr){
                case R.styleable.SwipeBackLayout_edge_size:
                    int edgeSize=a.getDimensionPixelSize(attr,-1);
                    if(edgeSize>0)
                    break;
                case R.styleable.SwipeBackLayout_edge_flag:
                    int mode = EDGE_FLAGS[a.getInt(R.styleable.SwipeBackLayout_edge_flag, 0)];
                    setEdgeTrackingEnabled(mode);
                    break;
                case R.styleable.SwipeBackLayout_shadow_left:
                    int shadowLeft = a.getResourceId(R.styleable.SwipeBackLayout_shadow_left,
                            R.drawable.shadow_left);
                    setShadow(shadowLeft, EDGE_LEFT);
                    break;
                case R.styleable.SwipeBackLayout_shadow_right:
                    int shadowRight = a.getResourceId(R.styleable.SwipeBackLayout_shadow_right,
                            R.drawable.shadow_right);
                    setShadow(shadowRight, EDGE_RIGHT);
                    break;
                case R.styleable.SwipeBackLayout_shadow_bottom:
                    int shadowBottom = a.getResourceId(R.styleable.SwipeBackLayout_shadow_bottom,
                            R.drawable.shadow_bottom);
                    setShadow(shadowBottom, EDGE_BOTTOM);
                    break;
            }
        }
        a.recycle();
    }

    /**
     * ViewDragHelper回调
     */
    private class MyCallBack extends ViewDragHelper.Callback{
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            return false;
        }
    }
    /**
     * 设置滑动方向
     * @param edgeFlags
     */
    public void setEdgeTrackingEnabled(int edgeFlags) {
        mEdgeFlag = edgeFlags;
        mDragHelper.setEdgeTrackingEnabled(mEdgeFlag);
    }

    /**
     * 设置边缘的背影
     * @param resId
     * @param edgeFlag
     */
    public void setShadow(int resId, int edgeFlag) {
        setShadow(getResources().getDrawable(resId), edgeFlag);
    }
    public void setShadow(Drawable shadow, int edgeFlag) {
        if ((edgeFlag & EDGE_LEFT) != 0) {
            mShadowLeft = shadow;
        } else if ((edgeFlag & EDGE_RIGHT) != 0) {
            mShadowRight = shadow;
        } else if ((edgeFlag & EDGE_BOTTOM) != 0) {
            mShadowBottom = shadow;
        }
        invalidate();
    }
}

重点说一下VDH的回调：

    /**
     * ViewDragHelper回调
     */
    private class MyCallBack extends ViewDragHelper.Callback{
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            return false;
        }
    }

1、我们不能直接拖动，当在ViewGroup边缘拖动的时候开始处理拖动。
利用mDragHelper中的isEdgeTouched方法先判断是否是边界触碰，

@Override
        public boolean tryCaptureView(View child, int pointerId) {
            //判断是否是边缘触碰
            boolean ret = mDragHelper.isEdgeTouched(mEdgeFlag, pointerId);
            if (ret) {
                //判断是哪个方向的触碰
                if (mDragHelper.isEdgeTouched(EDGE_LEFT, pointerId)) {
                    mTrackingEdge = EDGE_LEFT;
                } else if (mDragHelper.isEdgeTouched(EDGE_RIGHT, pointerId)) {
                    mTrackingEdge = EDGE_RIGHT;
                } else if (mDragHelper.isEdgeTouched(EDGE_BOTTOM, pointerId)) {
                    mTrackingEdge = EDGE_BOTTOM;
                }
            }
            //防止斜着滑动的那种情况
            boolean directionCheck = false;
            if (mEdgeFlag == EDGE_LEFT || mEdgeFlag == EDGE_RIGHT) {
                //如果是左右模式，不满足垂直可以滑动的时候
                directionCheck = !mDragHelper.checkTouchSlop(ViewDragHelper.DIRECTION_VERTICAL, pointerId);
            } else if (mEdgeFlag == EDGE_BOTTOM) {
                //如果是底部滑动的时候，不满足水平滑动的时候
                directionCheck = !mDragHelper
                        .checkTouchSlop(ViewDragHelper.DIRECTION_HORIZONTAL, pointerId);
            } else if (mEdgeFlag == EDGE_ALL) {
                directionCheck = true;
            }
            //是边缘滑动并且满足可以滑动的时候，contentview才可以拖动
            return ret & directionCheck;
        }

2、防止contentView默认具有点击事件而消费掉事件无法滑动的情况，我们要重写getViewHorizontalDragRange跟getViewVerticalDragRange。

  @Override
        public int getViewHorizontalDragRange(View child) {
            //返回值必须>0,所以只要是EDGE_LEFT或者EDGE_RIGHT模式，就返回1
            return mEdgeFlag & (EDGE_LEFT | EDGE_RIGHT);
        }

        @Override
        public int getViewVerticalDragRange(View child) {
            //返回值必须>0,所以只要是EDGE_BOTTOM，就返回1
            return mEdgeFlag & EDGE_BOTTOM;
        }

具体原因我就不去详细解析了，可以去看一下我前面两篇博客(^__^) 嘻嘻……

3、重写onViewPositionChanged，根据contentView位置变换做处理。

@Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);
            //获取一个滑动位置的百分比参数
            if ((mTrackingEdge & EDGE_LEFT) != 0) {
                //如果是左边滑动的情况，mScrollPercent=拖动过后的left/（contentView的宽度+左边阴影的宽度）
                mScrollPercent = Math.abs((float) left
                        / (mContentView.getWidth() + mShadowLeft.getIntrinsicWidth()));
            } else if ((mTrackingEdge & EDGE_RIGHT) != 0) {
                //如果是右边滑动的情况，获取到的left为赋值，所以需要取绝对值
                mScrollPercent = Math.abs((float) left
                        / (mContentView.getWidth() + mShadowRight.getIntrinsicWidth()));
            } else if ((mTrackingEdge & EDGE_BOTTOM) != 0) {
                //如果是底部滑动的情况，mScrollPercent=（top/(contentView的高度+底部阴影的高度)）
                mScrollPercent = Math.abs((float) top
                        / (mContentView.getHeight() + mShadowBottom.getIntrinsicHeight()));
            }
            //获取拖动过后的left跟top，然后调用invalidate会重新绘制ViewGroup，在onLayout方法中重新摆放子控件位置
            mContentLeft = left;
            mContentTop = top;
            invalidate();
            /**
             * 当滑动的距离百分比》=1的时候，结束掉当前Activity
             */
            if (mScrollPercent >= 1) {
                if (!mActivity.isFinishing()) {
                    mActivity.finish();
                    mActivity.overridePendingTransition(0, 0);
                }
            }
        }

4、当手指抬起的时候，如果滑动的距离>=我们设置的Activty关闭的距离后，自动滑动退出，否则就回到初始位置。

@Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            final int childWidth = releasedChild.getWidth();
            final int childHeight = releasedChild.getHeight();

            int left = 0, top = 0;
            //当为左边滑动的时候
            if ((mTrackingEdge & EDGE_LEFT) != 0) {
                //x轴上滑动的速度>=0并且滑动的距离到达总距离自定的0.3f的时候，left即为（content的宽度+左阴影的宽度+超出滑动距离的offset）
                left = xvel > 0 || xvel == 0 && mScrollPercent > mScrollThreshold ? childWidth
                        + mShadowLeft.getIntrinsicWidth() + OVERSCROLL_DISTANCE : 0;
            } else if ((mTrackingEdge & EDGE_RIGHT) != 0) {
                left = xvel < 0 || xvel == 0 && mScrollPercent > mScrollThreshold ? -(childWidth
                        + mShadowLeft.getIntrinsicWidth() + OVERSCROLL_DISTANCE) : 0;
            } else if ((mTrackingEdge & EDGE_BOTTOM) != 0) {
                top = yvel < 0 || yvel == 0 && mScrollPercent > mScrollThreshold ? -(childHeight
                        + mShadowBottom.getIntrinsicHeight() + OVERSCROLL_DISTANCE) : 0;
            }
            //自动滚动到指定的left跟top位置
            mDragHelper.settleCapturedViewAt(left, top);
            invalidate();
        }

既然有settleCapturedViewAt方法自动回到自定位置，那么肯定会有：

 @Override
    public void computeScroll() {
        if (mDragHelper.continueSettling(true)) {
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }

5、最后因为有边界限制的问题，所以要重写clampViewPositionHorizontal跟clampViewPositionVertical方法

 @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            int ret = 0;
            //如果为左边界滑动，边界限制为（最小值为0，最大值为contentview的宽度）
            //如果为右边界滑动，边界限制为（最小值为-contentView的宽度，最大值为0）
            if ((mTrackingEdge & EDGE_LEFT) != 0) {
                ret = Math.min(child.getWidth(), Math.max(left, 0));
            } else if ((mTrackingEdge & EDGE_RIGHT) != 0) {
                ret = Math.min(0, Math.max(left, -child.getWidth()));
            }
            return ret;
        }

        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            int ret = 0;
            //如果为底部滑动，边界限制为（最小值为-contentView的高度，最大值为0）
            if ((mTrackingEdge & EDGE_BOTTOM) != 0) {
                ret = Math.min(0, Math.max(top, -child.getHeight()));
            }
            return ret;
        }

6、重写onLayout方法，摆置ContentView的位置：

@Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        mInLayout = true;
        if (mContentView != null)
            mContentView.layout(mContentLeft, mContentTop,
                    mContentLeft + mContentView.getMeasuredWidth(),
                    mContentTop + mContentView.getMeasuredHeight());
        mInLayout = false;
    }

6、最后把事件的拦截跟处理给VDH

@Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        if (!mEnable) {
            return false;
        }
        try {
            return mDragHelper.shouldInterceptTouchEvent(event);
        } catch (ArrayIndexOutOfBoundsException e) {
            // FIXME: handle exception
            // issues #9
            return false;
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (!mEnable) {
            return false;
        }
        mDragHelper.processTouchEvent(event);
        return true;
    }

对SwipeBackLayout简单的进行了下解析说明，具体代码，小伙伴们可以直接下载一个SwipeBackLayout，还有一些其他的功能跟封装我就不详细解析了，反正我是跟着敲了很多遍(^__^) 嘻嘻……

好啦！！VDH就暂时告一段落了，总算是解决掉了，继续努力啊！！！！

vv_小虫
关注
专栏目录
ViewDragHelper实例学习笔记
山石的专栏
01-28 2944
github上的一个开源项目:https://github.com/BlueMor/DragLayout, 效果图： 侧滑效果的实现主要用的是ViewDragHelper，实现了对TouchEvent中的action处理进行了封装， 使用者不必操心在侧滑的过程中如何处理TouchEvent中的ACTION_DOWN、ACTION_MOVE和ACTION_UP事件， 而只需实现回调接口V
Android ViewDragHelper完全解析 自定义ViewGroup神器，android编程基础培训
m0_64382868的博客
12-04 195
/** clampViewPositionVertical(); clampViewPositionHorizontal(); 以上两个方法，可以在该方法中对child移动的边界进行控制，left , top 分别为即将移动到的位置，比如横向的情况下，我希望只在ViewGroup的内部移动 @param child @param top @param dy @return */ @Override public int clampViewPositionVertical(
ViewDragHelper实战 自己打造Drawerlayout
weixin_30883777的博客
08-11 167
转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/47396187； 本文出自:【张鸿洋的博客】 一、概述 中间拖了蛮长时间了，在上一篇我们介绍了ViewDragHelper，详情：ViewDragHelper完全解析，当然了，上一篇都是小示例的形式去演示代码功能，并不能给人一种实用...
【FastDev4Android框架开发】神器ViewDragHelper完全解析之详解实现QQ5.X侧滑酷炫效果(三十四)
江清清的专栏
11-25 7336
(一).前言:            这几天正在更新录制实战项目，整体框架是采用仿照QQ5.X侧滑效果的。那么我们一般的做法就是自定义ViewGroup或者采用开源项目MenuDrawer或者Google提供的控件DrawerLayout等方式来实现。这些的控件的很多效果基本上都是采用实现onInterceptTouchEvent和onTouchEvent这两个方法进行实现，而且都是根据要实现的效
V4包--ViewDragHelper辅助类详解
qq_30295213的博客
10-18 416
一、概述 在自定义ViewGroup中，很多效果都包含用户手指去拖动其内部的某个View(eg:侧滑菜单等)，针对具体的需要去写好onInterceptTouchEvent和onTouchEvent这两个方法是一件很不容易的事，需要自己去处理：多手指的处理、加速度检测等等。 好在官方在v4的支持包中提供了ViewDragHelper这样一个类来帮助我们方便的编写自定义ViewGroup。
Android 中 View移动总结：ViewDragHelper学习及用法详解
热门推荐
lemonGuo的大脑皮层、小脑、海马体、杏仁核.....
10-12 1万+
View移动的相关方法总结： 1. layout 在自定义控件中，View绘制的一个重写方法layout()，用来设置显示的位置。所以，可以通过修改View的坐标值来改变view在父View的位置，以此可以达到移动的效果！但是缺点是只能移动指定的View：
Android ViewDragHelper完全解析 自定义ViewGroup神器
01-21
好在官方在v4的支持包中提供了ViewDragHelper这样一个类来帮助我们方便的编写自定义ViewGroup。简单看一下它的注释： ViewDragHelper is a utility class for writing custom ViewGroups. It offers a number of ...
Android 2024硬改神器
最新发布
08-28
硬改的是底层数据，随便刷机恢复出厂改过得数据是什么就是什么，不会改变除非重新修改 改机过程需要手机打开USB调试模式，请下载奇兔识别手机型号最重要的是要用奇兔刷机安装识别手机的ADB驱动 奇兔识别到以后请...
Android使用ViewDragHelper实现QQ6.X最新版本侧滑界面效果实例代码
01-04
今天我们还是采用神器ViewDragHelper来实现. 本次实例具体代码已经上传到下面的项目中，欢迎各位去star和fork一下。 https://github.com/jiangqqlmj/DragHelper4QQ FastDev4Android框架项目地址:...
Android开发ViewDragHelper打造不一样的recyclerview
一个学渣走向android之路
05-08 6438
概述前面我有一篇是讲到了viewdraghelper，http://blog.csdn.net/sw950729/article/details/53352587。对viewdraghelper不了解，可以看完再说。有人说viewdraghelper这个不就是个手势处理类么，怎么打造不一样的recyclerview？不不不，不要小瞧所有的手势处理，包括那啥GestureDetector也是。但是本文
Android 抽屉式效果ViewDragHelper实现
06-16
一个使用ViewDragHelper来实现的 安卓抽屉式滑动效果
Android应用ViewDragHelper详解及部分源码浅析，安卓开发必须会的技能
2401_84153262的博客
04-07 728
经过上面的浅析与注释总结归纳如下总结方便日后使用；同时我们可以发现ViewDragHelper的本质其实涉及的知识点还是很多的，主要在事件处理上，不得不佩服该工具类考虑的强大。//常用核心API归纳总结//当前View处于空闲状态，静止//当前View处于托动状态中//当前View处于滚动惯性到settling坐标间的状态//可托拽边缘方向常量//公有静态内部抽象回调类，当ViewDragHelper控制的ViewGroup中View变化时会被回调。
android 布局上下拖动,ViewDragHelper+RecyclerView实现上下拖拽效果【Android】
weixin_39522103的博客
05-26 1247
微信公众号：书客创作在上一章文章ViewDragHelper的详细讲解与体验【Android】已经详细的介绍过ViewDragHelper的详细用法，本篇文章将给大家介绍一下ViewDragHelper+RecyclerView实现上下拖拽效果。一、效果图：当拖拽蓝色横条时候，底部RecyclerView将会随之一起动。二、效果要求：1、整体布局为上下结构，底部View会随着拖拽View的上下运动...
Android中系统触摸相关辅助类总结
自由奔跑的风
08-25 2243
Android中系统触摸相关辅助类总结 Android中的触摸事件，我们可以通过重写View的OnTouchEvent()等事件，通过事件类型MotionEvent来进行我们想要实现的逻辑操作，有时候一些简单的需求很容易实现，但是有时候，一些很困难的需求，我们需要编写大量的代码来实现。好在Android官方就给我们提供了很丰富的触摸相关的辅助类，今天，我就把我知道的分享给大家。 1、Ges...
Android ViewDragHelper及移动处理总结
xiangzhihong8的专栏
01-05 7654
概述2013年谷歌i/o大会上介绍了两个新的layout： SlidingPaneLayout和DrawerLayout，现在这俩个类被广泛的运用。我们知道在我们实际的开发中往往会涉及到很多的拖动效果，而ViewDragHelper解决了android中手势处理过于复杂的问题。 其实ViewDragHelper并不是第一个用于分析手势处理的类，gesturedetector也是，但是在和拖动相关的
史上最全的Android ViewDragHelper解析
anyue1258624735的专栏
05-16 7305
简介： 一般我们在自定义ViewGroup 的时候会通常都会用到onInterceptTouchEvent ，onTouchEvent 这些方法去进行距离的判断然后利用scroller 去进行目标的移动，从而实现ViewGroup 的自定义。此方法不但判断麻烦，而且逻辑复杂，不易操作，今天给大家要价讲的这个工具ViewDragHelper 是谷歌IO大会上推出的触摸辅助开发工具，极大的简化了开发自定
ViewDragHelper详解（侧滑栏）
文淑的博客
06-07 1万+
乐观是一首激昂优美的进行曲，时刻鼓舞着你向事业的大路勇猛前进。——大仲马一、概述Drag拖拽；ViewDrag拖拽视图，拖拽控件；ViewDragHelper拖拽视图助手，拖拽操作类。利用ViewDragHelper类可以实现很多绚丽的效果，比如：拖拽删除，拖拽排序，侧滑栏等。本篇主要讲解简易侧滑栏的实现。注意：ViewDragHelper是作用在一个ViewGroup上，也就是说他不能直接作用到被
ViewDragHelper详解
L25000的专栏
06-03 3498
2013年谷歌i/o大会上介绍了两个新的layout： SlidingPaneLayout和DrawerLayout，现在这俩个类被广泛的运用，其实研究他们的源码你会发现这两个类都运用了ViewDragHelper来处理拖动。ViewDragHelper是framework中不为人知却非常有用的一个工具。 ViewDragHelper解决了android中手势处理过于复杂的问题，在Drawe
Android源码分析神器与实战路径揭秘
在Android源码分析过程中，利用合适的工具能够大大提高效率。本文主要探讨的是在分析Android源码时所使用的工具和方法，特别是针对Eclipse这一经典IDE以及Google官方推荐的Android Studio。 首先，Eclipse曾是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值