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

古城微笑少年丶 2022-10-16 05:00 230阅读 0赞

本文实例为大家分享了Android实现可拖拽GridView的具体代码，供大家参考，具体内容如下

先看看效果图

![2f44b893a8b2fb5bd699ff44f8ada6b1.gif][]

主要思想：

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> dataSourceList = new ArrayList<>();

dragVeiw = (DragGridVeiw) findViewById(R.id.view\_drag);

for (int i = 0; i < 8; i++) \{

HashMap 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 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顶部的长度

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

[2f44b893a8b2fb5bd699ff44f8ada6b1.gif]: /images/20221014/21afc3957eac49cdb8df98844fd8f7df.png

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android自定义View实现方向控制控件，可拖拽中间圆

有朋自远方来，不亦乐乎。如果本篇文章对您有帮助，请动动您的小手点赞、评论、收藏。 ![8c3612d2258341ca9e8004bce62d1c34.jpeg][]

野性酷女/ 2024年04月01日 09:39/ 0 赞/ 93 阅读

相关 Android View拖拽/拖放DragAndDrop自定义View.DragShadowBuilder，Kotlin（2）

Android View拖拽/拖放DragAndDrop自定义View.DragShadowBuilder，Kotlin（2） import androi

水深无声/ 2024年02月21日 11:38/ 0 赞/ 75 阅读

相关 Vue自定义拖拽指令（元素的拖拽）并实现自定义指令遍历注册

描述在项目中，可能某些元素我们要实现可拖拽的要求，刚好使用Vue开发，Vue有一个很好用的东西，叫做自定义指令。后面想了想，可以把这个功能做成自定义指令，哪个元素想用，

朱雀/ 2023年07月03日 02:50/ 0 赞/ 136 阅读

相关 android 自定义gridview,Android自定义View实现可以拖拽的GridView

本文实例为大家分享了Android实现可拖拽GridView的具体代码，供大家参考，具体内容如下先看看效果图 ![2f44b893a8b2fb5bd699ff44f8ad

古城微笑少年丶/ 2022年10月16日 05:00/ 0 赞/ 231 阅读

相关 android自定义view圆,Android自定义View实现圆形环绕效果

Android自定义View实现圆形环绕效果发布时间：2020-08-23 00:06:58 来源：脚本之家阅读：140 作者：zuozuoshenghen 之前

喜欢ヅ旅行/ 2022年10月16日 00:45/ 0 赞/ 215 阅读

相关 android自定义view

最近弄的项目中在看到![Image 1][]这种![Center][]加减数量，如是就自己自定义了这样的view。考虑到图标可能会被替换如是加了个attrs.xml文件，也

旧城等待，/ 2022年08月08日 13:59/ 0 赞/ 327 阅读

相关 Android自定义View拖拽效果的设计

Android自定义View的拖拽效果的设计这里设计两个程序自定义View效果：第一个程序效果： ![x1][] 点击图像，图像随手指的一定而一定。移动只要

悠悠/ 2022年07月14日 17:14/ 0 赞/ 252 阅读

相关 Android自定义View

前几天在郭霖大神的博客上看了自定义View的知识，感觉受益良多，大神毕竟大神。在此总结一下关于Android 自定义View的用法：首先，自定义View可以由基本控件或者组

左手的ㄟ右手/ 2022年07月11日 13:10/ 0 赞/ 404 阅读

相关 Android自定义view

概述 Android已经为我们提供了大量的View供我们使用，但是可能有时候这些组件不能满足我们的需求，这时候就需要自定义控件了。自定义控件对于初学者总是感觉是一种

àì夳堔傛蜴生んèń/ 2022年06月09日 03:52/ 0 赞/ 347 阅读

相关 Android自定义View

如何自定义控件 1. 自定义属性的声明和获取 2. 测量onMeasure：测量自定义控件的尺寸 3. 绘制onDraw：绘制自定义控件 4. 状态的存储与恢复：

蔚落/ 2022年05月30日 09:13/ 0 赞/ 394 阅读