可移动自定义viewgroup--viewdraghelp心得

最近项目需要一个可移动的viewgroup控件，这方面还是比较弱的（因为之前都没怎么做这个，而且网上的自定义控件文章很多，看了好久还是没有自信。我想还是没有彻底理解把，唉）在此感谢zhy大神，他的文章总是帮助好多。感谢大神，感谢开源精神。

SlidingPaneLayout和DrawerLayout这两个google的控件不知道大家有没有用过，据说都用到了viewdraghelper。因为我没有看过源码，只是听说。但是这已经说明了它的强大，不是吗？此处有‘赢笑’图片。为什么叫helper类呢，因为android手势处理还是比较复杂的，所以这个帮助类是帮助我们的快速实现的。

• 创建实例（通过静态工厂方法创建的）
• 触摸相关的方法的调用

• ViewDragHelper.Callback实例的编写（大部分方法都在callback里面）
  开始自定义控件

• 首先当然是继承RelativeLayout（布局viewgroup）

• ViewDragHelper的初始化
• ViewDragHelper.Callback
• 触摸相关的方法的调用
  代码

初始化viewdraghelper

 /**         * 1.0f传入的值越大，越来越难拉         */        mDragger = ViewDragHelper.create(this, 1.0f, new ViewDragHelper.Callback() {

重写callback的方法
此方法决定哪个view可以滑动

/**             * tryCaptureView如果返回ture则表示可以捕获该view，你可以根据传入的第一个view参数决定哪些可以捕获             * @param child             * @param pointerId             * @return             */            @Override            public boolean tryCaptureView(View child, int pointerId) {                return child == mAutoBackView;//                return true;            }

设定左右上下滑动的范围

/**             * 设定左右上下滑动的范围             * @param child             * @param left             * @param dx             * @return             */            @Override            public int clampViewPositionHorizontal(View child, int left, int dx) {                return (getWidth() - mAutoBackView.getWidth())/2;            }            @Override            public int clampViewPositionVertical(View child, int top, int dy) {                int topBound = getPaddingTop();                int bottomBound = getHeight() - mBottomView.getHeight() - topBound - mAutoBackView.getHeight();                int newTop = Math.min(Math.max(top,topBound),bottomBound);                return newTop;            }

手指释放时调用的方法

/**             * 手指释放的时候回调             * @param releasedChild             * @param xvel             * @param yvel             */            @Override            public void onViewReleased(View releasedChild, float xvel, float yvel) {                if (releasedChild == mAutoBackView) {//                    mAutoBackView.getScrollY()//                    Log.d("yzj------",""+mAutoBackView.getScrollY());//                    Log.d("yzj------","mAutoBackOriginPos.x:"+mAutoBackOriginPos.x+"mAutoBackOriginPos.y:"+mAutoBackOriginPos.y);                    mDragger.settleCapturedViewAt(mAutoBackOriginPos.x, mAutoBackOriginPos.y);                    invalidate();                    flag = false;                }                super.onViewReleased(releasedChild, xvel, yvel);            }

当在边缘滑动的时候调用

/**             * 在边缘滑动的时候调用             * @param edgeFlags             * @param pointerId             */            @Override            public void onEdgeTouched(int edgeFlags, int pointerId) {                super.onEdgeTouched(edgeFlags, pointerId);            }

view位置改变时调用

/**             * view位置改变时调用             * @param changedView             * @param left             * @param top             * @param dx             * @param dy             */            @Override            public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {                super.onViewPositionChanged(changedView, left, top, dx, dy);                if(top == getHeight() - mBottomView.getHeight() - getPaddingTop() - mAutoBackView.getHeight() && (flag == false)){                    Log.d("yzj------","move to the most");                    flag = true;                }            }

接下来是触摸相关的方法的调用

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

layout完成时调用

/**     * 得到初始化位置     *     * @param changed     * @param l     * @param t     * @param r     * @param b     */    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        super.onLayout(changed, l, t, r, b);        mAutoBackOriginPos.x = mAutoBackView.getLeft();        mAutoBackOriginPos.y = mAutoBackView.getTop();    }

完成inflate时的调用

@Override    protected void onFinishInflate() {        super.onFinishInflate();        mAutoBackView = getChildAt(1);        mBottomView = getChildAt(2);    }

通过以上几个方法的调用我相信能帮你实现很多的东西。最后放上全部的代码

public class VDRLayout extends RelativeLayout {    //helper类    private ViewDragHelper mDragger;    //回弹view    private View mAutoBackView;    //记录初始位置    private Point mAutoBackOriginPos = new Point();    private View mBottomView;    private boolean flag;    public VDRLayout(Context context, AttributeSet attrs) {        this(context, null, 0);    }    public VDRLayout(Context context) {        this(context, null);    }    public VDRLayout(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        /**         * 1.0f传入的值越大，越来越难拉         */        mDragger = ViewDragHelper.create(this, 1.0f, new ViewDragHelper.Callback() {            /**             * tryCaptureView如果返回ture则表示可以捕获该view，你可以根据传入的第一个view参数决定哪些可以捕获             * @param child             * @param pointerId             * @return             */            @Override            public boolean tryCaptureView(View child, int pointerId) {                return child == mAutoBackView;//                return true;            }            /**             * 设定左右上下滑动的范围             * @param child             * @param left             * @param dx             * @return             */            @Override            public int clampViewPositionHorizontal(View child, int left, int dx) {                return (getWidth() - mAutoBackView.getWidth())/2;            }            @Override            public int clampViewPositionVertical(View child, int top, int dy) {                int topBound = getPaddingTop();                int bottomBound = getHeight() - mBottomView.getHeight() - topBound - mAutoBackView.getHeight();                int newTop = Math.min(Math.max(top,topBound),bottomBound);                return newTop;            }            /**             * 手指释放的时候回调             * @param releasedChild             * @param xvel             * @param yvel             */            @Override            public void onViewReleased(View releasedChild, float xvel, float yvel) {                if (releasedChild == mAutoBackView) {//                    mAutoBackView.getScrollY()//                    Log.d("yzj------",""+mAutoBackView.getScrollY());//                    Log.d("yzj------","mAutoBackOriginPos.x:"+mAutoBackOriginPos.x+"mAutoBackOriginPos.y:"+mAutoBackOriginPos.y);                    mDragger.settleCapturedViewAt(mAutoBackOriginPos.x, mAutoBackOriginPos.y);                    invalidate();                    flag = false;                }                super.onViewReleased(releasedChild, xvel, yvel);            }            /**             * 在边缘滑动的时候调用             * @param edgeFlags             * @param pointerId             */            @Override            public void onEdgeTouched(int edgeFlags, int pointerId) {                super.onEdgeTouched(edgeFlags, pointerId);            }            /**             * view位置改变时调用             * @param changedView             * @param left             * @param top             * @param dx             * @param dy             */            @Override            public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {                super.onViewPositionChanged(changedView, left, top, dx, dy);                if(top == getHeight() - mBottomView.getHeight() - getPaddingTop() - mAutoBackView.getHeight() && (flag == false)){                    Log.d("yzj------","move to the most");                    flag = true;                }            }        });        //允许哪个边缘可以调用        mDragger.setEdgeTrackingEnabled(ViewDragHelper.EDGE_BOTTOM);    }    @Override    public boolean onInterceptTouchEvent(MotionEvent event) {        //决定我们是否应该拦截当前的事件        return mDragger.shouldInterceptTouchEvent(event);    }    @Override    public boolean onTouchEvent(MotionEvent event) {        //处理事件        mDragger.processTouchEvent(event);        return true;    }    @Override    public void computeScroll() {        if (mDragger.continueSettling(true)) {            invalidate();        }    }    /**     * 得到初始化位置     *     * @param changed     * @param l     * @param t     * @param r     * @param b     */    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        super.onLayout(changed, l, t, r, b);        mAutoBackOriginPos.x = mAutoBackView.getLeft();        mAutoBackOriginPos.y = mAutoBackView.getTop();    }    @Override    protected void onFinishInflate() {        super.onFinishInflate();        mAutoBackView = getChildAt(1);        mBottomView = getChildAt(2);    }}