解析---DragGridView长按动态排序

曾经项目需求,要实现一个类似以前ZAKER新闻阅读的DragGridView特效。不过,没要求实现横向跨屏,而是竖向跨屏。网上资源也很多,有实现横向跨屏的,可是没有找到竖向的。后来只好结合人家代码,修改一二。

贴代码!

/**
 * @blog http://blog.csdn.net/xiaanming
 *
 * @author xiaanming&&wangxuanao
 *
 */
public class DragGridView extends GridView {
	/**
	 * DragGridView的item长按响应的时间, 默认是1000毫秒,也可以自行设置。目前没有用到延迟。
	 */
	private long dragResponseMS = 1000;

	/**
	 * 是否可以拖拽,默认不可以
	 */
	private boolean isDrag = false;

	private int mDownX;
	private int mDownY;
	private int moveX;
	private int moveY;

	private int nColumns = 2;

	/**
	 * 是否计算状态栏的高度在内,涉及到镜像的起始位置y
	 */
	private boolean isContainStatusHeight = false;

	private boolean isMoving = false;

	/**
	 * 正在拖拽的position
	 */
	private int mDragPosition;

	/**
	 * 刚开始拖拽的item对应的View
	 */
	private View mStartDragItemView = null;

	/**
	 * 用于拖拽的镜像,这里直接用一个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 = 20;

	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 = (Vibrator) context
				.getSystemService(Context.VIBRATOR_SERVICE);
		mWindowManager = (WindowManager) context
				.getSystemService(Context.WINDOW_SERVICE);
		mStatusHeight = getStatusHeight(context); // 获取状态栏的高度

	}

	private Handler mHandler = new Handler();

	// 用来处理是否为长按的Runnable
	private Runnable mLongClickRunnable = new Runnable() {

		@Override
		public void run() {
			isDrag = true; // 设置可以拖拽
			isMoving = false;
			mVibrator.vibrate(50); // 震动一下

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

			// 根据我们按下的点显示item镜像
			createDragImage(mDragBitmap, mDownX, mDownY);
		}
	};

	/**
	 * 设置响应拖拽的毫秒数,默认是1000毫秒
	 *
	 * @param dragResponseMS
	 */
	public void setDragResponseMS(long dragResponseMS) {
		this.dragResponseMS = dragResponseMS;
	}

	/**
	 * 长按检测事件
	 *
	 * @author wangxuanao
	 */
	public boolean setOnItemLongClickListener(final MotionEvent ev) {
		this.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {

			@Override
			public boolean onItemLongClick(AdapterView<?> arg0, View arg1,
					int arg2, long arg3) {
				// arg2和arg3一直是相等的。及点击的item的position

				Log.e("LOG", "int arg2=" + arg2 + "     long arg3=" + arg3);

				mDownX = (int) ev.getX();
				mDownY = (int) ev.getY();

				// 获取所点击item的position
				mDragPosition = arg2;

				if (mDragPosition == AdapterView.INVALID_POSITION) {
					Log.e("tag====onItemLongClick", "INVALID_POSITION");
					return true;
				}

				// 根据position获取该item所对应的View
				mStartDragItemView = getChildAt(mDragPosition
						- getFirstVisiblePosition());

				// 下面这几个距离大家可以参考我的博客上面的图来理解下
				mPoint2ItemTop = mDownY - mStartDragItemView.getTop();
				mPoint2ItemLeft = mDownX - mStartDragItemView.getLeft();

				mOffset2Top = (int) (ev.getRawY() - mDownY);
				mOffset2Left = (int) (ev.getRawX() - mDownX);

				// 获取DragGridView自动向上滚动的偏移量,小于这个值,DragGridView向下滚动
				mDownScrollBorder = getHeight() / 4;
				// 获取DragGridView自动向下滚动的偏移量,大于这个值,DragGridView向上滚动
				mUpScrollBorder = getHeight() * 3 / 4;

				// 开启mDragItemView绘图缓存
				mStartDragItemView.setDrawingCacheEnabled(true);
				// 获取mDragItemView在缓存中的Bitmap对象
				mDragBitmap = Bitmap.createBitmap(mStartDragItemView
						.getDrawingCache());
				// 这一步很关键,释放绘图缓存,避免出现重复的镜像
				mStartDragItemView.destroyDrawingCache();

				// 使用Handler延迟dragResponseMS执行mLongClickRunnable
				// mHandler.postDelayed(mLongClickRunnable, dragResponseMS);
				// 不延迟加载
				mHandler.post(mLongClickRunnable);

				return false;
			}
		});
		return super.onInterceptTouchEvent(ev);
	}

	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		if (ev.getAction() == MotionEvent.ACTION_DOWN) {
			return setOnItemLongClickListener(ev);
		}
		return super.onInterceptTouchEvent(ev);
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {

		// Log.e("LOG", "=========onTouchEvent=======");

		if (isDrag && mDragImageView != null) {
			switch (ev.getAction()) {
			case MotionEvent.ACTION_MOVE:
				moveX = (int) ev.getX();
				moveY = (int) ev.getY();
				// 拖动item
				onDragItem(moveX, moveY);
				break;
			case MotionEvent.ACTION_UP:
				onStopDrag();
				isDrag = false;
				mHandler.removeCallbacks(mLongClickRunnable); // 线程结束
				mHandler.removeCallbacks(mScrollRunnable);
				break;
			}
			return true;
		}
		return super.onTouchEvent(ev);
	}

	/**
	 * 创建拖动的镜像
	 *
	 * @param bitmap
	 * @param downX
	 *            按下的点相对父控件的X坐标
	 * @param downY
	 *            按下的点相对父控件的X坐标
	 */
	private void createDragImage(Bitmap bitmap, int downX, int downY) {

		DragAdapter adapter = (DragAdapter) this.getAdapter();
		adapter.showDropItem(false);

		mWindowLayoutParams = new WindowManager.LayoutParams();
		mWindowLayoutParams.format = PixelFormat.TRANSLUCENT; // 图片之外的其他地方透明
		mWindowLayoutParams.gravity = Gravity.TOP | Gravity.LEFT;
		mWindowLayoutParams.x = downX - mPoint2ItemLeft + mOffset2Left;
		if (isContainStatusHeight) {
			mWindowLayoutParams.y = downY - mPoint2ItemTop + mOffset2Top
					- mStatusHeight; // 状态栏高度 可选
		} else {
			mWindowLayoutParams.y = downY - mPoint2ItemTop + mOffset2Top;
		}
		Log.e("tag", "mWindowLayoutParams   x=" + mWindowLayoutParams.x
				+ "   y=" + mWindowLayoutParams.y);
		mWindowLayoutParams.alpha = 0.55f; // 透明度
		mWindowLayoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
		mWindowLayoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
		mWindowLayoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
				| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE;

		mDragImageView = new ImageView(getContext());
		mDragImageView.setImageBitmap(bitmap);
		mWindowManager.addView(mDragImageView, mWindowLayoutParams);
	}

	/**
	 * 从界面上面移动拖动镜像
	 */
	private void removeDragImage() {
		if (mDragImageView != null) {
			mWindowManager.removeView(mDragImageView);
			mDragImageView = null;
		}
	}

	/**
	 * 拖动item,在里面实现了item镜像的位置更新,item的相互交换以及GridView的自行滚动
	 *
	 * @param x
	 * @param y
	 */
	private void onDragItem(int moveX, int moveY) {
		mWindowLayoutParams.x = moveX - mPoint2ItemLeft + mOffset2Left;

		if (isContainStatusHeight) {
			mWindowLayoutParams.y = moveY - mPoint2ItemTop + mOffset2Top
					- mStatusHeight;// 状态栏高度 可选
		} else {
			mWindowLayoutParams.y = moveY - mPoint2ItemTop + mOffset2Top;
		}
		mWindowManager.updateViewLayout(mDragImageView, mWindowLayoutParams); // 更新镜像的位置
		onSwapItem(moveX, moveY);

		// GridView自动滚动
		mHandler.post(mScrollRunnable);
	}

	/**
	 * 当moveY的值大于向上滚动的边界值,触发GridView自动向上滚动 当moveY的值小于向下滚动的边界值,触犯GridView自动向下滚动
	 * 否则不进行滚动
	 */
	private Runnable mScrollRunnable = new Runnable() {

		@Override
		public void run() {
			int scrollY;
			if (moveY > mUpScrollBorder) {
				scrollY = speed;
				mHandler.postDelayed(mScrollRunnable, 25);
			} else if (moveY < mDownScrollBorder) {
				scrollY = -speed;
				mHandler.postDelayed(mScrollRunnable, 25);
			} else {
				scrollY = 0;
				mHandler.removeCallbacks(mScrollRunnable);
			}

			// 当我们的手指到达GridView向上或者向下滚动的偏移量的时候,可能我们手指没有移动,但是DragGridView在自动的滚动
			// 所以我们在这里调用下onSwapItem()方法来交换item
			onSwapItem(moveX, moveY);

			smoothScrollBy(scrollY, 10);
		}
	};

	/**
	 * 交换item,并且控制item之间的显示与隐藏效果
	 *
	 * @param moveX
	 * @param moveY
	 */
	private void onSwapItem(int moveX, int moveY) {
		// 获取我们手指移动到的那个item的position
		final int tempPosition = pointToPosition(moveX, moveY);

		// 假如tempPosition 改变了并且tempPosition不等于-1,则进行交换
		if (tempPosition != mDragPosition
				&& tempPosition != AdapterView.INVALID_POSITION) {

			// getChildAt(tempPosition -
			// getFirstVisiblePosition()).setVisibility(
			// View.INVISIBLE);// 拖动到了新的item,新的item隐藏掉
			//
			// getChildAt(mDragPosition - getFirstVisiblePosition())
			// .setVisibility(View.VISIBLE);// 之前的item显示出来

			if (!isMoving) {

				final int dropPosition = tempPosition
						- getFirstVisiblePosition();
				int dragPosition = mDragPosition - getFirstVisiblePosition();
				final int startPosition = mDragPosition;
				final int endPosition = tempPosition;
				Log.e("log", "tempPosition===" + tempPosition
						+ "   dropPosition===" + dropPosition
						+ "   dragPosition===" + dragPosition);
				int MoveNum = dropPosition - dragPosition;
				int holdPosition;
				if (dragPosition == dropPosition)
					MoveNum = 0;
				if (MoveNum != 0) {
					int itemMoveNum = Math.abs(MoveNum);
					float Xoffset, Yoffset;
					Log.e("log", "itemMoveNum===" + itemMoveNum);
					for (int i = 0; i < itemMoveNum; i++) {

						Log.e("log", "i===" + i);
						if (MoveNum > 0) {
							holdPosition = dragPosition + 1;
							Xoffset = (dragPosition / nColumns == holdPosition
									/ nColumns) ? (-1) : (nColumns - 1);
							Yoffset = (dragPosition / nColumns == holdPosition
									/ nColumns) ? 0 : (-1);
						} else {
							holdPosition = dragPosition - 1;
							Xoffset = (dragPosition / nColumns == holdPosition
									/ nColumns) ? 1 : (-(nColumns - 1));
							Yoffset = (dragPosition / nColumns == holdPosition
									/ nColumns) ? 0 : 1;
						}
						ViewGroup moveView = (ViewGroup) getChildAt(holdPosition);
						Log.e("log", "holdPosition===" + holdPosition);
						Animation animation = getMoveAnimation(Xoffset, Yoffset);
						moveView.startAnimation(animation);
						dragPosition = holdPosition;
						final DragAdapter adapter = (DragAdapter) this
								.getAdapter();

						isMoving = true;

						if (i == itemMoveNum - 1)
							animation
									.setAnimationListener(new Animation.AnimationListener() {

										@Override
										public void onAnimationStart(
												Animation animation) {
										}

										@Override
										public void onAnimationRepeat(
												Animation animation) {
										}

										@Override
										public void onAnimationEnd(
												Animation animation) {
											adapter.exchange(startPosition,
													endPosition);
											isMoving = false;
											Log.e("log",
													"isMoving=false====================================");
										}
									});
					}
				}
			}
			Log.e("log", "mDragPosition=" + mDragPosition
					+ "=====tempPosition=" + tempPosition);
			mDragPosition = tempPosition;
		}
	}

	/**
	 * 动画交换交换item
	 *
	 * @param dropPosition
	 * @param dragPosition
	 */
	public void OnMove(int dropPosition, int dragPosition) {

	}

	/**
	 * 停止拖拽我们将之前隐藏的item显示出来,并将镜像移除
	 */
	private void onStopDrag() {
		// View view = getChildAt(mDragPosition - getFirstVisiblePosition());
		// if (view != null) {
		// view.setVisibility(View.VISIBLE);
		// }

		DragAdapter adapter = (DragAdapter) this.getAdapter();
		adapter.showDropItem(true);
		adapter.notifyDataSetChanged();

		removeDragImage();
	}

	/**
	 * 获取状态栏的高度
	 *
	 * @param context
	 * @return
	 */
	private static int getStatusHeight(Context context) {
		int statusHeight = 0;
		Rect localRect = new Rect();
		((Activity) context).getWindow().getDecorView()
				.getWindowVisibleDisplayFrame(localRect);
		statusHeight = localRect.top;
		if (0 == statusHeight) {
			Class<?> localClass;
			try {
				localClass = Class.forName("com.android.internal.R$dimen");
				Object localObject = localClass.newInstance();
				int i5 = Integer.parseInt(localClass
						.getField("status_bar_height").get(localObject)
						.toString());
				statusHeight = context.getResources().getDimensionPixelSize(i5);
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
		return statusHeight;
	}

	/**
	 * 移动动画
	 *
	 * @author wangxuanao
	 *
	 */
	public Animation getMoveAnimation(float x, float y) {
		TranslateAnimation go = new TranslateAnimation(
				Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, x,
				Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, y);
		go.setFillAfter(true);
		go.setDuration(300);
		return go;
	}
}

运行截图:

此demo支持长按滑动。支持动画效果,支持向下跨屏滑动。不过在跨屏滑动的时候存在bug。有兴趣的同学可以修改一下。源代码下载

解析---DragGridView长按动态排序,布布扣,bubuko.com

时间: 2024-10-25 18:20:29

解析---DragGridView长按动态排序的相关文章

函数指针、回调、动态排序、返回函数指针

1.函数指针定义及初始化: int (*p)(int,int)=NULL; p=maxValue;//将函数maxValue的地址传给p 或 (*p)=maxValue; 2.函数回调: int getValue(int a,int b,int (*p)(int,int));//函数指针作为getValue的参数 函数指针指向函数可变 3.动态排序(排序条件多变) 将决定排序方式的条件封装成函数,然后再回调 typedef BOOL (*P_Fun)(int,int);//头文件#include

实现动态排序

/// <summary> /// 实现动态排序 /// 来源博客园的一个大神,具体实现原理是利用实体和排序字段自动生成一个表达式 /// 再利用IQuerable的方法实现 /// 有一部分比较像微软的源码 ZhangQC 2016.10.20 /// </summary> public static class DynamicOrder { #region Private 表达式树 /// <summary> /// 构建表达式树 结果类似于 j=>j.Nam

ActiveReports 报表应用教程 (9)---交互式报表之动态排序

原文:ActiveReports 报表应用教程 (9)---交互式报表之动态排序 在 ActiveReports 中除了提供对数据源进行排序的功能之外,还提供了最终用户排序功能,最终用户可以对报表进行区域内排序和整个数据源排序,结合数据钻取.过滤等功能可以让用户更方便地分析报表数据. 1.创建报表文件 在应用程序中创建一个名为 rptProductListForSort.rdlx 的 ActiveReports 报表文件,使用的项目模板为 ActiveReports 页面报表,创建完成之后从 V

javascript如何解析json对javascript如何解析json对象并动态赋值到select列表象并动态赋值到select列表

原文 javascript如何解析json对象并动态赋值到select列表 JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合.一个对象以“{”(左括号)开始,“}”(右括号)结束.每个“名称”后跟一个“:”(冒号):“‘名称/值’对”之间使用“,”(逗号)分隔. 在开

php sortable 动态排序

php sortable 动态排序未分页版.php 预览图: <?php mysql_connect("localhost","root","root"); mysql_select_db("test"); mysql_query("SET CHARACTER SET GB2312"); if($_POST["reorder"]){ $i=1; foreach ($_POST[&q

深入解析Java设计模式之动态代理

深入解析Java设计模式之动态代理 代理是基本的设计模式之一,它是你为了提供额外的或不同的操作,而插入的用来代替"实际"对象的对象.这些操作通常涉及与"实际"对象的通信,因此代理通常充当着中间人的角色,下面是一个用来展示动态代理结构的简单示例: /** 普通(非动态)代理示例: */ interface Interface { void doSomething(); void somethingElse(String arg); } class RealObject

利用动态排序,对学生结构体的各类信息进行排序

#import <Foundation/Foundation.h> //创建一个学生变量 typedef struct student{ char name[20];  //姓名 int  age;       //年龄 float  weight;  //体重 float  height;  //身高 float  score;   //分数 }Stu; //为什么使用动态排序,动态排序的好处:所有的排序函数if语句之后的比较条件不一样,其余的所有代码都是相同的,把相同的内容放在一个函数里,

Linq To Entities中的动态排序

换了工作有一个月了,一样的工作.一样的代码.一样的体力活仍就-- Linq To Entityes 也是不新玩意了,近半年来也一直与之打交道,但一直也没对其深究过.今天新加的功能要对所有列支持排序,这也不是什么高难度的工作了,对与TSQL来说是写过几百遍了,但在Linq To Enitities中有点小恶心. Linq To Entityes中的对象是个Queryable类型的,Queryable.OrderBy()方法的参数是一个Lamdba source.OrderBy(t=>t.ID).S

【转】解析JDK 7的动态类型语言支持

http://www.infoq.com/cn/articles/jdk-dynamically-typed-language Java虚拟机的字节码指令集的数量自从Sun公司的第一款Java虚拟机问世至JDK 7来临之前的十余年时间里,一直没有发生任何变化[1].随着JDK 7的发布,字节码指令集终于迎来了第一位新成员——invokedynamic指令.这条新增加的指令是JDK 7实现“动态类型语言(Dynamically Typed Language)”支持而进行的改进之一,也是为JDK 8