Android 可拖拽的GridView效果實(shí)現(xiàn), 長(zhǎng)按可拖拽和item實(shí)時(shí)交換

sunoct

根據(jù)手指按下的X,Y坐標(biāo)來(lái)獲取我們?cè)贕ridView上面點(diǎn)擊的item
手指按下的時(shí)候使用Handler和Runnable來(lái)實(shí)現(xiàn)一個(gè)定時(shí)器，假如定時(shí)時(shí)間為1000毫秒，在1000毫秒內(nèi)，如果手指抬起了移除定時(shí)器，沒(méi)有抬起并且手指點(diǎn)擊在GridView的item所在的區(qū)域，則表示我們長(zhǎng)按了GridView的item
如果我們長(zhǎng)按了item則隱藏item,然后使用WindowManager來(lái)添加一個(gè)item的鏡像在屏幕用來(lái)代替剛剛隱藏的item
當(dāng)我們手指在屏幕移動(dòng)的時(shí)候，更新item鏡像的位置，然后在根據(jù)我們移動(dòng)的X,Y的坐標(biāo)來(lái)獲取移動(dòng)到GridView的哪一個(gè)位置
到GridView的item過(guò)多的時(shí)候，可能一屏幕顯示不完，我們手指拖動(dòng)item鏡像到屏幕下方，要觸發(fā)GridView想上滾動(dòng)，同理，當(dāng)我們手指拖動(dòng)item鏡像到屏幕上面，觸發(fā)GridView向下滾動(dòng)
GridView交換數(shù)據(jù)，刷新界面，移除item的鏡像
看完上面的這些思路你是不是找到了些感覺(jué)了呢，心里癢癢的想動(dòng)手試試吧，好吧，接下來(lái)就帶大家根據(jù)思路來(lái)實(shí)現(xiàn)可拖拽的GridView，新建一個(gè)項(xiàng)目就叫DragGridView
新建一個(gè)類(lèi)DragGridView繼承GridView,先來(lái)看看DragGridView的代碼，然后在根據(jù)代碼進(jìn)行相關(guān)的講解

1. package com.example.draggridview;
   
2. 
   
3. import android.annotation.SuppressLint;
   
4. import android.app.Activity;
   
5. import android.content.Context;
   
6. import android.graphics.Bitmap;
   
7. import android.graphics.PixelFormat;
   
8. import android.graphics.Rect;
   
9. import android.os.Handler;
   
10. import android.os.Vibrator;
    
11. import android.text.GetChars;
    
12. import android.util.AttributeSet;
    
13. import android.view.Gravity;
    
14. import android.view.MotionEvent;
    
15. import android.view.View;
    
16. import android.view.WindowManager;
    
17. import android.widget.AdapterView;
    
18. import android.widget.GridView;
    
19. import android.widget.ImageView;
    
20. 
    
21. /**
    
22. * @blog http://blog.csdn.net/xiaanming
    
23. *
    
24. * @author xiaanming
    
25. *
    
26. */
    
27. @SuppressLint("NewApi")
    
28. public class DragGridView extends GridView{
    
29.     /**
    
30.      * DragGridView的item長(zhǎng)按響應(yīng)的時(shí)間， 默認(rèn)是1000毫秒，也可以自行設(shè)置
    
31.      */
    
32.     private long dragResponseMS = 1000;
    
33.      
    
34.     /**
    
35.      * 是否可以拖拽，默認(rèn)不可以
    
36.      */
    
37.     private boolean isDrag = false;
    
38.      
    
39.     private int mDownX;
    
40.     private int mDownY;
    
41.     private int moveX;
    
42.     private int moveY;
    
43.     /**
    
44.      * 正在拖拽的position
    
45.      */
    
46.     private int mDragPosition;
    
47.      
    
48.     /**
    
49.      * 剛開(kāi)始拖拽的item對(duì)應(yīng)的View
    
50.      */
    
51.     private View mStartDragItemView = null;
    
52.      
    
53.     /**
    
54.      * 用于拖拽的鏡像，這里直接用一個(gè)ImageView
    
55.      */
    
56.     private ImageView mDragImageView;
    
57.      
    
58.     /**
    
59.      * 震動(dòng)器
    
60.      */
    
61.     private Vibrator mVibrator;
    
62.      
    
63.     private WindowManager mWindowManager;
    
64.     /**
    
65.      * item鏡像的布局參數(shù)
    
66.      */
    
67.     private WindowManager.LayoutParams mWindowLayoutParams;
    
68.      
    
69.     /**
    
70.      * 我們拖拽的item對(duì)應(yīng)的Bitmap
    
71.      */
    
72.     private Bitmap mDragBitmap;
    
73.      
    
74.     /**
    
75.      * 按下的點(diǎn)到所在item的上邊緣的距離
    
76.      */
    
77.     private int mPoint2ItemTop ;
    
78.      
    
79.     /**
    
80.      * 按下的點(diǎn)到所在item的左邊緣的距離
    
81.      */
    
82.     private int mPoint2ItemLeft;
    
83.      
    
84.     /**
    
85.      * DragGridView距離屏幕頂部的偏移量
    
86.      */
    
87.     private int mOffset2Top;
    
88.      
    
89.     /**
    
90.      * DragGridView距離屏幕左邊的偏移量
    
91.      */
    
92.     private int mOffset2Left;
    
93.      
    
94.     /**
    
95.      * 狀態(tài)欄的高度
    
96.      */
    
97.     private int mStatusHeight;
    
98.      
    
99.     /**
    
100.      * DragGridView自動(dòng)向下滾動(dòng)的邊界值
     
101.      */
     
102.     private int mDownScrollBorder;
     
103.      
     
104.     /**
     
105.      * DragGridView自動(dòng)向上滾動(dòng)的邊界值
     
106.      */
     
107.     private int mUpScrollBorder;
     
108.      
     
109.     /**
     
110.      * DragGridView自動(dòng)滾動(dòng)的速度
     
111.      */
     
112.     private static final int speed = 80;
     
113.      
     
114.     /**
     
115.      * item發(fā)生變化回調(diào)的接口
     
116.      */
     
117.     private OnChanageListener onChanageListener;
     
118.      
     
119.      
     
120.      
     
121.     public DragGridView(Context context) {
     
122.         this(context, null);
     
123.     }
     
124.      
     
125.     public DragGridView(Context context, AttributeSet attrs) {
     
126.         this(context, attrs, 0);
     
127.     }
     
128. 
     
129.     public DragGridView(Context context, AttributeSet attrs, int defStyle) {
     
130.         super(context, attrs, defStyle);
     
131.         mVibrator = (Vibrator) context.getSystemService(Context.VIBRATOR_SERVICE);
     
132.         mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
     
133.         mStatusHeight = getStatusHeight(context); //獲取狀態(tài)欄的高度
     
134.     }
     
135.      
     
136.     private Handler mHandler = new Handler();
     
137.      
     
138.     //用來(lái)處理是否為長(zhǎng)按的Runnable
     
139.     private Runnable mLongClickRunnable = new Runnable() {
     
140.          
     
141.         @Override
     
142.         public void run() {
     
143.             isDrag = true; //設(shè)置可以拖拽
     
144.             mVibrator.vibrate(50); //震動(dòng)一下
     
145.             
     
146.             mStartDragItemView.setVisibility(View.INVISIBLE);//隱藏該item
     
147.             
     
148.             //根據(jù)我們按下的點(diǎn)顯示item鏡像
     
149.             createDragImage(mDragBitmap, mDownX, mDownY);
     
150.             
     
151.             
     
152.         }
     
153.     };
     
154.      
     
155.     /**
     
156.      * 設(shè)置回調(diào)接口
     
157.      * @param onChanageListener
     
158.      */
     
159.     public void setOnChangeListener(OnChanageListener onChanageListener){
     
160.         this.onChanageListener = onChanageListener;
     
161.     }
     
162.      
     
163.     /**
     
164.      * 設(shè)置響應(yīng)拖拽的毫秒數(shù)，默認(rèn)是1000毫秒
     
165.      * @param dragResponseMS
     
166.      */
     
167.     public void setDragResponseMS(long dragResponseMS) {
     
168.         this.dragResponseMS = dragResponseMS;
     
169.     }
     
170. 
     
171.     @Override
     
172.     public boolean dispatchTouchEvent(MotionEvent ev) {
     
173.         switch(ev.getAction()){
     
174.         case MotionEvent.ACTION_DOWN:
     
175.             //使用Handler延遲dragResponseMS執(zhí)行mLongClickRunnable
     
176.             mHandler.postDelayed(mLongClickRunnable, dragResponseMS);
     
177.             
     
178.             mDownX = (int) ev.getX();
     
179.             mDownY = (int) ev.getY();
     
180.             
     
181.             //根據(jù)按下的X,Y坐標(biāo)獲取所點(diǎn)擊item的position
     
182.             mDragPosition = pointToPosition(mDownX, mDownY);
     
183.             
     
184.             if(mDragPosition == AdapterView.INVALID_POSITION){
     
185.                 return super.dispatchTouchEvent(ev);
     
186.             }
     
187.             
     
188.             //根據(jù)position獲取該item所對(duì)應(yīng)的View
     
189.             mStartDragItemView = getChildAt(mDragPosition - getFirstVisiblePosition());
     
190.             
     
191.             //下面這幾個(gè)距離大家可以參考我的博客上面的圖來(lái)理解下
     
192.             mPoint2ItemTop = mDownY - mStartDragItemView.getTop();
     
193.             mPoint2ItemLeft = mDownX - mStartDragItemView.getLeft();
     
194.             
     
195.             mOffset2Top = (int) (ev.getRawY() - mDownY);
     
196.             mOffset2Left = (int) (ev.getRawX() - mDownX);
     
197.             
     
198.             //獲取DragGridView自動(dòng)向上滾動(dòng)的偏移量，小于這個(gè)值，DragGridView向下滾動(dòng)
     
199.             mDownScrollBorder = getHeight() /4;
     
200.             //獲取DragGridView自動(dòng)向下滾動(dòng)的偏移量，大于這個(gè)值，DragGridView向上滾動(dòng)
     
201.             mUpScrollBorder = getHeight() * 3/4;
     
202.             
     
203.             
     
204.             
     
205.             //開(kāi)啟mDragItemView繪圖緩存
     
206.             mStartDragItemView.setDrawingCacheEnabled(true);
     
207.             //獲取mDragItemView在緩存中的Bitmap對(duì)象
     
208.             mDragBitmap = Bitmap.createBitmap(mStartDragItemView.getDrawingCache());
     
209.             //這一步很關(guān)鍵，釋放繪圖緩存，避免出現(xiàn)重復(fù)的鏡像
     
210.             mStartDragItemView.destroyDrawingCache();
     
211.             
     
212.             
     
213.             break;
     
214.         case MotionEvent.ACTION_MOVE:
     
215.             int moveX = (int)ev.getX();
     
216.             int moveY = (int) ev.getY();
     
217.             
     
218.             //如果我們?cè)诎聪碌膇tem上面移動(dòng)，只要不超過(guò)item的邊界我們就不移除mRunnable
     
219.             if(!isTouchInItem(mStartDragItemView, moveX, moveY)){
     
220.                 mHandler.removeCallbacks(mLongClickRunnable);
     
221.             }
     
222.             break;
     
223.         case MotionEvent.ACTION_UP:
     
224.             mHandler.removeCallbacks(mLongClickRunnable);
     
225.             mHandler.removeCallbacks(mScrollRunnable);
     
226.             break;
     
227.         }
     
228.         return super.dispatchTouchEvent(ev);
     
229.     }
     
230. 
     
231.      
     
232.     /**
     
233.      * 是否點(diǎn)擊在GridView的item上面
     
234.      * @param itemView
     
235.      * @param x
     
236.      * @param y
     
237.      * @return
     
238.      */
     
239.     private boolean isTouchInItem(View dragView, int x, int y){
     
240.         int leftOffset = dragView.getLeft();
     
241.         int topOffset = dragView.getTop();
     
242.         if(x < leftOffset || x > leftOffset + dragView.getWidth()){
     
243.             return false;
     
244.         }
     
245.          
     
246.         if(y < topOffset || y > topOffset + dragView.getHeight()){
     
247.             return false;
     
248.         }
     
249.          
     
250.         return true;
     
251.     }
     
252.      
     
253.      
     
254. 
     
255.     @Override
     
256.     public boolean onTouchEvent(MotionEvent ev) {
     
257.         if(isDrag && mDragImageView != null){
     
258.             switch(ev.getAction()){
     
259.             case MotionEvent.ACTION_MOVE:
     
260.                 moveX = (int) ev.getX();
     
261.                 moveY = (int) ev.getY();
     
262.                 //拖動(dòng)item
     
263.                 onDragItem(moveX, moveY);
     
264.                 break;
     
265.             case MotionEvent.ACTION_UP:
     
266.                 onStopDrag();
     
267.                 isDrag = false;
     
268.                 break;
     
269.             }
     
270.             return true;
     
271.         }
     
272.         return super.onTouchEvent(ev);
     
273.     }
     
274.      
     
275.      
     
276.     /**
     
277.      * 創(chuàng)建拖動(dòng)的鏡像
     
278.      * @param bitmap
     
279.      * @param downX
     
280.      *          按下的點(diǎn)相對(duì)父控件的X坐標(biāo)
     
281.      * @param downY
     
282.      *          按下的點(diǎn)相對(duì)父控件的X坐標(biāo)
     
283.      */
     
284.     private void createDragImage(Bitmap bitmap, int downX , int downY){
     
285.         mWindowLayoutParams = new WindowManager.LayoutParams();
     
286.         mWindowLayoutParams.format = PixelFormat.TRANSLUCENT; //圖片之外的其他地方透明
     
287.         mWindowLayoutParams.gravity = Gravity.TOP | Gravity.LEFT;
     
288.         mWindowLayoutParams.x = downX - mPoint2ItemLeft + mOffset2Left;
     
289.         mWindowLayoutParams.y = downY - mPoint2ItemTop + mOffset2Top - mStatusHeight;
     
290.         mWindowLayoutParams.alpha = 0.55f; //透明度
     
291.         mWindowLayoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
     
292.         mWindowLayoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
     
293.         mWindowLayoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
     
294.                     | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE ;
     
295.            
     
296.         mDragImageView = new ImageView(getContext());
     
297.         mDragImageView.setImageBitmap(bitmap);
     
298.         mWindowManager.addView(mDragImageView, mWindowLayoutParams);
     
299.     }
     
300.      
     
301.     /**
     
302.      * 從界面上面移動(dòng)拖動(dòng)鏡像
     
303.      */
     
304.     private void removeDragImage(){
     
305.         if(mDragImageView != null){
     
306.             mWindowManager.removeView(mDragImageView);
     
307.             mDragImageView = null;
     
308.         }
     
309.          
     
310.     }
     
311.      
     
312.      
     
313.      
     
314.     /**
     
315.      * 拖動(dòng)item，在里面實(shí)現(xiàn)了item鏡像的位置更新，item的相互交換以及GridView的自行滾動(dòng)
     
316.      * @param x
     
317.      * @param y
     
318.      */
     
319.     private void onDragItem(int moveX, int moveY){
     
320.         mWindowLayoutParams.x = moveX - mPoint2ItemLeft + mOffset2Left;
     
321.         mWindowLayoutParams.y = moveY - mPoint2ItemTop + mOffset2Top - mStatusHeight;
     
322.         mWindowManager.updateViewLayout(mDragImageView, mWindowLayoutParams); //更新鏡像的位置
     
323.         onSwapItem(moveX, moveY);
     
324.          
     
325.         //GridView自動(dòng)滾動(dòng)
     
326.         mHandler.post(mScrollRunnable);
     
327.     }
     
328.      
     
329.      
     
330.     /**
     
331.      * 當(dāng)moveY的值大于向上滾動(dòng)的邊界值，觸發(fā)GridView自動(dòng)向上滾動(dòng)
     
332.      * 當(dāng)moveY的值小于向下滾動(dòng)的邊界值，觸犯GridView自動(dòng)向下滾動(dòng)
     
333.      * 否則不進(jìn)行滾動(dòng)
     
334.      */
     
335.     private Runnable mScrollRunnable = new Runnable() {
     
336.          
     
337.         @Override
     
338.         public void run() {
     
339.             int scrollY;
     
340.             if(moveY > mUpScrollBorder){
     
341.                  scrollY = -speed;
     
342.                  mHandler.postDelayed(mScrollRunnable, 25);
     
343.             }else if(moveY < mDownScrollBorder){
     
344.                 scrollY = speed;
     
345.                  mHandler.postDelayed(mScrollRunnable, 25);
     
346.             }else{
     
347.                 scrollY = 0;
     
348.                 mHandler.removeCallbacks(mScrollRunnable);
     
349.             }
     
350.             
     
351.             //當(dāng)我們的手指到達(dá)GridView向上或者向下滾動(dòng)的偏移量的時(shí)候，可能我們手指沒(méi)有移動(dòng)，但是DragGridView在自動(dòng)的滾動(dòng)
     
352.             //所以我們?cè)谶@里調(diào)用下onSwapItem()方法來(lái)交換item
     
353.             onSwapItem(moveX, moveY);
     
354.             
     
355.             View view = getChildAt(mDragPosition - getFirstVisiblePosition());
     
356.             //實(shí)現(xiàn)GridView的自動(dòng)滾動(dòng)
     
357.             smoothScrollToPositionFromTop(mDragPosition, view.getTop() + scrollY);
     
358.         }
     
359.     };
     
360.      
     
361.      
     
362.     /**
     
363.      * 交換item,并且控制item之間的顯示與隱藏效果
     
364.      * @param moveX
     
365.      * @param moveY
     
366.      */
     
367.     private void onSwapItem(int moveX, int moveY){
     
368.         //獲取我們手指移動(dòng)到的那個(gè)item的position
     
369.         int tempPosition = pointToPosition(moveX, moveY);
     
370.          
     
371.         //假如tempPosition 改變了并且tempPosition不等于-1,則進(jìn)行交換
     
372.         if(tempPosition != mDragPosition && tempPosition != AdapterView.INVALID_POSITION){
     
373.             getChildAt(tempPosition - getFirstVisiblePosition()).setVisibility(View.INVISIBLE);//拖動(dòng)到了新的item,新的item隱藏掉
     
374.             getChildAt(mDragPosition - getFirstVisiblePosition()).setVisibility(View.VISIBLE);//之前的item顯示出來(lái)
     
375.             
     
376.             if(onChanageListener != null){
     
377.                 onChanageListener.onChange(mDragPosition, tempPosition);
     
378.             }
     
379.             
     
380.             mDragPosition = tempPosition;
     
381.         }
     
382.     }
     
383.      
     
384.      
     
385.     /**
     
386.      * 停止拖拽我們將之前隱藏的item顯示出來(lái)，并將鏡像移除
     
387.      */
     
388.     private void onStopDrag(){
     
389.         getChildAt(mDragPosition - getFirstVisiblePosition()).setVisibility(View.VISIBLE);
     
390.         removeDragImage();
     
391.     }
     
392.      
     
393.     /**
     
394.      * 獲取狀態(tài)欄的高度
     
395.      * @param context
     
396.      * @return
     
397.      */
     
398.     private static int getStatusHeight(Context context){
     
399.         int statusHeight = 0;
     
400.         Rect localRect = new Rect();
     
401.         ((Activity) context).getWindow().getDecorView().getWindowVisibleDisplayFrame(localRect);
     
402.         statusHeight = localRect.top;
     
403.         if (0 == statusHeight){
     
404.             Class<?> localClass;
     
405.             try {
     
406.                 localClass = Class.forName("com.android.internal.R$dimen");
     
407.                 Object localObject = localClass.newInstance();
     
408.                 int i5 = Integer.parseInt(localClass.getField("status_bar_height").get(localObject).toString());
     
409.                 statusHeight = context.getResources().getDimensionPixelSize(i5);
     
410.             } catch (Exception e) {
     
411.                 e.printStackTrace();
     
412.             }
     
413.         }
     
414.         return statusHeight;
     
415.     }
     
416.      
     
417.      
     
418.     /**
     
419.      *
     
420.      * @author xiaanming
     
421.      *
     
422.      */
     
423.     public interface OnChanageListener{
     
424.          
     
425.         /**
     
426.          * 當(dāng)item交換位置的時(shí)候回調(diào)的方法，我們只需要在該方法中實(shí)現(xiàn)數(shù)據(jù)的交換即可
     
427.          * @param form
     
428.          *          開(kāi)始的position
     
429.          * @param to
     
430.          *          拖拽到的position
     
431.          */
     
432.         public void onChange(int form, int to);
     
433.     }
     
434. }

復(fù)制代碼

首先看DragGridView的事件分發(fā)方法，不了解Android事件分發(fā)的可以先去了解下，Android事件分發(fā)對(duì)于自定義控件很重要，簡(jiǎn)單說(shuō)下，當(dāng)我們點(diǎn)擊DragGridView的Item,先會(huì)去執(zhí)行dispatchTouchEvent()方法將事件分發(fā)下去，所以我們要重寫(xiě)dispatchTouchEvent()方法在手指按下的時(shí)候根據(jù)pointToPosition()方法來(lái)獲取我們按下的item的position,根據(jù)getChildAt()方法來(lái)獲取該position上面所對(duì)應(yīng)的View, 并且開(kāi)啟長(zhǎng)按的定時(shí)器，默認(rèn)時(shí)間為1000毫秒，如果在1000毫秒內(nèi)手指抬起或者手指在屏幕上滑動(dòng)出了該item，則取消長(zhǎng)按定時(shí)器，否則就表示可以進(jìn)行拖拽，手機(jī)友好的震動(dòng)一下，隱藏我們長(zhǎng)按的Item，屏幕調(diào)用createDragImage()方法來(lái)創(chuàng)建我們長(zhǎng)按的item的鏡像，創(chuàng)建Item的鏡像使用的是WindowManager類(lèi)，該類(lèi)可以創(chuàng)建一個(gè)窗體顯示在Activity之上，
再此之前大家先要理解這幾個(gè)距離，理解這幾個(gè)距離之前要首先知道getRawX(),getRawY()和getX(),getY()的區(qū)別，getRawX(),getRawY()是相對(duì)于屏幕的原點(diǎn)的距離，而getX(),getY()是相對(duì)于控件左上方的點(diǎn)的距離，為了方便大家理解我用Word簡(jiǎn)單的畫(huà)了下圖，畫(huà)得不好，大家將就的看下，紅色框框?yàn)槲覀兊腉ridView

                                 

mPoint2ItemTop 手指按下的點(diǎn)到該Item的上邊緣的距離，如上圖的1號(hào)線

mPoint2ItemLeft 手指按下的點(diǎn)到該Item的左邊緣的距離，如上圖的2號(hào)線
mOffset2Top  DragGridView的上邊緣到屏幕上邊緣的距離，如上圖的3號(hào)線，這個(gè)距離包裹狀態(tài)欄，標(biāo)題欄，或者一些在DragGridView上面的布局的高度，這個(gè)很重要我們現(xiàn)實(shí)Item鏡像需要用到
mOffset2Left DragGridView的左邊緣到屏幕左邊緣的距離，如上圖的4號(hào)線，我這個(gè)Demo的這個(gè)距離為0，因?yàn)槲以O(shè)置DragGridView的寬度為充滿(mǎn)屏幕，但是我們要考慮假如DragGridView與屏幕左邊緣設(shè)置了間隙或者左邊有其他的布局的情形
mDownScrollBorder 這個(gè)距離表示當(dāng)DragGridView的item過(guò)多的時(shí)候，手機(jī)一屏顯示不完全，我們拖動(dòng)Item鏡像到這個(gè)高度的時(shí)候，DragGridView自動(dòng)向下滾動(dòng)，如上圖的5號(hào)線
.mUpScrollBorder 這個(gè)和mDownScrollBorder相反，當(dāng)我們大于這個(gè)高度的時(shí)候，DragGridView自動(dòng)向上滾動(dòng)，如上圖的6號(hào)線
理解了這六個(gè)距離，我們就來(lái)看看創(chuàng)建Item鏡像的方法里面，其他的我不多說(shuō)，首先設(shè)置format為PixelFormat.TRANSLUCENT，表示除了我們顯示圖片和文字的其他地方為透明，之后就是x，y這兩個(gè)距離的計(jì)算，計(jì)算的是item的左上角的坐標(biāo)，理解了上面這六個(gè)距離我們很容易得出x,y的坐標(biāo)，可是你會(huì)發(fā)現(xiàn)y的坐標(biāo)減去了狀態(tài)欄的高度，這點(diǎn)大家需要注意下，另外我們需要獲取item的繪制緩存的Bitmap對(duì)象，然后將Bitmap設(shè)置到一個(gè)ImageView上面，為什么要這么做呢？如果調(diào)用addView()方法將item 直接添加到WindowManager里面，會(huì)有異常產(chǎn)生，因?yàn)閕tem已經(jīng)有了自己歸屬的父容器DragGridView，所有我們這里使用一個(gè)ImageView來(lái)代替item添加到WindowManager里面

上面已經(jīng)完成了開(kāi)始拖拽的準(zhǔn)備工作，要想拖動(dòng)鏡像我們還需要重寫(xiě)onTouchEvent()方法，獲取移動(dòng)的X,Y的坐標(biāo)，利用WindowManager的updateViewLayout方法就能對(duì)鏡像進(jìn)行拖動(dòng)，拖動(dòng)的鏡像的時(shí)候?yàn)榱擞懈�好的用�?hù)體驗(yàn)，我們還要做item的實(shí)時(shí)交換效果，我們利用手指移動(dòng)的X,Y坐標(biāo)，利用pointToPosition()來(lái)獲取拖拽到的position,然后將之前的item顯示出來(lái)，將拖拽到的item進(jìn)行隱藏，這樣子就完成了item在界面上面的交換，但是數(shù)據(jù)交換我這里沒(méi)有做，所以我提供了回調(diào)接口OnChanageListener，我們只需要自己實(shí)現(xiàn)數(shù)據(jù)的交換邏輯然后刷新DragGridView即可，我們還需要實(shí)現(xiàn)DragGridView的自動(dòng)向上滾動(dòng)或者向下滾動(dòng)，使用Handler和mScrollRunnable利用smoothScrollToPositionFromTop()來(lái)實(shí)現(xiàn)DragGridView滾動(dòng)，具體的實(shí)現(xiàn)大家可以看代碼
手指離開(kāi)界面，將item的鏡像移除，并將拖拽到的item顯示出來(lái)，這樣子就實(shí)現(xiàn)了GirdView的拖拽效果啦，接下來(lái)我們來(lái)使用下我們自定義可拖拽的GridView吧，先看主界面布局，只有我們自定義的一個(gè)DragGridView

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. 
   
6.     <com.example.draggridview.DragGridView
   
7.         android:id="@+id/dragGridView"
   
8.         android:listSelector="@android:color/transparent"
   
9.         android:layout_width="match_parent"
   
10.         android:layout_height="match_parent"
    
11.         android:cacheColorHint="@android:color/transparent"
    
12.         android:verticalSpacing="10dip"
    
13.         android:horizontalSpacing="10dip"
    
14.         android:stretchMode="columnWidth"
    
15.         android:gravity="center"
    
16.         android:numColumns="3" >
    
17.     </com.example.draggridview.DragGridView>
    
18. 
    
19. </RelativeLayout>
    
20. 　　接下來(lái)我們看看DragGridView的item的布局，上面一個(gè)ImageView下面一個(gè)TextView
    
21. 
    
22. 1
    
23. 2
    
24. 3
    
25. 4
    
26. 5
    
27. 6
    
28. 7
    
29. 8
    
30. 9
    
31. 10
    
32. 11
    
33. 12
    
34. 13
    
35. 14
    
36. 15
    
37. 16
    
38. 17
    
39. 18
    
40. 19
    
41. 20
    
42. 21
    
43. 22
    
44. 23
    
45. <?xml version="1.0" encoding="utf-8"?>
    
46. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
47.     android:layout_width="fill_parent"
    
48.     android:layout_height="wrap_content"
    
49.     android:background="@android:color/transparent" >
    
50. 
    
51.     <ImageView
    
52.         android:id="@+id/item_image"
    
53.         android:scaleType="centerCrop"
    
54.         android:layout_width="wrap_content"
    
55.         android:layout_height="wrap_content"
    
56.         android:layout_centerHorizontal="true" >
    
57.     </ImageView>
    
58. 
    
59.     <TextView
    
60.         android:id="@+id/item_text"
    
61.         android:layout_width="wrap_content"
    
62.         android:layout_height="wrap_content"
    
63.         android:layout_below="@+id/item_image"
    
64.         android:layout_centerHorizontal="true" >
    
65.     </TextView>
    
66. 
    
67. </RelativeLayout>
    
68. 　　布局搞定了我們就來(lái)看看主頁(yè)面MainActivity的代碼吧
    
69. 
    
70. 1
    
71. 2
    
72. 3
    
73. 4
    
74. 5
    
75. 6
    
76. 7
    
77. 8
    
78. 9
    
79. 10
    
80. 11
    
81. 12
    
82. 13
    
83. 14
    
84. 15
    
85. 16
    
86. 17
    
87. 18
    
88. 19
    
89. 20
    
90. 21
    
91. 22
    
92. 23
    
93. 24
    
94. 25
    
95. 26
    
96. 27
    
97. 28
    
98. 29
    
99. 30
    
100. 31
     
101. 32
     
102. 33
     
103. 34
     
104. 35
     
105. 36
     
106. 37
     
107. 38
     
108. 39
     
109. 40
     
110. 41
     
111. 42
     
112. 43
     
113. 44
     
114. 45
     
115. 46
     
116. 47
     
117. 48
     
118. 49
     
119. 50
     
120. 51
     
121. 52
     
122. 53
     
123. 54
     
124. 55
     
125. 56
     
126. 57
     
127. 58
     
128. 59
     
129. 60
     
130. 61
     
131. 62
     
132. 63
     
133. 64
     
134. 65
     
135. 66
     
136. 67
     
137. 68
     
138. 69
     
139. 70
     
140. 71
     
141. 72
     
142. 73
     
143. 74
     
144. 75
     
145. package com.example.draggridview;
     
146. 
     
147. import java.util.ArrayList;
     
148. import java.util.Collections;
     
149. import java.util.HashMap;
     
150. import java.util.List;
     
151. 
     
152. import android.app.Activity;
     
153. import android.os.Bundle;
     
154. import android.widget.SimpleAdapter;
     
155. 
     
156. import com.example.draggridview.DragGridView.OnChanageListener;
     
157. 
     
158. /**
     
159. * @blog http://blog.csdn.net/xiaanming
     
160. *
     
161. * @author xiaanming
     
162. *
     
163. */
     
164. public class MainActivity extends Activity {
     
165.     private List<HashMap<String, Object>> dataSourceList = new ArrayList<HashMap<String, Object>>();
     
166. 
     
167.     @Override
     
168.     protected void onCreate(Bundle savedInstanceState) {
     
169.         super.onCreate(savedInstanceState);
     
170.         setContentView(R.layout.activity_main);
     
171. 
     
172.         DragGridView mDragGridView = (DragGridView) findViewById(R.id.dragGridView);
     
173.         for (int i = 0; i < 30; i++) {
     
174.             HashMap<String, Object> itemHashMap = new HashMap<String, Object>();
     
175.             itemHashMap.put("item_image",R.drawable.com_tencent_open_notice_msg_icon_big);
     
176.             itemHashMap.put("item_text", "拖拽 " + Integer.toString(i));
     
177.             dataSourceList.add(itemHashMap);
     
178.         }
     
179.          
     
180. 
     
181.         final SimpleAdapter mSimpleAdapter = new SimpleAdapter(this, dataSourceList,
     
182.                 R.layout.grid_item, new String[] { "item_image", "item_text" },
     
183.                 new int[] { R.id.item_image, R.id.item_text });
     
184.          
     
185.         mDragGridView.setAdapter(mSimpleAdapter);
     
186.          
     
187.         mDragGridView.setOnChangeListener(new OnChanageListener() {
     
188.             
     
189.             @Override
     
190.             public void onChange(int from, int to) {
     
191.                 HashMap<String, Object> temp = dataSourceList.get(from);
     
192.                 //直接交互item
     
193. //              dataSourceList.set(from, dataSourceList.get(to));
     
194. //              dataSourceList.set(to, temp);
     
195. //              dataSourceList.set(to, temp);
     
196.                  
     
197.                  
     
198.                 //這里的處理需要注意下
     
199.                 if(from < to){
     
200.                     for(int i=from; i<to; i++){
     
201.                         Collections.swap(dataSourceList, i, i+1);
     
202.                     }
     
203.                 }else if(from > to){
     
204.                     for(int i=from; i>to; i--){
     
205.                         Collections.swap(dataSourceList, i, i-1);
     
206.                     }
     
207.                 }
     
208.                  
     
209.                 dataSourceList.set(to, temp);
     
210.                  
     
211.                 mSimpleAdapter.notifyDataSetChanged();
     
212.                  
     
213.                  
     
214.             }
     
215.         });
     
216.          
     
217.     }
     
218. 
     
219. }

復(fù)制代碼

這里面的代碼還是比較簡(jiǎn)單，主要講下onChange()方法，我們要為mDragGridView設(shè)置一個(gè)OnChanageListener的回調(diào)接口，在onChange()方法里面實(shí)現(xiàn)數(shù)據(jù)的交換邏輯，第一個(gè)參數(shù)from為item開(kāi)始的位置，第二個(gè)參數(shù)to為item拖拽到的位置，剛開(kāi)始我使用的交換邏輯是

1. HashMap<String, Object> temp = dataSourceList.get(from);
   
2.                 //直接交互item
   
3. //              dataSourceList.set(from, dataSourceList.get(to));
   
4. //              dataSourceList.set(to, temp);

復(fù)制代碼

直接交換的item的數(shù)據(jù)，然后看了下網(wǎng)易新聞的拖拽的GridView，他不是直接實(shí)現(xiàn)兩個(gè)item直接的數(shù)據(jù)交換，所以將數(shù)據(jù)交換邏輯改成了下面的方式
簡(jiǎn)單說(shuō)下，數(shù)據(jù)的交換邏輯，比如我們將position從5拖拽到7這個(gè)位置，我注釋掉的邏輯是直接將5和7的數(shù)據(jù)交換，而后面的那種邏輯是將6的位置數(shù)據(jù)移動(dòng)到5，將7的位置移動(dòng)到6，然后再7顯示5  6->5, 7->6, 5->7不知道大家理解了沒(méi)有。
接下來(lái)我們來(lái)運(yùn)行下項(xiàng)目，在運(yùn)行之前我們不要忘了在AndroidManifest.xml里面加入震動(dòng)的權(quán)限<uses-permission android:name="android.permission.VIBRATE"/>