Android自定义View实现可以拖拽的GridView

先看看效果图

主要思想:

1、监听触碰事件
2、用WindowManager添加拖曳的图片
3、用Collections.swap()交换List数据

自定义代码:

public class DragGridVeiw extends GridView { private final int PRESS_TIME = 1000;//长按时间 private int mDownX;//触碰时的X坐标 private int mDownY;//触碰时的Y坐标 private int mMoveX;//移动时的X坐标 private int mMoveY;//移动时的Y坐标 private int mOffset2Top;//DragGridView距离屏幕顶部的偏移量 private int mOffset2Left;//DragGridView距离屏幕左边的偏移量 private int mPointToItemTop;//触碰点距离ItemView的上边距 private int mPointToItemLeft;//触碰点距离ItemView的左边距 private int mStatusHeight;//状态栏高度 private boolean isDraging;//是否正在拖曳 private Bitmap mBitmap;//ItemView的图片 private int mTouchPostiion;//触碰的位置 private View mTouchItemView;//触碰的ItemView private Vibrator mVibrator;//震动器 private ImageView mDragImageView;//拖曳的View private WindowManager mWindowManager;//窗口管理器 private WindowManager.LayoutParams mWindowLayoutParams;//窗口管理器布局 private OnChanageListener onChanageListener;//交换事件监听器 private Handler mHandler = new Handler(); public DragGridVeiw(Context context) { this(context, null); } public DragGridVeiw(Context context, AttributeSet attrs) { this(context, attrs, 0); } public DragGridVeiw(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); mStatusHeight = getStatusHeight(context); mVibrator = (Vibrator) context.getSystemService(Context.VIBRATOR_SERVICE); mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); } @Override public boolean dispatchTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: //使用Handler延迟dragResponseMS执行mLongClickRunnable mHandler.postDelayed(mLongClickRunnable, PRESS_TIME); mDownX = (int) ev.getX(); mDownY = (int) ev.getY(); //根据按下的X,Y坐标获取所点击item的position mTouchPostiion = pointToPosition(mDownX, mDownY); if (mTouchPostiion == AdapterView.INVALID_POSITION) { return super.dispatchTouchEvent(ev); } //根据position获取该item所对应的View mTouchItemView = getChildAt(mTouchPostiion - getFirstVisiblePosition()); //下面这几个距离大家可以参考我的博客上面的图来理解下 mPointToItemTop = mDownY - mTouchItemView.getTop(); mPointToItemLeft = mDownX - mTouchItemView.getLeft(); mOffset2Top = (int) (ev.getRawY() - mDownY); mOffset2Left = (int) (ev.getRawX() - mDownX); //开启mDragItemView绘图缓存 mTouchItemView.setDrawingCacheEnabled(true); //获取mDragItemView在缓存中的Bitmap对象 mBitmap = Bitmap.createBitmap(mTouchItemView.getDrawingCache()); //这一步很关键,释放绘图缓存,避免出现重复的镜像 mTouchItemView.destroyDrawingCache(); break; case MotionEvent.ACTION_MOVE: int moveX = (int) ev.getX(); int moveY = (int) ev.getY(); //拖曳点超出GridView区域则取消拖曳事件 if (ev.getY() > getHeight() || ev.getY() < 0) { onStopDrag(); } //如果我们在按下的item上面移动,只要超过item的边界就移除mRunnable if (!isTouchInItem(mTouchItemView, moveX, moveY)) { mHandler.removeCallbacks(mLongClickRunnable); } break; case MotionEvent.ACTION_UP: mHandler.removeCallbacks(mLongClickRunnable); break; } return super.dispatchTouchEvent(ev); } @Override public boolean onTouchEvent(MotionEvent ev) { if (isDraging && mDragImageView != null) { switch (ev.getAction()) { case MotionEvent.ACTION_MOVE: mMoveX = (int) ev.getX(); mMoveY = (int) ev.getY(); //拖动item onDragItem(mMoveX, mMoveY); break; case MotionEvent.ACTION_UP: onStopDrag(); break; } return true; } return super.onTouchEvent(ev); } //处理长按事件的线程 private Runnable mLongClickRunnable = new Runnable() { @Override public void run() { isDraging = true; //设置可以拖拽 mVibrator.vibrate(50); //震动一下 mTouchItemView.setVisibility(View.INVISIBLE);//隐藏该ItemView //根据我们按下的点显示ItemView镜像 createDragView(mBitmap, mDownX, mDownY); } }; //添加拖动View private void createDragView(Bitmap bitmap, int downX, int downY) { mWindowLayoutParams = new WindowManager.LayoutParams(); mWindowLayoutParams.format = PixelFormat.TRANSLUCENT; //图片之外的其他地方透明 mWindowLayoutParams.gravity = Gravity.TOP | Gravity.LEFT; mWindowLayoutParams.x = downX - mPointToItemTop + mOffset2Left; mWindowLayoutParams.y = downY - mPointToItemTop + mOffset2Top - mStatusHeight; mWindowLayoutParams.alpha = 0.6f; //透明度 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 removeDragView() { if (mDragImageView != null) { mWindowManager.removeView(mDragImageView); mDragImageView = null; } } //是否点击在GridView的item上面 private boolean isTouchInItem(View dragView, int x, int y) { int leftOffset = dragView.getLeft(); int topOffset = dragView.getTop(); if (x < leftOffset || x > leftOffset + dragView.getWidth()) { return false; } if (y < topOffset || y > topOffset + dragView.getHeight()) { return false; } return true; } //拖动事件处理 private void onDragItem(int moveX, int moveY) { mWindowLayoutParams.x = moveX - mPointToItemLeft + mOffset2Left; mWindowLayoutParams.y = moveY - mPointToItemTop + mOffset2Top - mStatusHeight; mWindowManager.updateViewLayout(mDragImageView, mWindowLayoutParams); //更新DragView的位置 onSwapItem(moveX, moveY);//Item的相互交换 } //交换item,并且控制item之间的显示与隐藏效果 private void onSwapItem(int moveX, int moveY) { //获取我们手指移动到的那个item的position int tempPosition = pointToPosition(moveX, moveY); //假如tempPosition 改变了并且tempPosition不等于-1,则进行交换 if (tempPosition != mTouchPostiion && tempPosition != AdapterView.INVALID_POSITION) { getChildAt(tempPosition - getFirstVisiblePosition()).setVisibility(View.INVISIBLE);//拖动到了新的item,新的item隐藏掉 getChildAt(mTouchPostiion - getFirstVisiblePosition()).setVisibility(View.VISIBLE);//之前的item显示出来 if (onChanageListener != null) { onChanageListener.onChange(mTouchPostiion, tempPosition); } mTouchPostiion = tempPosition; } } //停止拖拽我们将之前隐藏的item显示出来,并将DragView移除 private void onStopDrag() { isDraging = false; getChildAt(mTouchPostiion - getFirstVisiblePosition()).setVisibility(View.VISIBLE); removeDragView(); } //Item交换事件监听 public void setOnChangeListener(OnChanageListener onChanageListener) { this.onChanageListener = onChanageListener; } //获取状态栏高度 private 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; } //当item交换位置的时候回调的方法,我们只需要在该方法中实现数据的交换即可 public interface OnChanageListener { public void onChange(int from, int to); } }

使用方法:

List<HashMap<String, Object>> dataSourceList = new ArrayList<>(); dragVeiw = (DragGridVeiw) findViewById(R.id.view_drag); for (int i = 0; i < 8; i++) { HashMap<String, Object> itemHashMap = new HashMap<>(); itemHashMap.put("item_image", R.drawable.sample_1); itemHashMap.put("item_text", "拖拽 " + Integer.toString(i)); dataSourceList.add(itemHashMap); } final SimpleAdapter mSimpleAdapter = new SimpleAdapter(this, dataSourceList, R.layout.item_drag, new String[]{"item_image", "item_text"}, new int[]{R.id.item_image, R.id.item_text}); dragVeiw.setAdapter(mSimpleAdapter); dragVeiw.setOnChangeListener(new DragGridVeiw.OnChanageListener() { @Override public void onChange(int from, int to) { HashMap<String, Object> temp = dataSourceList.get(from); //这里的处理需要注意下 if (from < to) { for (int i = from; i < to; i++) { Collections.swap(dataSourceList, i, i + 1); } } else if (from > to) { for (int i = from; i > to; i--) { Collections.swap(dataSourceList, i, i - 1); } } dataSourceList.set(to, temp); mSimpleAdapter.notifyDataSetChanged(); } });

附录:

Log.v("-->getWidth", String.valueOf(getWidth()));//DragView的宽度 Log.v("-->getHeight", String.valueOf(getHeight()));//DragView的高度 Log.v("-->getLeft", String.valueOf(getLeft()));//DragView左边距离屏幕左侧的长度 Log.v("-->getTop", String.valueOf(getTop()));///DragView上边距离屏幕顶部的长度 Log.v("-->getRawX", String.valueOf(ev.getRawX()));//触碰点相对于屏幕的X坐标 Log.v("-->getRawY", String.valueOf(ev.getRawY()));//触碰点相对于屏幕的Y坐标 Log.v("-->getX", String.valueOf(ev.getX()));//触碰点相对于DragView的X坐标 Log.v("-->getY", String.valueOf(ev.getY()));//触碰点相对于DragView的Y坐标 Log.v("-->getItemWidth", String.valueOf(mTouchItemView.getWidth()));//DragView中ItemView的宽度 Log.v("-->getItemHeight", String.valueOf(mTouchItemView.getHeight()));//DragView中ItemView的高度 Log.v("-->getItemLeft", String.valueOf(mTouchItemView.getLeft()));//DragView中ItemView左边距离DragView左侧的长度 Log.v("-->getItemTop", String.valueOf(mTouchItemView.getTop()));//DragView中ItemView上边距离DragView顶部的长度

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-09-20 10:48:37

Android自定义View实现可以拖拽的GridView的相关文章

Android 可拖拽的GridView效果实现, 长按可拖拽和item实时交换

转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17718579),请尊重他人的辛勤劳动成果,谢谢! 在Android开发中,我们常常用到ListView和GridView,而有的时候系统的ListView,GridView并不能满足我们的需求,所以我们需要自己定义一个ListView或者GridView,我的上一篇文章中就是自定义的一个左右滑动删除item的例子,大家有兴趣的可以去看看 Android 使

Android自定义View实现支付宝支付成功-极速get花式Path炫酷动画

本文手把手教你图片->SVG->Path的姿势.. 从此酷炫Path动画,如此简单. 效果先随便上几个图,以后你找到的图有多精彩,gif就有多精彩: 随便搜了一个铅笔画的图,丢进去 随手复制的二维码icon 来自大佬wing的铁塔 前文回顾 这里简单回顾一下前文,GIF如下图: PathAnimView接受的唯一数据源是Path(给我一个Path,还你一个动画View) 所以内置了几种将别的资源->Path的方法: 直接传string.(A-Z,0-9 "." &qu

android自定义view插入xml

问题描述 android自定义view插入xml 自定义View代码如下.我希望把这个view插入到一个layout的xml的文件中.一直出错,错误类型是error inflating class.应该是这个View出的问题package com.example.browserstation; import java.util.Timer;import java.util.TimerTask; import android.content.Context;import android.graph

组合-android自定义view怎样指定自定义view的布局

问题描述 android自定义view怎样指定自定义view的布局 我有现成的布局xml文件,现在想定义一个组合的自定义view,怎样把这个view的布局指定为一个xml文件 解决方案 LayoutInflater.from(mActivity).inflate(R.layout.mainscreen_title, this, true);这样就行了,this是当前的View,而后面这两个参数是将R.layout.mainscreen_title attachToRoot 也就是以当前这个Vie

Android自定义View之使用贝塞尔曲线实现流量进度条

第一次写带图片的博客,多少还是有点紧张,效果不好,请将就着看,前面的图是今天要写的控件的效果图,元素不多,分别是一个按钮和一个自定义的控件. 在此以前,我看过许多的书,比如<Android群英传>.<第一行代码>等,也看了很多大神的博客,但是即便是这样,当我看到这么多代码的时候,一直都没有真正的动手去敲过这些代码,以至于我总是觉得自定义View是一个多么高深莫测的技术,我们这些小白是难以触及的,但是当昨晚看了一篇鸡汤之后,觉得人还是要学会专注,要耐得住寂寞,要沉得住气.所以在未来的

Android自定义View之绘制音乐播放器示波器

周末玩的有点嗨,没更新博客了,今天补上,这个示波器是在大学的时候老师教的,但是出来工作一直没有用到过,渐渐的也就忘记了,现在重新学习一下.来看看效果图: 这里是一个自定义的柱状图,然后有一个按钮,点击按钮的时候,这里柱子会不停的运动,类似于音乐播放器里示波器的跳动. 跟前面几个自定义view的方式类似,重写了onSizeChange()方法和onDraw()方法  先列一下我们要用到的变量 Paint mPaint; mWidth; mRectWidth; mRectHeight; mRectC

Android自定义View之弧线展示图

前面我也写了有几个自定义进度的控件,那么,今天,我再加一个控件,原理跟前面讲的差不多,先看看效果: 这个是一个以弧线为依托的进度控件,主要包括了两个圆弧.一个圆.一个文本. 当我们点击开始按钮的时候,会出现一个动画,逐渐的出现进度,好了,下面开始我们的编码. 新建一个类,继承自View,实现三个构造方法,接着定义变量,初始化变量的数据.代码如下: Paint mArcPaint, mCirclePaint, mTextPaint, mPaint; length; mRadius; mCircle

Android自定义View之仿QQ等级天数进度

最近一直都在看自定义View这一块.差不多一个星期了吧.这个星期坚持每天更新博客,感觉自己的技术也有点突破,对自定义View的计算也有了更深的认识. 今天坐地铁玩手机的时候,看到手机一个成长天数进度的控件,觉得挺有意思的,于是想自己也写一个.效果如下: 由图可以知道,这里面有很多个元素,首先是背景的矩形区域,其次就是两个环形,然后三个Text文本.其实不复杂,我们一点一点的去实现. 首先呢,画矩形背景.这里用到一个RectF的类,这个类包含一个矩形的四个单精度浮点坐标.矩形通过上下左右4个边的坐

Android自定义View之仿vivo i管家病毒扫描动画效果

技术是永无止境的,如果真的爱技术,那就勇敢的坚持下去.我很喜欢这句话,当我在遇到问题的时候.当我觉得代码枯燥的时候,我就会问自己,到底是不是真的热爱技术,这个时候,我心里总是起着波澜,我的答案是肯定的,我深深的爱着这门技术. 今天我们继续聊聊Android的自定义View系列.先看看效果吧: 这个是我手机杀毒软件的一个动画效果,类似于雷达搜索,所以用途还是很广泛的,特别是先了解一下这里的具体逻辑和写法,对技术的进步一定很有用. 先简单的分析一下这里的元素,主要有四个圆.一个扇形.还有八条虚线.当