热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

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

这篇文章主要为大家详细介绍了Android自定义View实现可以拖拽的GridView,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android实现可拖拽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 + dragView.getWidth()) {
   return false;
  }
  if (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<&#63;> 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);
     }
    }

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

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


推荐阅读
  • Git基础操作指南:掌握必备技能
    掌握 Git 基础操作是每个开发者必备的技能。本文详细介绍了 Git 的基本命令和使用方法,包括初始化仓库、配置用户信息、添加文件、提交更改以及查看版本历史等关键步骤。通过这些操作,读者可以快速上手并高效管理代码版本。例如,使用 `git config --global user.name` 和 `git config --global user.email` 来设置全局用户名和邮箱,确保每次提交时都能正确标识提交者信息。 ... [详细]
  • 解决基于XML配置的MyBatis在Spring整合中出现“无效绑定语句(未找到):com.music.dao.MusicDao.findAll”问题的方法
    在将Spring与MyBatis进行整合时,作者遇到了“无效绑定语句(未找到):com.music.dao.MusicDao.findAll”的问题。该问题主要出现在使用XML文件配置DAO层的情况下,而注解方式配置则未出现类似问题。作者详细分析了两个配置文件之间的差异,并最终找到了解决方案。本文将详细介绍问题的原因及解决方法,帮助读者避免类似问题的发生。 ... [详细]
  • 本文深入探讨了原型模式在软件设计中的应用与实现。原型模式通过使用已有的实例作为原型来创建新对象,而不是直接通过类实例化。这种方式不仅简化了对象的创建过程,还提高了系统的灵活性和效率。具体来说,原型模式涉及一个支持克隆功能的接口或基类,子类通过实现该接口来提供具体的克隆方法,从而实现对象的快速复制。此外,文章还详细分析了原型模式的优缺点及其在实际项目中的应用场景,为开发者提供了实用的指导和建议。 ... [详细]
  • 基于Node.js的高性能实时消息推送系统通过集成Socket.IO和Express框架,实现了高效的高并发消息转发功能。该系统能够支持大量用户同时在线,并确保消息的实时性和可靠性,适用于需要即时通信的应用场景。 ... [详细]
  • 深入解析经典卷积神经网络及其实现代码
    深入解析经典卷积神经网络及其实现代码 ... [详细]
  • BZOJ4240 Gym 102082G:贪心算法与树状数组的综合应用
    BZOJ4240 Gym 102082G 题目 "有趣的家庭菜园" 结合了贪心算法和树状数组的应用,旨在解决在有限时间和内存限制下高效处理复杂数据结构的问题。通过巧妙地运用贪心策略和树状数组,该题目能够在 10 秒的时间限制和 256MB 的内存限制内,有效处理大量输入数据,实现高性能的解决方案。提交次数为 756 次,成功解决次数为 349 次,体现了该题目的挑战性和实际应用价值。 ... [详细]
  • 在CentOS上部署和配置FreeSWITCH
    在CentOS系统上部署和配置FreeSWITCH的过程涉及多个步骤。本文详细介绍了从源代码安装FreeSWITCH的方法,包括必要的依赖项安装、编译和配置过程。此外,还提供了常见的配置选项和故障排除技巧,帮助用户顺利完成部署并确保系统的稳定运行。 ... [详细]
  • 本文深入探讨了算法进阶中的多个核心主题,包括最大似然估计在统计建模中的应用、赔率计算在风险评估中的重要性、FuzzyWuzzy库在字符串相似度匹配中的高效使用、主成分分析(PCA)在数据降维与特征提取中的关键作用,以及One-Hot编码在处理分类变量时的技术细节。通过这些内容,读者将获得对算法应用的全面理解。 ... [详细]
  • HBase客户端Table类中getRpcTimeout方法的应用与编程实例解析 ... [详细]
  • 如何运用蒙特卡洛方法计算NPV:计算机专业毕业设计遇到难题怎么办?
    许多计算机科学专业的学生在大学期间都会遇到这样的困扰:课堂上教授的内容往往偏向理论,实际应用的知识点讲解得较为浅显和概括,导致在进行毕业设计时,如运用蒙特卡洛方法计算净现值(NPV)等复杂问题时感到无从下手。本文旨在探讨如何通过深入理解和实践蒙特卡洛模拟技术,解决这类计算难题,为学生的毕业设计提供实用指导。 ... [详细]
  • 在Unity中进行3D建模的全面指南,详细介绍了市场上三种主要的3D建模工具:Blender 3D、Maya和3ds Max。每种工具的特点、优势及其在Unity开发中的应用将被深入探讨,帮助开发者选择最适合自己的建模软件。 ... [详细]
  • 本项目在Java Maven框架下,利用POI库实现了Excel数据的高效导入与导出功能。通过优化数据处理流程,提升了数据操作的性能和稳定性。项目已发布至GitHub,当前最新版本为0.0.5。该项目不仅适用于小型应用,也可扩展用于大型企业级系统,提供了灵活的数据管理解决方案。GitHub地址:https://github.com/83945105/holygrail,Maven坐标:`com.github.83945105:holygrail:0.0.5`。 ... [详细]
  • 结语 | 《探索二进制世界:软件安全与逆向分析》读书笔记:深入理解二进制代码的逆向工程方法
    结语 | 《探索二进制世界:软件安全与逆向分析》读书笔记:深入理解二进制代码的逆向工程方法 ... [详细]
  • 从无到有,构建个人专属的操作系统解决方案
    操作系统(OS)被誉为程序员的三大浪漫之一,常被比喻为计算机的灵魂、大脑、内核和基石,其重要性不言而喻。本文将详细介绍如何从零开始构建个人专属的操作系统解决方案,涵盖从需求分析到系统设计、开发与测试的全过程,帮助读者深入理解操作系统的本质与实现方法。 ... [详细]
  • 作为140字符的开创者,Twitter看似简单却异常复杂。其简洁之处在于仅用140个字符就能实现信息的高效传播,甚至在多次全球性事件中超越传统媒体的速度。然而,为了支持2亿用户的高效使用,其背后的技术架构和系统设计则极为复杂,涉及高并发处理、数据存储和实时传输等多个技术挑战。 ... [详细]
author-avatar
kf_zjk
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有