可拖拽gridview

转帖请注明本文出自xiaanming的博客（http://blog.csdn.net/xiaanming/article/details/17718579），请尊重他人的辛勤劳动成果，谢谢！

在Android开发中，我们常常用到ListView和GridView，而有的时候系统的ListView，GridView并不能满足我们的需求，所以我们需要自己定义一个ListView或者GridView,我的上一篇文章中就是自定义的一个左右滑动删除item的例子，大家有兴趣的可以去看看 Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果，今天这篇文章就给大家来自定义GridView的控件，GridView主要是来显示网格的控件，在Android的开发中使用很普通，相对于TextView，Button这些控件来说要来的复杂些，今天给大家带来长按GridView的item,然后将其拖拽其他item上面，使得GridView的item发生交换，比较典型的就是我们的Launcher，网上有很多关于GridView的拖动的Demo，但是大部分都是相同的，而且存在一些Bug,而且大部分都是点击GridView的item然后进行拖动，或者item之间不进行实时交换，今天给大家更加详细的介绍GridView拖拽，并且将Demo做的更完美，大家更容易接受，也许很多人听到这个感觉实现起来很复杂，就关掉的这篇文章，其实告诉大家，只要知道了思路就感觉一点都不复杂了，不信大家可以接着往下看看，首先还是跟大家说说实现的思路

1. 根据手指按下的X,Y坐标来获取我们在GridView上面点击的item
2. 手指按下的时候使用Handler和Runnable来实现一个定时器，假如定时时间为1000毫秒，在1000毫秒内，如果手指抬起了移除定时器，没有抬起并且手指点击在GridView的item所在的区域，则表示我们长按了GridView的item
3. 如果我们长按了item则隐藏item,然后使用WindowManager来添加一个item的镜像在屏幕用来代替刚刚隐藏的item
4. 当我们手指在屏幕移动的时候，更新item镜像的位置，然后在根据我们移动的X,Y的坐标来获取移动到GridView的哪一个位置
5. 到GridView的item过多的时候，可能一屏幕显示不完，我们手指拖动item镜像到屏幕下方，要触发GridView想上滚动，同理，当我们手指拖动item镜像到屏幕上面，触发GridView向下滚动
6. GridView交换数据，刷新界面，移除item的镜像

[java] view plain copy

1. package com.example.draggridview;  
2.   
3. import android.app.Activity;  
4. import android.content.Context;  
5. import android.graphics.Bitmap;  
6. import android.graphics.PixelFormat;  
7. import android.graphics.Rect;  
8. import android.os.Handler;  
9. import android.os.Vibrator;  
10. import android.util.AttributeSet;  
11. import android.view.Gravity;  
12. import android.view.MotionEvent;  
13. import android.view.View;  
14. import android.view.WindowManager;  
15. import android.widget.AdapterView;  
16. import android.widget.GridView;  
17. import android.widget.ImageView;  
18.   
19. /** 
20.  * @blog http://blog.csdn.net/xiaanming  
21.  *  
22.  * @author xiaanming 
23.  * 
24.  */  
25. public class DragGridView extends GridView{  
26.     /** 
27.      * DragGridView的item长按响应的时间， 默认是1000毫秒，也可以自行设置 
28.      */  
29.     private long dragResponseMS = 1000;  
30.       
31.     /** 
32.      * 是否可以拖拽，默认不可以 
33.      */  
34.     private boolean isDrag = false;  
35.       
36.     private int mDownX;  
37.     private int mDownY;  
38.     private int moveX;  
39.     private int moveY;  
40.     /** 
41.      * 正在拖拽的position 
42.      */  
43.     private int mDragPosition;  
44.       
45.     /** 
46.      * 刚开始拖拽的item对应的View 
47.      */  
48.     private View mStartDragItemView = null;  
49.       
50.     /** 
51.      * 用于拖拽的镜像，这里直接用一个ImageView 
52.      */  
53.     private ImageView mDragImageView;  
54.       
55.     /** 
56.      * 震动器 
57.      */  
58.     private Vibrator mVibrator;  
59.       
60.     private WindowManager mWindowManager;  
61.     /** 
62.      * item镜像的布局参数 
63.      */  
64.     private WindowManager.LayoutParams mWindowLayoutParams;  
65.       
66.     /** 
67.      * 我们拖拽的item对应的Bitmap 
68.      */  
69.     private Bitmap mDragBitmap;  
70.       
71.     /** 
72.      * 按下的点到所在item的上边缘的距离 
73.      */  
74.     private int mPoint2ItemTop ;   
75.       
76.     /** 
77.      * 按下的点到所在item的左边缘的距离 
78.      */  
79.     private int mPoint2ItemLeft;  
80.       
81.     /** 
82.      * DragGridView距离屏幕顶部的偏移量 
83.      */  
84.     private int mOffset2Top;  
85.       
86.     /** 
87.      * DragGridView距离屏幕左边的偏移量 
88.      */  
89.     private int mOffset2Left;  
90.       
91.     /** 
92.      * 状态栏的高度 
93.      */  
94.     private int mStatusHeight;   
95.       
96.     /** 
97.      * DragGridView自动向下滚动的边界值 
98.      */  
99.     private int mDownScrollBorder;  
100.       
101.     /** 
102.      * DragGridView自动向上滚动的边界值 
103.      */  
104.     private int mUpScrollBorder;  
105.       
106.     /** 
107.      * DragGridView自动滚动的速度 
108.      */  
109.     private static final int speed = 20;  
110.       
111.     /** 
112.      * item发生变化回调的接口 
113.      */  
114.     private OnChanageListener onChanageListener;  
115.       
116.       
117.       
118.     public DragGridView(Context context) {  
119.         this(context, null);  
120.     }  
121.       
122.     public DragGridView(Context context, AttributeSet attrs) {  
123.         this(context, attrs, 0);  
124.     }  
125.   
126.     public DragGridView(Context context, AttributeSet attrs, int defStyle) {  
127.         super(context, attrs, defStyle);  
128.         mVibrator = (Vibrator) context.getSystemService(Context.VIBRATOR_SERVICE);  
129.         mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);  
130.         mStatusHeight = getStatusHeight(context); //获取状态栏的高度  
131.           
132.     }  
133.       
134.     private Handler mHandler = new Handler();  
135.       
136.     //用来处理是否为长按的Runnable  
137.     private Runnable mLongClickRunnable = new Runnable() {  
138.           
139.         @Override  
140.         public void run() {  
141.             isDrag = true; //设置可以拖拽  
142.             mVibrator.vibrate(50); //震动一下  
143.             mStartDragItemView.setVisibility(View.INVISIBLE);//隐藏该item  
144.               
145.             //根据我们按下的点显示item镜像  
146.             createDragImage(mDragBitmap, mDownX, mDownY);  
147.         }  
148.     };  
149.       
150.     /** 
151.      * 设置回调接口 
152.      * @param onChanageListener 
153.      */  
154.     public void setOnChangeListener(OnChanageListener onChanageListener){  
155.         this.onChanageListener = onChanageListener;  
156.     }  
157.       
158.     /** 
159.      * 设置响应拖拽的毫秒数，默认是1000毫秒 
160.      * @param dragResponseMS 
161.      */  
162.     public void setDragResponseMS(long dragResponseMS) {  
163.         this.dragResponseMS = dragResponseMS;  
164.     }  
165.   
166.     @Override  
167.     public boolean dispatchTouchEvent(MotionEvent ev) {  
168.         switch(ev.getAction()){  
169.         case MotionEvent.ACTION_DOWN:  
170.             mDownX = (int) ev.getX();  
171.             mDownY = (int) ev.getY();  
172.               
173.             //根据按下的X,Y坐标获取所点击item的position  
174.             mDragPosition = pointToPosition(mDownX, mDownY);  
175.               
176.               
177.             if(mDragPosition == AdapterView.INVALID_POSITION){  
178.                 return super.dispatchTouchEvent(ev);  
179.             }  
180.               
181.             //使用Handler延迟dragResponseMS执行mLongClickRunnable  
182.             mHandler.postDelayed(mLongClickRunnable, dragResponseMS);  
183.               
184.             //根据position获取该item所对应的View  
185.             mStartDragItemView = getChildAt(mDragPosition - getFirstVisiblePosition());  
186.               
187.             //下面这几个距离大家可以参考我的博客上面的图来理解下  
188.             mPoint2ItemTop = mDownY - mStartDragItemView.getTop();  
189.             mPoint2ItemLeft = mDownX - mStartDragItemView.getLeft();  
190.               
191.             mOffset2Top = (int) (ev.getRawY() - mDownY);  
192.             mOffset2Left = (int) (ev.getRawX() - mDownX);  
193.               
194.             //获取DragGridView自动向上滚动的偏移量，小于这个值，DragGridView向下滚动  
195.             mDownScrollBorder = getHeight() /4;  
196.             //获取DragGridView自动向下滚动的偏移量，大于这个值，DragGridView向上滚动  
197.             mUpScrollBorder = getHeight() * 3/4;  
198.               
199.               
200.               
201.             //开启mDragItemView绘图缓存  
202.             mStartDragItemView.setDrawingCacheEnabled(true);  
203.             //获取mDragItemView在缓存中的Bitmap对象  
204.             mDragBitmap = Bitmap.createBitmap(mStartDragItemView.getDrawingCache());  
205.             //这一步很关键，释放绘图缓存，避免出现重复的镜像  
206.             mStartDragItemView.destroyDrawingCache();  
207.               
208.               
209.             break;  
210.         case MotionEvent.ACTION_MOVE:  
211.             int moveX = (int)ev.getX();  
212.             int moveY = (int) ev.getY();  
213.               
214.             //如果我们在按下的item上面移动，只要不超过item的边界我们就不移除mRunnable  
215.             if(!isTouchInItem(mStartDragItemView, moveX, moveY)){  
216.                 mHandler.removeCallbacks(mLongClickRunnable);  
217.             }  
218.             break;  
219.         case MotionEvent.ACTION_UP:  
220.             mHandler.removeCallbacks(mLongClickRunnable);  
221.             mHandler.removeCallbacks(mScrollRunnable);  
222.             break;  
223.         }  
224.         return super.dispatchTouchEvent(ev);  
225.     }  
226.   
227.       
228.     /** 
229.      * 是否点击在GridView的item上面 
230.      * @param itemView 
231.      * @param x 
232.      * @param y 
233.      * @return 
234.      */  
235.     private boolean isTouchInItem(View dragView, int x, int y){  
236.         if(dragView == null){  
237.             return false;  
238.         }  
239.         int leftOffset = dragView.getLeft();  
240.         int topOffset = dragView.getTop();  
241.         if(x  leftOffset + dragView.getWidth()){  
242.             return false;  
243.         }  
244.           
245.         if(y  topOffset + dragView.getHeight()){  
246.             return false;  
247.         }  
248.           
249.         return true;  
250.     }  
251.       
252.       
253.   
254.     @Override  
255.     public boolean onTouchEvent(MotionEvent ev) {  
256.         if(isDrag && mDragImageView != null){  
257.             switch(ev.getAction()){  
258.             case MotionEvent.ACTION_MOVE:  
259.                 moveX = (int) ev.getX();  
260.                 moveY = (int) ev.getY();  
261.                 //拖动item  
262.                 onDragItem(moveX, moveY);  
263.                 break;  
264.             case MotionEvent.ACTION_UP:  
265.                 onStopDrag();  
266.                 isDrag = false;  
267.                 break;  
268.             }  
269.             return true;  
270.         }  
271.         return super.onTouchEvent(ev);  
272.     }  
273.       
274.       
275.     /** 
276.      * 创建拖动的镜像 
277.      * @param bitmap  
278.      * @param downX 
279.      *          按下的点相对父控件的X坐标 
280.      * @param downY 
281.      *          按下的点相对父控件的X坐标 
282.      */  
283.     private void createDragImage(Bitmap bitmap, int downX , int downY){  
284.         mWindowLayoutParams = new WindowManager.LayoutParams();  
285.         mWindowLayoutParams.format = PixelFormat.TRANSLUCENT; //图片之外的其他地方透明  
286.         mWindowLayoutParams.gravity = Gravity.TOP | Gravity.LEFT;  
287.         mWindowLayoutParams.x = downX - mPoint2ItemLeft + mOffset2Left;  
288.         mWindowLayoutParams.y = downY - mPoint2ItemTop + mOffset2Top - mStatusHeight;  
289.         mWindowLayoutParams.alpha = 0.55f; //透明度  
290.         mWindowLayoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;    
291.         mWindowLayoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;    
292.         mWindowLayoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE    
293.                     | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE ;  
294.             
295.         mDragImageView = new ImageView(getContext());    
296.         mDragImageView.setImageBitmap(bitmap);    
297.         mWindowManager.addView(mDragImageView, mWindowLayoutParams);    
298.     }  
299.       
300.     /** 
301.      * 从界面上面移动拖动镜像 
302.      */  
303.     private void removeDragImage(){  
304.         if(mDragImageView != null){  
305.             mWindowManager.removeView(mDragImageView);  
306.             mDragImageView = null;  
307.         }  
308.     }  
309.       
310.     /** 
311.      * 拖动item，在里面实现了item镜像的位置更新，item的相互交换以及GridView的自行滚动 
312.      * @param x 
313.      * @param y 
314.      */  
315.     private void onDragItem(int moveX, int moveY){  
316.         mWindowLayoutParams.x = moveX - mPoint2ItemLeft + mOffset2Left;  
317.         mWindowLayoutParams.y = moveY - mPoint2ItemTop + mOffset2Top - mStatusHeight;  
318.         mWindowManager.updateViewLayout(mDragImageView, mWindowLayoutParams); //更新镜像的位置  
319.         onSwapItem(moveX, moveY);  
320.           
321.         //GridView自动滚动  
322.         mHandler.post(mScrollRunnable);  
323.     }  
324.       
325.       
326.     /** 
327.      * 当moveY的值大于向上滚动的边界值，触发GridView自动向上滚动 
328.      * 当moveY的值小于向下滚动的边界值，触犯GridView自动向下滚动 
329.      * 否则不进行滚动 
330.      */  
331.     private Runnable mScrollRunnable = new Runnable() {  
332.           
333.         @Override  
334.         public void run() {  
335.             int scrollY;  
336.             if(moveY > mUpScrollBorder){  
337.                  scrollY = speed;  
338.                  mHandler.postDelayed(mScrollRunnable, 25);  
339.             }else if(moveY   
340.   
341.   
342.       
343.       
344.   
345.       
346.       
347.   
348.