使用ViewDragHelper实现slidemenu

来源:互联网 发布:java request 编辑:程序博客网 时间:2024/04/27 18:33
前面我已经用 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.

0 0