android长按缩放拖动_Android可拖拽的GridView效果实现,长按可拖拽和item实时交换...

在Android开发中&＃xff0c;我们常常用到ListView和GridView&＃xff0c;而有的时

候系统的ListView&＃xff0c;GridView并不能满足我们的需求&＃xff0c;所以我们需要自己定义一个ListView或者GridView,我的上一篇文章中就

是自定义的一个左右滑动删除item的例子&＃xff0c;大家有兴趣的可以去看看Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果&＃xff0c;今天这篇文章就给大家来自定义GridView的

控件&＃xff0c;GridView主要是来显示网格的控件&＃xff0c;在Android的开发中使用很普通&＃xff0c;相对于TextView&＃xff0c;Button这些控件来说要来的复杂些&＃xff0c;

今天给大家带来长按GridView的item,然后将其拖拽其他item上面&＃xff0c;使得GridView的item发生交换&＃xff0c;比较典型的就是我们的

Launcher&＃xff0c;网上有很多关于GridView的拖动的Demo&＃xff0c;但是大部分都是相同的&＃xff0c;而且存在一些Bug,而且大部分都是点击GridView的

item然后进行拖动&＃xff0c;或者item之间不进行实时交换&＃xff0c;今天给大家更加详细的介绍GridView拖拽&＃xff0c;并且将Demo做的更完美&＃xff0c;大家更容易接受&＃xff0c;也

许很多人听到这个感觉实现起来很复杂&＃xff0c;就关掉的这篇文章&＃xff0c;其实告诉大家&＃xff0c;只要知道了思路就感觉一点都不复杂了&＃xff0c;不信大家可以接着往下看看&＃xff0c;首先还是跟大家

说说实现的思路

根据手指按下的X,Y坐标来获取我们在GridView上面点击的item

手指按下的时候使用Handler和Runnable来实现一个定时器&＃xff0c;假如定时时间为1000毫秒&＃xff0c;在1000毫秒内&＃xff0c;如果手指抬起了移除定时器&＃xff0c;没有抬起并且手指点击在GridView的item所在的区域&＃xff0c;则表示我们长按了GridView的item

如果我们长按了item则隐藏item,然后使用WindowManager来添加一个item的镜像在屏幕用来代替刚刚隐藏的item

当我们手指在屏幕移动的时候&＃xff0c;更新item镜像的位置&＃xff0c;然后在根据我们移动的X,Y的坐标来获取移动到GridView的哪一个位置

到GridView的item过多的时候&＃xff0c;可能一屏幕显示不完&＃xff0c;我们手指拖动item镜像到屏幕下方&＃xff0c;要触发GridView想上滚动&＃xff0c;同理&＃xff0c;当我们手指拖动item镜像到屏幕上面&＃xff0c;触发GridView向下滚动

GridView交换数据&＃xff0c;刷新界面&＃xff0c;移除item的镜像

看完上面的这些思路你是不是找到了些感觉了呢&＃xff0c;心里痒痒的想动手试试吧&＃xff0c;好吧&＃xff0c;接下来就带大家根据思路来实现可拖拽的GridView&＃xff0c;新建一个项目就叫DragGridView

新建一个类DragGridView继承GridView,先来看看DragGridView的代码&＃xff0c;然后在根据代码进行相关的讲解

package com.example.draggridview;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.PixelFormat;

import android.graphics.Rect;

import android.os.Handler;

import android.os.Vibrator;

import android.text.GetChars;

import android.util.AttributeSet;

import android.view.Gravity;

import android.view.MotionEvent;

import android.view.View;

import android.view.WindowManager;

import android.widget.AdapterView;

import android.widget.GridView;

import android.widget.ImageView;

/**

* &＃64;blog http://blog.csdn.net/xiaanming

*

* &＃64;author xiaanming

*

*/

&＃64;SuppressLint("NewApi")

public class DragGridView extends GridView{

/**

* DragGridView的item长按响应的时间&＃xff0c; 默认是1000毫秒&＃xff0c;也可以自行设置

*/

private long dragResponseMS &＃61; 1000;

/**

* 是否可以拖拽&＃xff0c;默认不可以

*/

private boolean isDrag &＃61; false;

private int mDownX;

private int mDownY;

private int moveX;

private int moveY;

/**

* 正在拖拽的position

*/

private int mDragPosition;

/**

* 刚开始拖拽的item对应的View

*/

private View mStartDragItemView &＃61; null;

/**

* 用于拖拽的镜像&＃xff0c;这里直接用一个ImageView

*/

private ImageView mDragImageView;

/**

* 震动器

*/

private Vibrator mVibrator;

private WindowManager mWindowManager;

/**

* item镜像的布局参数

*/

private WindowManager.LayoutParams mWindowLayoutParams;

/**

* 我们拖拽的item对应的Bitmap

*/

private Bitmap mDragBitmap;

/**

* 按下的点到所在item的上边缘的距离

*/

private int mPoint2ItemTop ;

/**

* 按下的点到所在item的左边缘的距离

*/

private int mPoint2ItemLeft;

/**

* DragGridView距离屏幕顶部的偏移量

*/

private int mOffset2Top;

/**

* DragGridView距离屏幕左边的偏移量

*/

private int mOffset2Left;

/**

* 状态栏的高度

*/

private int mStatusHeight;

/**

* DragGridView自动向下滚动的边界值

*/

private int mDownScrollBorder;

/**

* DragGridView自动向上滚动的边界值

*/

private int mUpScrollBorder;

/**

* DragGridView自动滚动的速度

*/

private static final int speed &＃61; 80;

/**

* item发生变化回调的接口

*/

private OnChanageListener onChanageListener;

public DragGridView(Context context) {

this(context, null);

}

public DragGridView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public DragGridView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

mVibrator &＃61; (Vibrator) context.getSystemService(Context.VIBRATOR_SERVICE);

mWindowManager &＃61; (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

mStatusHeight &＃61; getStatusHeight(context); //获取状态栏的高度

}

private Handler mHandler &＃61; new Handler();

//用来处理是否为长按的Runnable

private Runnable mLongClickRunnable &＃61; new Runnable() {

&＃64;Override

public void run() {

isDrag &＃61; true; //设置可以拖拽

mVibrator.vibrate(50); //震动一下

mStartDragItemView.setVisibility(View.INVISIBLE);//隐藏该item

//根据我们按下的点显示item镜像

createDragImage(mDragBitmap, mDownX, mDownY);

}

};

/**

* 设置回调接口

* &＃64;param onChanageListener

*/

public void setOnChangeListener(OnChanageListener onChanageListener){

this.onChanageListener &＃61; onChanageListener;

}

/**

* 设置响应拖拽的毫秒数&＃xff0c;默认是1000毫秒

* &＃64;param dragResponseMS

*/

public void setDragResponseMS(long dragResponseMS) {

this.dragResponseMS &＃61; dragResponseMS;

}

&＃64;Override

public boolean dispatchTouchEvent(MotionEvent ev) {

switch(ev.getAction()){

case MotionEvent.ACTION_DOWN:

//使用Handler延迟dragResponseMS执行mLongClickRunnable

mHandler.postDelayed(mLongClickRunnable, dragResponseMS);

mDownX &＃61; (int) ev.getX();

mDownY &＃61; (int) ev.getY();

//根据按下的X,Y坐标获取所点击item的position

mDragPosition &＃61; pointToPosition(mDownX, mDownY);

if(mDragPosition &＃61;&＃61; AdapterView.INVALID_POSITION){

return super.dispatchTouchEvent(ev);

}

//根据position获取该item所对应的View

mStartDragItemView &＃61; getChildAt(mDragPosition - getFirstVisiblePosition());

//下面这几个距离大家可以参考我的博客上面的图来理解下

mPoint2ItemTop &＃61; mDownY - mStartDragItemView.getTop();

mPoint2ItemLeft &＃61; mDownX - mStartDragItemView.getLeft();

mOffset2Top &＃61; (int) (ev.getRawY() - mDownY);

mOffset2Left &＃61; (int) (ev.getRawX() - mDownX);

//获取DragGridView自动向上滚动的偏移量&＃xff0c;小于这个值&＃xff0c;DragGridView向下滚动

mDownScrollBorder &＃61; getHeight() /4;

//获取DragGridView自动向下滚动的偏移量&＃xff0c;大于这个值&＃xff0c;DragGridView向上滚动

mUpScrollBorder &＃61; getHeight() * 3/4;

//开启mDragItemView绘图缓存

mStartDragItemView.setDrawingCacheEnabled(true);

//获取mDragItemView在缓存中的Bitmap对象

mDragBitmap &＃61; Bitmap.createBitmap(mStartDragItemView.getDrawingCache());

//这一步很关键&＃xff0c;释放绘图缓存&＃xff0c;避免出现重复的镜像

mStartDragItemView.destroyDrawingCache();

break;

case MotionEvent.ACTION_MOVE:

int moveX &＃61; (int)ev.getX();

int moveY &＃61; (int) ev.getY();

//如果我们在按下的item上面移动&＃xff0c;只要不超过item的边界我们就不移除mRunnable

if(!isTouchInItem(mStartDragItemView, moveX, moveY)){

mHandler.removeCallbacks(mLongClickRunnable);

}

break;

case MotionEvent.ACTION_UP:

mHandler.removeCallbacks(mLongClickRunnable);

mHandler.removeCallbacks(mScrollRunnable);

break;

}

return super.dispatchTouchEvent(ev);

}

/**

* 是否点击在GridView的item上面

* &＃64;param itemView

* &＃64;param x

* &＃64;param y

* &＃64;return

*/

private boolean isTouchInItem(View dragView, int x, int y){

int leftOffset &＃61; dragView.getLeft();

int topOffset &＃61; dragView.getTop();

if(x  leftOffset &＃43; dragView.getWidth()){

return false;

}

if(y  topOffset &＃43; dragView.getHeight()){

return false;

}

return true;

}

&＃64;Override

public boolean onTouchEvent(MotionEvent ev) {

if(isDrag && mDragImageView !&＃61; null){

switch(ev.getAction()){

case MotionEvent.ACTION_MOVE:

moveX &＃61; (int) ev.getX();

moveY &＃61; (int) ev.getY();

//拖动item

onDragItem(moveX, moveY);

break;

case MotionEvent.ACTION_UP:

onStopDrag();

isDrag &＃61; false;

break;

}

return true;

}

return super.onTouchEvent(ev);

}

/**

* 创建拖动的镜像

* &＃64;param bitmap

* &＃64;param downX

*          按下的点相对父控件的X坐标

* &＃64;param downY

*          按下的点相对父控件的X坐标

*/

private void createDragImage(Bitmap bitmap, int downX , int downY){

mWindowLayoutParams &＃61; new WindowManager.LayoutParams();

mWindowLayoutParams.format &＃61; PixelFormat.TRANSLUCENT; //图片之外的其他地方透明

mWindowLayoutParams.gravity &＃61; Gravity.TOP | Gravity.LEFT;

mWindowLayoutParams.x &＃61; downX - mPoint2ItemLeft &＃43; mOffset2Left;

mWindowLayoutParams.y &＃61; downY - mPoint2ItemTop &＃43; mOffset2Top - mStatusHeight;

mWindowLayoutParams.alpha &＃61; 0.55f; //透明度

mWindowLayoutParams.width &＃61; WindowManager.LayoutParams.WRAP_CONTENT;

mWindowLayoutParams.height &＃61; WindowManager.LayoutParams.WRAP_CONTENT;

mWindowLayoutParams.flags &＃61; WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE

| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE ;

mDragImageView &＃61; new ImageView(getContext());

mDragImageView.setImageBitmap(bitmap);

mWindowManager.addView(mDragImageView, mWindowLayoutParams);

}

/**

* 从界面上面移动拖动镜像

*/

private void removeDragImage(){

if(mDragImageView !&＃61; null){

mWindowManager.removeView(mDragImageView);

mDragImageView &＃61; null;

}

}

/**

* 拖动item&＃xff0c;在里面实现了item镜像的位置更新&＃xff0c;item的相互交换以及GridView的自行滚动

* &＃64;param x

* &＃64;param y

*/

private void onDragItem(int moveX, int moveY){

mWindowLayoutParams.x &＃61; moveX - mPoint2ItemLeft &＃43; mOffset2Left;

mWindowLayoutParams.y &＃61; moveY - mPoint2ItemTop &＃43; mOffset2Top - mStatusHeight;

mWindowManager.updateViewLayout(mDragImageView, mWindowLayoutParams); //更新镜像的位置

onSwapItem(moveX, moveY);

//GridView自动滚动

mHandler.post(mScrollRunnable);

}

/**

* 当moveY的值大于向上滚动的边界值&＃xff0c;触发GridView自动向上滚动

* 当moveY的值小于向下滚动的边界值&＃xff0c;触犯GridView自动向下滚动

* 否则不进行滚动

*/

private Runnable mScrollRunnable &＃61; new Runnable() {

&＃64;Override

public void run() {

int scrollY;

if(moveY > mUpScrollBorder){

scrollY &＃61; -speed;

mHandler.postDelayed(mScrollRunnable, 25);

}else if(moveY 

scrollY &＃61; speed;

mHandler.postDelayed(mScrollRunnable, 25);

}else{

scrollY &＃61; 0;

mHandler.removeCallbacks(mScrollRunnable);

}

//当我们的手指到达GridView向上或者向下滚动的偏移量的时候&＃xff0c;可能我们手指没有移动&＃xff0c;但是DragGridView在自动的滚动

//所以我们在这里调用下onSwapItem()方法来交换item

onSwapItem(moveX, moveY);

View view &＃61; getChildAt(mDragPosition - getFirstVisiblePosition());

//实现GridView的自动滚动

smoothScrollToPositionFromTop(mDragPosition, view.getTop() &＃43; scrollY);

}

};

/**

* 交换item,并且控制item之间的显示与隐藏效果

* &＃64;param moveX

* &＃64;param moveY

*/

private void onSwapItem(int moveX, int moveY){

//获取我们手指移动到的那个item的position

int tempPosition &＃61; pointToPosition(moveX, moveY);

//假如tempPosition 改变了并且tempPosition不等于-1,则进行交换

if(tempPosition !&＃61; mDragPosition && tempPosition !&＃61; AdapterView.INVALID_POSITION){

getChildAt(tempPosition - getFirstVisiblePosition()).setVisibility(View.INVISIBLE);//拖动到了新的item,新的item隐藏掉

getChildAt(mDragPosition - getFirstVisiblePosition()).setVisibility(View.VISIBLE);//之前的item显示出来

if(onChanageListener !&＃61; null){

onChanageListener.onChange(mDragPosition, tempPosition);

}

mDragPosition &＃61; tempPosition;

}

}

/**

* 停止拖拽我们将之前隐藏的item显示出来&＃xff0c;并将镜像移除

*/

private void onStopDrag(){

getChildAt(mDragPosition - getFirstVisiblePosition()).setVisibility(View.VISIBLE);

removeDragImage();

}

/**

* 获取状态栏的高度

* &＃64;param context

* &＃64;return

*/

private static int getStatusHeight(Context context){

int statusHeight &＃61; 0;

Rect localRect &＃61; new Rect();

((Activity) context).getWindow().getDecorView().getWindowVisibleDisplayFrame(localRect);

statusHeight &＃61; localRect.top;

if (0 &＃61;&＃61; statusHeight){

Class> localClass;

try {

localClass &＃61; Class.forName("com.android.internal.R$dimen");

Object localObject &＃61; localClass.newInstance();

int i5 &＃61; Integer.parseInt(localClass.getField("status_bar_height").get(localObject).toString());

statusHeight &＃61; context.getResources().getDimensionPixelSize(i5);

} catch (Exception e) {

e.printStackTrace();

}

}

return statusHeight;

}

/**

*

* &＃64;author xiaanming

*

*/

public interface OnChanageListener{

/**

* 当item交换位置的时候回调的方法&＃xff0c;我们只需要在该方法中实现数据的交换即可

* &＃64;param form

*          开始的position

* &＃64;param to

*          拖拽到的position

*/

public void onChange(int form, int to);

}

}

首先看DragGridView的事件分发方法&＃xff0c;不了解Android事件分发的可以先去了

解下&＃xff0c;Android事件分发对于自定义控件很重要&＃xff0c;简单说下&＃xff0c;当我们点击DragGridView的Item,先会去执行

dispatchTouchEvent()方法将事件分发下去&＃xff0c;所以我们要重写dispatchTouchEvent()方法在手指按下的时候根据

pointToPosition()方法来获取我们按下的item的position,根据getChildAt()方法来获取该position上面所

对应的View,

并且开启长按的定时器&＃xff0c;默认时间为1000毫秒&＃xff0c;如果在1000毫秒内手指抬起或者手指在屏幕上滑动出了该item&＃xff0c;则取消长按定时器&＃xff0c;否则就表示可以进

行拖拽&＃xff0c;手机友好的震动一下&＃xff0c;隐藏我们长按的Item&＃xff0c;屏幕调用createDragImage()方法来创建我们长按的item的镜像&＃xff0c;创建Item的

镜像使用的是WindowManager类&＃xff0c;该类可以创建一个窗体显示在Activity之上&＃xff0c;

再此之前大家先要理解这几个距离&＃xff0c;理解这几个距离之前要首先知道getRawX(),getRawY()和getX(),getY()的区

别&＃xff0c;getRawX(),getRawY()是相对于屏幕的原点的距离&＃xff0c;而getX(),getY()是相对于控件左上方的点的距离&＃xff0c;为了方便大家理解我

用Word简单的画了下图&＃xff0c;画得不好&＃xff0c;大家将就的看下&＃xff0c;红色框框为我们的GridView

mPoint2ItemTop 手指按下的点到该Item的上边缘的距离&＃xff0c;如上图的1号线

mPoint2ItemLeft 手指按下的点到该Item的左边缘的距离&＃xff0c;如上图的2号线

mOffset2Top  DragGridView的上边缘到屏幕上边缘的距离&＃xff0c;如上图的3号线&＃xff0c;这个距离包裹状态栏&＃xff0c;标题栏&＃xff0c;或者一些在DragGridView上面的布局的高度&＃xff0c;这个很重要我们现实Item镜像需要用到

mOffset2Left

DragGridView的左边缘到屏幕左边缘的距离&＃xff0c;如上图的4号线&＃xff0c;我这个Demo的这个距离为0&＃xff0c;因为我设置DragGridView的宽度为充满

屏幕&＃xff0c;但是我们要考虑假如DragGridView与屏幕左边缘设置了间隙或者左边有其他的布局的情形

mDownScrollBorder 这个距离表示当DragGridView的item过多的时候&＃xff0c;手机一屏显示不完全&＃xff0c;我们拖动Item镜像到这个高度的时候&＃xff0c;DragGridView自动向下滚动&＃xff0c;如上图的5号线

.mUpScrollBorder 这个和mDownScrollBorder相反&＃xff0c;当我们大于这个高度的时候&＃xff0c;DragGridView自动向上滚动&＃xff0c;如上图的6号线

理解了这六个距离&＃xff0c;我们就来看看创建Item镜像的方法里面&＃xff0c;其他的我不多说&＃xff0c;首

先设置format为PixelFormat.TRANSLUCENT&＃xff0c;表示除了我们显示图片和文字的其他地方为透明&＃xff0c;之后就是x&＃xff0c;y这两个距离的计算&＃xff0c;

计算的是item的左上角的坐标&＃xff0c;理解了上面这六个距离我们很容易得出x,y的坐标&＃xff0c;可是你会发现y的坐标减去了状态栏的高度&＃xff0c;这点大家需要注意下&＃xff0c;另外

我们需要获取item的绘制缓存的Bitmap对象&＃xff0c;然后将Bitmap设置到一个ImageView上面&＃xff0c;为什么要这么做呢&＃xff1f;如果调用

addView()方法将item

直接添加到WindowManager里面&＃xff0c;会有异常产生&＃xff0c;因为item已经有了自己归属的父容器DragGridView&＃xff0c;所有我们这里使用一个

ImageView来代替item添加到WindowManager里面

上面已经完成了开始拖拽的准备工作&＃xff0c;要想拖动镜像我们还需要重写onTouchEvent()方法&＃xff0c;获取移动的X,Y的坐标&＃xff0c;利用

WindowManager的updateViewLayout方法就能对镜像进行拖动&＃xff0c;拖动的镜像的时候为了有更好的用户体验&＃xff0c;我们还要做item的实

时交换效果&＃xff0c;我们利用手指移动的X,Y坐标&＃xff0c;利用pointToPosition()来获取拖拽到的position,然后将之前的item显示出来&＃xff0c;将

拖拽到的item进行隐藏&＃xff0c;这样子就完成了item在界面上面的交换&＃xff0c;但是数据交换我这里没有做&＃xff0c;所以我提供了回调接口

OnChanageListener&＃xff0c;我们只需要自己实现数据的交换逻辑然后刷新DragGridView即可&＃xff0c;我们还需要实现DragGridView

的自动向上滚动或者向下滚动&＃xff0c;使用Handler和mScrollRunnable利用smoothScrollToPositionFromTop()

来实现DragGridView滚动&＃xff0c;具体的实现大家可以看代码

手指离开界面&＃xff0c;将item的镜像移除&＃xff0c;并将拖拽到的item显示出来&＃xff0c;这样子就实现了GirdView的拖拽效果啦&＃xff0c;接下来我们来使用下我们自定义可拖拽的GridView吧&＃xff0c;先看主界面布局&＃xff0c;只有我们自定义的一个DragGridView

xmlns:tools&＃61;"http://schemas.android.com/tools"

android:layout_width&＃61;"match_parent"

android:layout_height&＃61;"match_parent" >

android:id&＃61;"&＃64;&＃43;id/dragGridView"

android:listSelector&＃61;"&＃64;android:color/transparent"

android:layout_width&＃61;"match_parent"

android:layout_height&＃61;"match_parent"

android:cacheColorHint&＃61;"&＃64;android:color/transparent"

android:verticalSpacing&＃61;"10dip"

android:horizontalSpacing&＃61;"10dip"

android:stretchMode&＃61;"columnWidth"

android:gravity&＃61;"center"

android:numColumns&＃61;"3" >

接下来我们看看DragGridView的item的布局&＃xff0c;上面一个ImageView下面一个TextView

android:layout_width&＃61;"fill_parent"

android:layout_height&＃61;"wrap_content"

android:background&＃61;"&＃64;android:color/transparent" >

android:id&＃61;"&＃64;&＃43;id/item_image"

android:scaleType&＃61;"centerCrop"

android:layout_width&＃61;"wrap_content"

android:layout_height&＃61;"wrap_content"

android:layout_centerHorizontal&＃61;"true" >

android:id&＃61;"&＃64;&＃43;id/item_text"

android:layout_width&＃61;"wrap_content"

android:layout_height&＃61;"wrap_content"

android:layout_below&＃61;"&＃64;&＃43;id/item_image"

android:layout_centerHorizontal&＃61;"true" >

布局搞定了我们就来看看主页面MainActivity的代码吧

package com.example.draggridview;

import java.util.ArrayList;

import java.util.Collections;

import java.util.HashMap;

import java.util.List;

import android.app.Activity;

import android.os.Bundle;

import android.widget.SimpleAdapter;

import com.example.draggridview.DragGridView.OnChanageListener;

/**

* &＃64;blog http://blog.csdn.net/xiaanming

*

* &＃64;author xiaanming

*

*/

public class MainActivity extends Activity {

private List> dataSourceList &＃61; new ArrayList>();

&＃64;Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

DragGridView mDragGridView &＃61; (DragGridView) findViewById(R.id.dragGridView);

for (int i &＃61; 0; i 

HashMap itemHashMap &＃61; new HashMap();

itemHashMap.put("item_image",R.drawable.com_tencent_open_notice_msg_icon_big);

itemHashMap.put("item_text", "拖拽 " &＃43; Integer.toString(i));

dataSourceList.add(itemHashMap);

}

final SimpleAdapter mSimpleAdapter &＃61; new SimpleAdapter(this, dataSourceList,

R.layout.grid_item, new String[] { "item_image", "item_text" },

new int[] { R.id.item_image, R.id.item_text });

mDragGridView.setAdapter(mSimpleAdapter);

mDragGridView.setOnChangeListener(new OnChanageListener() {

&＃64;Override

public void onChange(int from, int to) {

HashMap temp &＃61; dataSourceList.get(from);

//直接交互item

//              dataSourceList.set(from, dataSourceList.get(to));

//              dataSourceList.set(to, temp);

//              dataSourceList.set(to, temp);

//这里的处理需要注意下

if(from 

for(int i&＃61;from; i

Collections.swap(dataSourceList, i, i&＃43;1);

}

}else if(from > to){

for(int i&＃61;from; i>to; i--){

Collections.swap(dataSourceList, i, i-1);

}

}

dataSourceList.set(to, temp);

mSimpleAdapter.notifyDataSetChanged();

}

});

}

}

这里面的代码还是比较简单&＃xff0c;主要讲下onChange()方法&＃xff0c;我们要为

mDragGridView设置一个OnChanageListener的回调接口&＃xff0c;在onChange()方法里面实现数据的交换逻辑&＃xff0c;第一个参数

from为item开始的位置&＃xff0c;第二个参数to为item拖拽到的位置&＃xff0c;刚开始我使用的交换逻辑是

HashMap temp &＃61; dataSourceList.get(from);

//直接交互item

//              dataSourceList.set(from, dataSourceList.get(to));

//              dataSourceList.set(to, temp);

直接交换的item的数据&＃xff0c;然后看了下网易新闻的拖拽的GridView&＃xff0c;他不是直接实现两个item直接的数据交换&＃xff0c;所以将数据交换逻辑改成了下面的方式

简单说下&＃xff0c;数据的交换逻辑&＃xff0c;比如我们将position从5拖拽到7这个位置&＃xff0c;我注释掉的逻辑是直接将5和7的数据交换&＃xff0c;而后面的那种逻辑是将6的位置数

据移动到5&＃xff0c;将7的位置移动到6&＃xff0c;然后再7显示5  6->5, 7->6, 5->7不知道大家理解了没有。

接下来我们来运行下项目&＃xff0c;在运行之前我们不要忘了在AndroidManifest.xml里面加入震动的权限

好了&＃xff0c;今天的讲解就到此结束&＃xff0c;效果还不错吧&＃xff0c;看完这篇文章你是不是觉得GridView拖拽

也不是那么难实现呢&＃xff1f;你心里是不是也大概有自己的一个思路&＃xff0c;建议大家自己敲敲看看&＃xff0c;可以自己去实现下ListView的拖拽实现&＃xff0c;ListView比

GridView简单些&＃xff0c;好的学习方法不是看得懂人家的代码&＃xff0c;而是看完代码自己根据脑海里的思路自己敲出来&＃xff0c;所以还是鼓励大家多敲代码&＃xff0c;不明白的同学在下

面留言&＃xff0c;我会为大家解答的&＃xff01;

上面的代码存在兼容性的问题&＃xff0c;在4.X以上的机器运行时OK的&＃xff0c;但是在2.X的机

器运行就存在错误&＃xff0c;原因是因为smoothScrollToPositionFromTop()方法在2.x的api中不存在&＃xff0c;如果在2.x的机器上面运

行将smoothScrollToPositionFromTop(mDragPosition, view.getTop() &＃43;

scrollY)改成smoothScrollBy(-scrollY, 10); 并且将speed的值适当改小点&＃xff0c;不然自动滚动过快