史上最全的Android ViewDragHelper解析

最新推荐文章于 2024-05-10 21:10:05 发布
最新推荐文章于 2024-05-10 21:10:05 发布
阅读量7.1k 收藏 7
点赞数 1
分类专栏： 移动开发 文章标签： ViewDragHe android 移动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anyue1258624735/article/details/51427200
版权

简介： 一般我们在自定义ViewGroup 的时候会通常都会用到onInterceptTouchEvent ，onTouchEvent 这些方法去进行距离的判断然后利用scroller 去进行目标的移动，从而实现ViewGroup 的自定义。此方法不但判断麻烦，而且逻辑复杂，不易操作，今天给大家要价讲的这个工具ViewDragHelper 是谷歌IO大会上推出的触摸辅助开发工具，极大的简化了开发自定义VIewGroup 的难度。
这里写图片描述

1.废话不多说 ，首先要初始化 ViewDragHelper 这个工具类：


  final float density = getResources().getDisplayMetrics().density;
        final float minVel = MIN_FLING_VELOCITY * density;
        //指定好需要处理拖动的ViewGroup和回调 就可以开始使用了
        mViewDragHelper = ViewDragHelper.create(this, new DefaultDragHelper());
        mViewDragHelper.setEdgeTrackingEnabled(ViewDragHelper.EDGE_LEFT);
        //设置minVelocity
        mViewDragHelper.setMinVelocity(minVel);

2.初始化 ViewDragHelper.Callback 这个触摸操作类：并初始化 要操作VIew的位置控制方法回掉类：


onViewPositionChanged（）
        @Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);

            mLeft = left;
            mLeftSize =(-left)/ (dip2px(getContext(),80) * 1.0f);
            Log.d(TAG, "onViewPositionChanged()--" + "left:" + left + ",top:" + top + ",dx:" + dx + ",dy:" + dy + "mLeftSize--" + mLeftSize);
            invalidate();
        }

3.接下来我们会操作要移动VIew 的滑动限制距离 方法：


  /**
         * 限制子View水平拖拉操作。默认不支持水平操作，重写该方法提供新的水平坐标（根据提供的渴望的水平坐标）
         * 不重写就不会支持水平坐标变化
         *
         * @param child Child view being dragged
         * @param left  Attempted motion along the X axis
         * @param dx    Proposed change in position for left
         * @return The new clamped position for left
         */
        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            final int leftBound =v_content.getPaddingLeft()-dip2px(getContext(),80);
            final int rightBound =v_content.getPaddingRight();
            final int newLeft = Math.min(Math.max(left, leftBound), rightBound);
            Log.d(TAG, "clampViewPositionHorizontal()--left:" + left + ",dx:" + dx+"v_content.getPaddingLeft(),"+v_content.getPaddingLeft());
            return newLeft;
        }
    }
  1. 限制View活动的范围后 ，但我们释放手指的时候我们会操作另外一个方法:
    /**
         * 手指离开屏幕
         * 后续View 的坐标处理
         * 比如  滑到超过一半 直接滑到满屏 又或者滑到不到一半的时候
         * 还原坐标
         *
         * @param releasedChild
         * @param xvel
         * @param yvel
        * */
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            super.onViewReleased(releasedChild, xvel, yvel);
            Log.d(TAG, "onViewReleased()--xv:" + xvel + ",yv:" + yvel);
            //上拉
            if (mLeftSize > 0.5) {
                openCover();
            } else {
                closeCover();
            }
            invalidate();
        }

这样一个基本的VIew滑动类就基本实现了。
接下来我贴出一个完整的示例：

 package com.example.administrator.myapplication.fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

import com.example.administrator.myapplication.R;
import com.example.administrator.myapplication.widget.BotomDragLayout;
import com.example.administrator.myapplication.widget.LeftScrollDeleteDragLayout;

/**
 * 侧滑删除列表
 * 2016/4/21
 * gxj
 */
public class LeftScrollDeleteLayoutFragment extends Fragment {
    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getActivity().setTitle("LeftScrollDeleteLayoutFragment");
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        final LeftScrollDeleteDragLayout view = (LeftScrollDeleteDragLayout) inflater.inflate(R.layout.left_scroll_delete_layout, container, false);
        View view_bg =view.findViewById(R.id.del);
        view_bg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(view.STATE == BotomDragLayout.CLOSEING){
                    view.openCover();
                }else{
                    view.closeCover();
                    Toast.makeText(getActivity(),"删除",Toast.LENGTH_SHORT).show();
                }
            }
        });
        return view;
    }

}

所需要的xml布局：


<com.example.administrator.myapplication.widget.LeftScrollDeleteDragLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">
        <LinearLayout
            android:id="@+id/view_bg"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:orientation="horizontal"
            android:gravity="right">
                <Button
                    android:id="@+id/del"
                    android:layout_width="80dp"
                    android:layout_height="match_parent"
                    android:text="删除"
                    android:textColor="@color/white"
                    android:background="@color/red"
                    android:gravity="center"
                    />
        </LinearLayout>
        <Button
            android:id="@+id/view_content"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:text="向左滑出删除按钮"
            android:gravity="center"
            android:background="@color/colorPrimary"
            android:textColor="@android:color/white"
            />
</com.example.administrator.myapplication.widget.LeftScrollDeleteDragLayout>

完整的自定义侧滑类代码：

package com.example.administrator.myapplication.widget;
import android.content.Context;
import android.support.v4.view.MotionEventCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;

import com.example.administrator.myapplication.R;

/**
 *列表侧滑删除效果
 * author gxj
 * date 2016.5.22
 */
public class LeftScrollDeleteDragLayout extends ViewGroup {
    private final String TAG = this.getClass().getSimpleName();
    private ViewDragHelper mViewDragHelper;
    /**
     * Minimum velocity that will be detected as a fling
     */
    private static final int MIN_FLING_VELOCITY = 400; // dips per second
    /**
     * 菜单栏的状态
     */
    public  int STATE = 0;
    public static final int CLOSEING = 0;
    public static final int OPENED = 1;
    private View v_content;
    private int viewWidth = 0;
    /**
     * 滑动view 的顶部位置
     */
    private int mLeft;
    /**
     * 滑动view 的滑动距离占自身高度的比例
     */
    private float mLeftSize;
    private View view_bg;

    public LeftScrollDeleteDragLayout(Context context) {
        this(context, null);
        init();
    }

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

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

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        v_content = findViewById(R.id.view_content);
        view_bg = findViewById(R.id.view_bg);
        viewWidth = v_content.getHeight();
    }

    @Override
    public void computeScroll() {
        if (mViewDragHelper.continueSettling(true)) {
            postInvalidateOnAnimation();
        }
    }

    public void openCover() {
        STATE = LeftScrollDeleteDragLayout.OPENED;
        mViewDragHelper.smoothSlideViewTo(v_content, -dip2px(getContext(),80), 0);
        postInvalidateOnAnimation();
    }

    public void closeCover() {
        STATE = LeftScrollDeleteDragLayout.CLOSEING;
        mViewDragHelper.smoothSlideViewTo(v_content, 0, 0);
        postInvalidateOnAnimation();
    }

    private void init() {
        final float density = getResources().getDisplayMetrics().density;
        final float minVel = MIN_FLING_VELOCITY * density;
        //指定好需要处理拖动的ViewGroup和回调 就可以开始使用了
        mViewDragHelper = ViewDragHelper.create(this, new DefaultDragHelper());
        mViewDragHelper.setEdgeTrackingEnabled(ViewDragHelper.EDGE_LEFT);
        //设置minVelocity
        mViewDragHelper.setMinVelocity(minVel);
    }

    private class DefaultDragHelper extends ViewDragHelper.Callback {
        @Override
        public boolean tryCaptureView(View view, int i) {
            return view == v_content;
        }

        @Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);

            mLeft = left;
            mLeftSize =(-left)/ (dip2px(getContext(),80) * 1.0f);
            Log.d(TAG, "onViewPositionChanged()--" + "left:" + left + ",top:" + top + ",dx:" + dx + ",dy:" + dy + "mLeftSize--" + mLeftSize);
            invalidate();
        }

        /**
         * 当captureview被捕获时回调
         *
         * @param capturedChild
         * @param activePointerId
         */
        @Override
        public void onViewCaptured(View capturedChild, int activePointerId) {
            super.onViewCaptured(capturedChild, activePointerId);
            Log.d(TAG, "onViewCaptured()--:");
        }

        /**
         * 手指离开屏幕
         * 后续View 的坐标处理
         * 比如  滑到超过一半 直接滑到满屏 又或者滑到不到一半的时候
         * 还原坐标
         *
         * @param releasedChild
         * @param xvel
         * @param yvel
         */
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            super.onViewReleased(releasedChild, xvel, yvel);
            Log.d(TAG, "onViewReleased()--xv:" + xvel + ",yv:" + yvel);
            //上拉
            if (mLeftSize > 0.5) {
                openCover();
            } else {
                closeCover();
            }
            invalidate();
        }

        /**
         * 当触摸到边缘的时候会调用
         * @param edgeFlags
         * @param pointerId
         */
        @Override
        public void onEdgeTouched(int edgeFlags, int pointerId) {
            super.onEdgeTouched(edgeFlags, pointerId);
            Log.d(TAG, "onEdgeTouched()");
        }

        @Override
        public boolean onEdgeLock(int edgeFlags) {
            Log.d(TAG, "onEdgeLock()");
            return super.onEdgeLock(edgeFlags);
        }

        /**
         * 当触摸到边缘的时候会调用
         *
         * @param edgeFlags
         * @param pointerId 可以指定触摸边缘的子View
         */
        @Override
        public void onEdgeDragStarted(int edgeFlags, int pointerId) {
            super.onEdgeDragStarted(edgeFlags, pointerId);
            Log.d(TAG, "onEdgeDragStarted()");
            mViewDragHelper.captureChildView(v_content, pointerId);
        }

        /**
         * 返回当前移动的View 的position
         *
         * @param index
         * @return
         */
        @Override
        public int getOrderedChildIndex(int index) {
            return super.getOrderedChildIndex(index);
        }

        /**
         * 限制水平移动范围
         * Return the magnitude of a draggable child view's horizontal range of motion in pixels.
         * 似乎作用不大，其他情况只用于判断是否可以拖动
         * 具体返回值真正起作用在于{@link ViewDragHelper#smoothSlideViewTo(View, int, int)}
         *
         * @param child Child view to check
         * @return range of horizontal motion in pixels
         */
        @Override
        public int getViewHorizontalDragRange(View child) {
            return child ==v_content?dip2px(getContext(),80):0;
        }


        /**
         * 限制子View水平拖拉操作。默认不支持水平操作，重写该方法提供新的水平坐标（根据提供的渴望的水平坐标）
         * 不重写就不会支持水平坐标变化
         *
         * @param child Child view being dragged
         * @param left  Attempted motion along the X axis
         * @param dx    Proposed change in position for left
         * @return The new clamped position for left
         */
        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            final int leftBound =v_content.getPaddingLeft()-dip2px(getContext(),80);
            final int rightBound =v_content.getPaddingRight();
            final int newLeft = Math.min(Math.max(left, leftBound), rightBound);
            Log.d(TAG, "clampViewPositionHorizontal()--left:" + left + ",dx:" + dx+"v_content.getPaddingLeft(),"+v_content.getPaddingLeft());
            return newLeft;
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        final int action = MotionEventCompat.getActionMasked(event);
        if (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP) {
            mViewDragHelper.cancel();
            return false;
        }
        //通过这个方法判断是否拦截 滑动事件
        boolean flag = mViewDragHelper.shouldInterceptTouchEvent(event);
        return flag;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //通过这个方法判断是否处理拦截的触摸事件
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

    /**
     * 丈量所有控件的高度
     * 可以得到每个控件的最终高度
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        measureChildren(widthMeasureSpec, heightMeasureSpec);
        int maxWidth = MeasureSpec.getSize(widthMeasureSpec);
        int maxHeight = MeasureSpec.getSize(heightMeasureSpec);
        setMeasuredDimension(resolveSizeAndState(maxWidth, widthMeasureSpec, 0),
                resolveSizeAndState(maxHeight, heightMeasureSpec, 0));
        viewWidth = v_content.getMeasuredWidth();
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        Log.e("onLayout", l + "|" + t + "|" + r + "|" + b);
        v_content.layout(mLeft, t, mLeft+viewWidth,dip2px(getContext(),200) );
        view_bg.layout(0, 0, r, dip2px(getContext(),200));
    }
    /**
     * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
     */
    private  int dip2px(Context context, float dpValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }
}

最后附上demo的下载地址 ： 猛戳这里–https://github.com/g1258624735/MyApplication2
5. 所有的代码已经全部上传，注释很详细，包你看懂，已经详细的不能在详细了，看不懂的可以板砖拍我。
6. 大家在看的过程 当中，如果有什么不懂得话可以发邮件给我 ，1258624735@qq.com
7. ps: 如果大家觉得文章对你有帮助：不妨大赏一下支持原创，你的支持是我最大的动力：这里写图片描述

我是你的小军军
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android—-ViewDragHelper(自定义拖拽) —- 之一
01-03
功能 自定义可以拖拽的view 创建流程 创建自定义 可以拖拽的 viewGroup 实例化 viewDragHelper callback 内部方法 重写 xml布局中添加 简单的代码实现 package com.field.dragdemo; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.widget.RelativeLayout; import androi
Android ViewDragHelper完全解析 自定义ViewGroup神器
01-21
好在官方在v4的支持包中提供了ViewDragHelper这样一个类来帮助我们方便的编写自定义ViewGroup。简单看一下它的注释： ViewDragHelper is a utility class for writing custom ViewGroups. It offers a number of ...
最全Android应用ViewDragHelper详解及部分源码浅析，15个经典面试问题回答思路汇总
最新发布
2401_84123113的博客
05-10 293
笔者之前工作是在金融公司可能并不是特别追求技术，而笔者又是喜欢追求技术的人，所以格格不入，只能把目标放在互联网大厂了。也希望大家都去敢于尝试和追逐自己的梦想！BATJ大厂Android高频面试题网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
Android ViewDragHelper（1）
chuoshao2508的博客
01-04 84
 Android ViewDragHelper（1） 在以往处理Android触摸滑动点击等复杂屏幕事件时，往往不得不借助于各种MotionEvent事件，然后自己再写代码处理逻辑计算，过程复杂，代码量也不小。比如简单的要处理或者实现一个拖曳事件逻辑代码，就要做一些不够简洁的...
Android----ViewDragHelper(自定义拖拽) ---- 之一
huoruohe的博客
04-07 1239
功能 自定义可以拖拽的view 创建流程 创建自定义 可以拖拽的 viewGroup 实例化 viewDragHelper callback 内部方法 重写 xml布局中添加 简单的代码实现 package com.field.dragdemo; import android.content.Context; import android.util.AttributeSet; import ...
android ViewDragHelper讲解
mffandxx的博客
04-25 462
文章的开头奉送上代码，方便对照学习。1 前言2013年谷歌i/o大会上介绍了两个新的layout： SlidingPaneLayout和DrawerLayout，现在这俩个类被广泛的运用， 其实研究他们的源码你会发现这两个类都运用了ViewDragHelper来处理拖动。 ViewDragHelper解决了android中手势处理过于复杂的问题,下面让我们总结一下android中都有那些处理vie
Android ViewDragHelper使用方法详解
08-28
Android ViewDragHelper 使用方法详解 Android ViewDragHelper 是 Android 提供的一个辅助类，用于帮助开发者实现各种类型的复杂手势操作。ViewDragHelper 可以帮助开发者实现滑动、拖拽、缩放等手势操作。下面是 ...
Android ViewDragHelper使用介绍
08-29
ViewDragHelper是support.v4下提供的用于处理拖拽滑动的辅助类。接下来通过本文给大家介绍Android ViewDragHelper使用，感兴趣的朋友一起看看吧
Android:ViewDragHelper学习
lie1282013的专栏
08-13 372
android v4包中的视图拖拽的帮助类。 参考博客： 1、http://blog.csdn.net/lmj623565791/article/details/46858663 2、http://blog.csdn.net/pi9nc/article/details/39583377 1、创建方法： ViewDragHelper.create(ViewG
android viewdraghelper 点击移动,ViewDragHelper之手势操作神器
weixin_39680609的博客
05-29 277
在Android中避免不了自定义ViewGroup，来实现我们原生控件所不能满足的需求。尤其是复杂的ViewGroup实现，手势的处理是避免不了的。我们要针对不同的ViewGroup来实现不同的onInterceptTouchEvent与onTouchEvent事件等。那么有没有什么简便的方法呢？答案是肯定的，ViewDragHelper可以帮助我们解决负责的手势操作。它是官方所提供的一个专门为自...
ViewDragHelper自定义侧滑菜单（解决与ScrollView的滑动事件冲突）
04-11
用ViewDragHelper做的自定义侧滑菜单，并解决了与ScrollView的滑动事件冲突问题，方便大家研究
surfaceview控制位图缩放、拖移
08-30
一个简单实用的demo，实现位图的放大、缩小跟拖移
ViewDragHelper实战 自己打造Drawerlayout Eclipse版本
12-04
原博客地址 http://blog.csdn.net/lmj623565791/article/details/47396187 我只是增加了Eclipse版本，方便以后的同学学习
android----ViewDragHelper的使用
weixin_41069726的博客
05-09 831
使用ViewDragHelper 来处理移动的操作 1.ViewDragHelper 在高版本中v4 包才有 2.ViewDragHelper 主要用于ViewGroup中对子控件的拖拽处理 3.ViewDragHelper 主要封装了 View 的触摸位置,触摸速度和移动距离等的监控和scroller, 通过接口回调的方式,告诉我们,只需要指定是否需要移动 ,移动多少 回调接口...
安卓实现任意控件view可拖拽，并监听拖拽和点击事件，可自动拉回屏幕边缘
weixin_33895657的博客
10-17 815
因为项目中有需要实现控件可任意拖拽的需求，所以简单写了个自定义OnTouchListener，以作抛砖引玉，欢迎大家提议反馈。 完整实现类如下，代码中有详细注释： 用户可以决定是否开启自动拖拽边缘功能，可以监听控件的拖拽和点击事件 public class OnDragTouchListener implements View.OnTouchListener { private int ...
ViewDragHelper详解
L25000的专栏
06-03 3451
2013年谷歌i/o大会上介绍了两个新的layout： SlidingPaneLayout和DrawerLayout，现在这俩个类被广泛的运用，其实研究他们的源码你会发现这两个类都运用了ViewDragHelper来处理拖动。ViewDragHelper是framework中不为人知却非常有用的一个工具。 ViewDragHelper解决了android中手势处理过于复杂的问题，在Drawe
Android的ViewDragHelper如何使用？
04-01
ViewDragHelper是Android系统提供的一个辅助类，可以帮助我们实现拖拽、滑动等交互效果。下面是ViewDragHelper的使用步骤： 1. 定义一个ViewDragHelper对象 ```java ViewDragHelper mDragHelper = ViewDragHelper....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值