ViewDragHelper详解（一）- 可拖动的view

ViewDragHelper从名称上就可以看出， 这是一个用来简化view拖拽操作的帮助类。而且使用起来也很简单， 很方便，只需要几个方法和1个Callback就可以实现一个可以拖动到view。

需要注意个是：ViewDragHelper是作用在一个ViewGroup上，也就是说他不能直接作用到被拖拽的view， 其实这也很好理解，因为view在布局中的位置是父ViewGroup决定的。

如何使用ViewGroup实现一个可以拖动的view？

1、获取ViewDragHelper的实例，注意，这里不能直接new，而是使用ViewDragHelper的一个静态方法：

ViewDragHelper.create(ViewGroup forParent, float sensitivity, ViewDragHelper.Callback cb);

参数1： 一个ViewGroup， 也就是ViewDragHelper将要用来拖拽谁下面的子view

参数2：灵敏度，一般设置为1.0f就行

参数3：一个回调，用来处理拖动到位置

2、继承ViewDragHelper.Callback类，该类有个抽象方法：tryCaptureView(View view, int pointerId) 表示尝试捕获子view，这里一定要返回true， 返回true表示允许。

3、重写两个方法int clampViewPositionHorizontal(View child, int left, int dx)和int clampViewPositionHorizontal(View child, int left, int dx) 这两个方法分别用来处理x方向和y方向的拖动的，返回值该child现在的位置。

4、重写ViewGroup的onInterceptTouchEvent(MotionEvent ev)用来拦截事件

5、重写ViewGroup的onTouchEvent(MotionEvent event) 在这里面只要做两件事：mDragHelper.processTouchEvent(event);处理拦截到的事件，这个方法会在返回前分发事件；return true 表示消费了事件。

简单的5步就可以实现一个可以任意拖动到view了，当然我们需要在clampViewPositionHorizontal和clampViewPositionHorizontal中做一点工作，以防止view超出了边界。

详细代码(详细说明都在代码的注释中)：

[java]  view plain copy

1. public class CustomView extends LinearLayout {  
2.     private ViewDragHelper mDragHelper;  
3.   
4.     public CustomView(Context context) {  
5.         super(context);  
6.         init();  
7.     }  
8.   
9.     public CustomView(Context context, AttributeSet attrs) {  
10.         super(context, attrs);  
11.         init();  
12.     }  
13.   
14.     public CustomView(Context context, AttributeSet attrs, int defStyle) {  
15.         super(context, attrs, defStyle);  
16.         init();  
17.     }  
18.   
19.     private void init() {  
20.         /** 
21.          * @params ViewGroup forParent 必须是一个ViewGroup 
22.          * @params float sensitivity 灵敏度 
23.          * @params Callback cb 回调 
24.          */  
25.         mDragHelper = ViewDragHelper.create(this, 1.0f, new ViewDragCallback());  
26.     }  
27.       
28.     private class ViewDragCallback extends ViewDragHelper.Callback {  
29.         /** 
30.          * 尝试捕获子view，一定要返回true 
31.          * @param View child 尝试捕获的view 
32.          * @param int pointerId 指示器id？  
33.          * 这里可以决定哪个子view可以拖动 
34.          */  
35.         @Override  
36.         public boolean tryCaptureView(View view, int pointerId) {  
37. //          return mCanDragView == view;  
38.             return true;  
39.         }  
40.           
41.         /** 
42.          * 处理水平方向上的拖动 
43.          * @param View child 被拖动到view 
44.          * @param int left 移动到达的x轴的距离 
45.          * @param int dx 建议的移动的x距离 
46.          */  
47.         @Override  
48.         public int clampViewPositionHorizontal(View child, int left, int dx) {  
49.             System.out.println("left = " + left + ", dx = " + dx);  
50.               
51.             // 两个if主要是为了让viewViewGroup里  
52.             if(getPaddingLeft() > left) {  
53.                 return getPaddingLeft();  
54.             }  
55.               
56.             if(getWidth() - child.getWidth() < left) {  
57.                 return getWidth() - child.getWidth();  
58.             }  
59.               
60.             return left;  
61.         }  
62.           
63.         /** 
64.          *  处理竖直方向上的拖动 
65.          * @param View child 被拖动到view 
66.          * @param int top 移动到达的y轴的距离 
67.          * @param int dy 建议的移动的y距离 
68.          */  
69.         @Override  
70.         public int clampViewPositionVertical(View child, int top, int dy) {  
71.             // 两个if主要是为了让viewViewGroup里  
72.             if(getPaddingTop() > top) {  
73.                 return getPaddingTop();  
74.             }  
75.               
76.             if(getHeight() - child.getHeight() < top) {  
77.                 return getHeight() - child.getHeight();  
78.             }  
79.               
80.             return top;  
81.         }  
82.           
83.         /** 
84.          * 当拖拽到状态改变时回调 
85.          * @params 新的状态 
86.          */  
87.         @Override  
88.         public void onViewDragStateChanged(int state) {  
89.             switch (state) {  
90.             case ViewDragHelper.STATE_DRAGGING:  // 正在被拖动  
91.                 break;  
92.             case ViewDragHelper.STATE_IDLE:  // view没有被拖拽或者 正在进行fling/snap  
93.                 break;  
94.             case ViewDragHelper.STATE_SETTLING: // fling完毕后被放置到一个位置  
95.                 break;  
96.             }  
97.             super.onViewDragStateChanged(state);  
98.         }  
99.     }  
100.       
101.     @Override  
102.     public boolean onInterceptTouchEvent(MotionEvent ev) {  
103.         switch (ev.getAction()) {  
104.         case MotionEvent.ACTION_CANCEL:  
105.         case MotionEvent.ACTION_DOWN:  
106.             mDragHelper.cancel(); // 相当于调用 processTouchEvent收到ACTION_CANCEL  
107.             break;  
108.         }  
109.           
110.         /** 
111.          * 检查是否可以拦截touch事件 
112.          * 如果onInterceptTouchEvent可以return true 则这里return true 
113.          */  
114.         return mDragHelper.shouldInterceptTouchEvent(ev);  
115.     }  
116.       
117.     @Override  
118.     public boolean onTouchEvent(MotionEvent event) {  
119.         /** 
120.          * 处理拦截到的事件 
121.          * 这个方法会在返回前分发事件 
122.          */  
123.         mDragHelper.processTouchEvent(event);  
124.         return true;  
125.     }  
126. }  

在xml中使用：

[html]  view plain copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:paddingBottom="@dimen/activity_vertical_margin"  
6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
7.     android:paddingRight="@dimen/activity_horizontal_margin"  
8.     android:paddingTop="@dimen/activity_vertical_margin"  
9.     tools:context=".MainActivity" >  
10.   
11.     <org.loader.viewdraghelpertest1.CustomView  
12.         android:layout_width="match_parent"  
13.         android:layout_height="match_parent">  
14.         <View  
15.             android:layout_width="100dp"  
16.             android:layout_height="100dp"  
17.             android:background="#FFFF0000" />  
18.     </org.loader.viewdraghelpertest1.CustomView>  
19.   
20. </RelativeLayout>  

看一下效果吧：