使用ViewDragHelper实现slidemenu

原创 2015年11月17日 21:52:27
前面我已经用 HorizontalScrollView + Fragment实现了一个非常简洁的滑动菜单。这里用ViewDragHelper帮我们处理滑动,效果更佳。

作用: 在自定义ViewGroup中帮我们处理子控件的滑动效果 。
先介绍下ViewDragHelper的使用。
1. 继承一个ViewGroup, 在构造方法中初始化一个ViewDragHelper。
2. 重写onToucheEvent与onInterceptTouchEvent方法,让ViewDragHelper去处理事件。
3. 重写computeScroll方法,这里与scroller模拟滑动类似。
4. 实现ViewDragHelper的callback方法。

下面是具体代码

public class SlideMenuView extends FrameLayout {
    private ViewDragHelper mViewDragHelper;
    private int mScreenWidth;
    private ViewGroup leftMenu;
    private ViewGroup content;
    private ViewGroup rightMenu;
    private int mLeftMenuWidth;
    private int mRightMenuWidth;

    public SlideMenuView(Context context) {
        super(context);
    }

    public SlideMenuView(Context context, AttributeSet attrs) {
        super(context, attrs);

        WindowManager wm = (WindowManager) getContext().getSystemService(
                Context.WINDOW_SERVICE);
        mScreenWidth = wm.getDefaultDisplay().getWidth();

        mViewDragHelper = ViewDragHelper.create(this, callback);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        measureChildren(widthMeasureSpec, heightMeasureSpec);

        //这里继续了FrameLayout,所以把content放在最后位置
        leftMenu = (ViewGroup) getChildAt(0);
        content = (ViewGroup) getChildAt(2);
        rightMenu = (ViewGroup) getChildAt(1);

        mLeftMenuWidth = leftMenu.getMeasuredWidth();
        mRightMenuWidth = rightMenu.getMeasuredWidth();
    }


    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }


    //可做模板代码
    @Override
    public void computeScroll() {
        if (mViewDragHelper.continueSettling(true)) {
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        //重写,让右侧菜单靠右显示
        rightMenu.layout(mScreenWidth-mRightMenuWidth, top, mScreenWidth, bottom);

    }

    private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            //这里只用让中间主界面可滑动
            return content == child;
        }

        //处理横向的滚动
        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            if (left > mLeftMenuWidth) left = mLeftMenuWidth;
            if (-left > mRightMenuWidth) left = -mRightMenuWidth;
            return left;
        }

        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            return 0;
        }

        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {

            super.onViewReleased(releasedChild, xvel, yvel);
            if (content.getLeft() > mLeftMenuWidth / 2) { // 向右滑动超过左侧菜单一半时
                mViewDragHelper.smoothSlideViewTo(content, mLeftMenuWidth, 0);
            } else if (-content.getLeft() > mRightMenuWidth / 2) { //向左滑动距离超过右侧菜单一半时,
                mViewDragHelper.smoothSlideViewTo(content, -mRightMenuWidth, 0);
            } else { //回到原点
                mViewDragHelper.smoothSlideViewTo(content, 0, 0);

            }
            ViewCompat.postInvalidateOnAnimation(SlideMenuView.this);
        }
    };
}

代码已经很清楚了, 要注意的是, 这里重写了onLayout方法,为了rightMenu靠右显示。为了通用,可以用Fragment去实现 这里的leftMenu与rithgMenu.

版权声明:本文为博主原创文章,未经博主允许不得转载。

ViewDragHelper 实现 ListView 左滑删除

前言因为项目上需要实现收藏夹 ListView 左滑删除的需求,之前用的是第三方框架(SwipeListView)。最近抽空自己动手写个。实现左滑删除其实有很多种方法,ScrollTo+Scrolle...
  • heshiweij
  • heshiweij
  • 2016年03月26日 19:27
  • 2083

ViewDragHelper实现右划关闭Activity

这段时间学习了ViewDragHelper的使用,觉得挺牛逼的,使用起来也特别的方便。它可以方便的让我们处理触摸事件,是否分发,是否处理,一句话,使用它你可以忽略touch过程中的一些细节了!!先看看...
  • lovejjfg
  • lovejjfg
  • 2015年11月04日 18:06
  • 1071

Android开源库SlideMenu如何实现沉浸式效果

SlideMenu实现沉浸式效果
  • zf19921020
  • zf19921020
  • 2015年07月11日 11:08
  • 5274

ViewDragHelper的简单分析及应用(二)

在《ViewDragHelper的简单分析(一)》这篇博客颇为详细的说明了 ViewDragHelper的工作原理及在拖动过程中重写CallBack的几个相关方法对拖动过程加以控制,其核心拖动原理就是...
  • chunqiuwei
  • chunqiuwei
  • 2016年03月08日 17:44
  • 1507

自定义View——神之ViewDragHelper实现ListView滑动删除

之前有段时间在自学研究自定义View,刚好那时候需要做一个项目,有用到ListView滑动删除的功能。趁着这段时间有空,就把这个Demo分享出来。 先看看实际的效果吧 因为Gif录制软件的关系,鼠标...
  • JadynAi
  • JadynAi
  • 2016年04月01日 00:17
  • 625

ViewDragHelper打造简单通用的PullToRefresh

ViewDragHelper打造简单通用的PullToRefresh
  • liuwang521
  • liuwang521
  • 2016年10月09日 10:54
  • 365

ViewDragHelper实战 自己打造Drawerlayout

转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/47396187; 本文出自:【张鸿洋的博客】 一、概述 在上一...
  • lmj623565791
  • lmj623565791
  • 2015年08月11日 08:13
  • 41622

自定义View(仿QQ侧滑删除实现,ViewDragHelper)

版权声明:本文为博主原创文章,未经博主允许不得转载。 今天我们准备做侧滑删除的自定义视图,我采用了v4包里面ViewDragHelper。2013年谷歌i/o大会上介绍了两个新的la...
  • zbh_1042354552
  • zbh_1042354552
  • 2016年07月12日 14:14
  • 191

Android 使用ViewDragHelper实现向slidingMenu侧滑菜单的效果

第一步:实现类import com.android.view.tool.Logger;import android.content.Context; import android.support.v4...
  • lovoo
  • lovoo
  • 2016年04月22日 16:45
  • 716

开源项目SlideMenu使用详解

以前搞过一个滑动菜单,是自己重写发view,实现了基本功能可以滑动显示,后来看了下SlideMenu的使用,真是非常强大,不但可是简单的设置实现两侧滑动菜单,还可以设置菜单的阴影、渐变色、划动模式等,...
  • xiangxue336
  • xiangxue336
  • 2014年03月03日 17:26
  • 9460
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用ViewDragHelper实现slidemenu
举报原因:
原因补充:

(最多只允许输入30个字)