iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android TouchListener实现拖拽删实例代码
  • 185
分享到

Android TouchListener实现拖拽删实例代码

Android 2022-06-06 04:06:25 185人浏览 泡泡鱼
摘要

Android TouchListener实现拖拽删实例代码 如果为一个控件设置了该触摸监听, 控件会随着用户的拖动而移动, 如果拖动的距离大过设置的临界值, 那么当松开手指时

Android TouchListener实现拖拽删实例代码

如果为一个控件设置了该触摸监听, 控件会随着用户的拖动而移动, 如果拖动的距离大过设置的临界值, 那么当松开手指时会有回调onDraGComplete, 用户可在该方法中将该控件从父布局中删除, 或这进行其他操作。 如果用户拖拽的距离小于临界值, 那么当用户松开手指时控件会回谈到原来的初始位置。这时会触发onDragRebound回调。 如果用户触摸控件之后没有拖拽而是直接松开手指, 会触发onClick回调, 这样用户就不用为该控件设置onClick监听。

源码如下:


import Android.util.Log; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewGroup; 
 
public class DragTouchListener implements View.OnTouchListener { 
   
  public static final int DIRECTION_UP = 0; 
  public static final int DIRECTION_DOWN = 1; 
  public static final int DIRECTION_LEFT = 2; 
  public static final int DIRECTION_RIGHT = 3; 
  private int mDragDirection = -1; 
  private int mDragDistance = -1; 
  private ViewGroup.MarginLayoutParams mParams; 
  private ViewGroup.MarginLayoutParams mOriginParams; 
  private int viewOriginMargin = -1000; 
  private float mStartY = 0; 
  private float mStartX = 0; 
  private boolean isTouched = false; 
  public DragTouchListener(int dragDirection, int dragDistance){ 
    mDragDirection = dragDirection; 
    mDragDistance = dragDistance; 
  } 
  protected void onClick(View view){ 
  } 
  protected void onDragComplete(View view){ 
  } 
  protected void onDragRebound(View view){ 
  } 
  @Override 
  public boolean onTouch(View view, MotionEvent motionEvent) { 
    if (viewOriginMargin == -1000){ 
      mParams = (ViewGroup.MarginLayoutParams)view.getLayoutParams(); 
      if (mDragDirection == DIRECTION_UP) { 
        viewOriginMargin = mParams.bottomMargin; 
      }else if (mDragDirection == DIRECTION_DOWN){ 
        viewOriginMargin = mParams.topMargin; 
      }else if (mDragDirection == DIRECTION_LEFT){ 
        viewOriginMargin = mParams.rightMargin; 
      }else if (mDragDirection == DIRECTION_RIGHT){ 
        viewOriginMargin = mParams.leftMargin; 
      } 
    } 
    int action = motionEvent.getAction(); 
    switch (action){ 
      case MotionEvent.ACTION_DOWN: 
        isTouched = true; 
        mStartY = motionEvent.getY(); 
        mStartX = motionEvent.getX(); 
        return true; 
      case MotionEvent.ACTION_MOVE: 
        float y = motionEvent.getY(); 
        float x = motionEvent.getX(); 
        if (mDragDirection == DIRECTION_UP){ 
          if(y < mStartY){ 
            mParams.bottomMargin = viewOriginMargin +(int) (mStartY - y); 
          } 
        }else if (mDragDirection == DIRECTION_DOWN){ 
          if (y > mStartY){ 
            mParams.topMargin = viewOriginMargin + (int) (y - mStartY); 
          } 
        }else if (mDragDirection == DIRECTION_LEFT){ 
          if (x < mStartX){ 
            mParams.rightMargin = viewOriginMargin + (int) (mStartX - x); 
          } 
        }else if (mDragDirection == DIRECTION_RIGHT){ 
          if (x > mStartX){ 
            mParams.leftMargin = viewOriginMargin + (int) (x - mStartX); 
          } 
        } 
        view.setLayoutParams(mParams); 
        break; 
      case MotionEvent.ACTION_UP: 
        float nowY = motionEvent.getY(); 
        float nowX = motionEvent.getX(); 
        int deltaX = (int)nowX - (int)mStartX; 
        int deltaY = (int)nowY - (int)mStartY; 
        if (isTouched && Math.abs(deltaX) < 5 && Math.abs(deltaY) < 5){ 
          onClick(view); 
          break; 
        } 
        if (mDragDirection == DIRECTION_UP){ 
          if (isTouched && mStartY - nowY > mDragDistance){ 
//            Log.i("test-drag", "direction up , startY = " + mStartY + ", nowY = " + nowY + 
//                ", startY - nowY = " + (mStartY - nowY) + ", dragDistance : " + mDragDistance); 
            onDragComplete(view); 
          }else if (mStartY - nowY > 0 && mStartY - nowY < mDragDistance ){ 
            mParams.bottomMargin = viewOriginMargin; 
            view.setLayoutParams(mParams); 
            onDragRebound(view); 
          } 
        }else if (mDragDirection == DIRECTION_DOWN){ 
          if (isTouched && nowY - mStartY > mDragDistance){ 
            onDragComplete(view); 
          }else if ( nowY - mStartY > 0 && nowY - mStartY < mDragDistance ){ 
            mParams.topMargin = viewOriginMargin; 
            view.setLayoutParams(mParams); 
            onDragRebound(view); 
          } 
        }else if (mDragDirection == DIRECTION_LEFT){ 
          if (isTouched && mStartX - nowX > mDragDistance){ 
            onDragComplete(view); 
          }else if ( mStartX - nowX > 0 && mStartX - nowX < mDragDistance ){ 
            mParams.rightMargin = viewOriginMargin; 
            view.setLayoutParams(mParams); 
            onDragRebound(view); 
          } 
        }else if (mDragDirection == DIRECTION_RIGHT){ 
          if (isTouched && nowX - mStartX > mDragDistance){ 
            onDragComplete(view); 
          }else if ( nowX - mStartX > 0 && nowX - mStartX < mDragDistance ){ 
            mParams.leftMargin = viewOriginMargin; 
            view.setLayoutParams(mParams); 
            onDragRebound(view); 
          } 
        } 
        isTouched = false; 
        break; 
    } 
    return false; 
  } 
} 

在使用时继承该类, 并覆盖三个回调方法, 就可以在合适的时机得到回调。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

您可能感兴趣的文章:Android简易音乐播放器实现代码Android中activity的启动模式Android编程之ProgressBar圆形进度条颜色设置方法Android使用MediaRecorder实现录音及播放Android实现返回键操作思路Android几行代码实现监听微信聊天示例Android实现屏蔽微信拉黑和删除联系人功能示例Android ScrollView嵌套ExpandableListView显示不正常的问题的解决办法


--结束END--

本文标题: Android TouchListener实现拖拽删实例代码

本文链接: https://www.lsjlt.com/news/22309.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android中RecyclerView拖拽、侧删功能的实现代码
    废话不多说,下面展示一下效果。这是GridView主文件实现。public class GridViewActivity extends AppCompatActivity { RecyclerView mRecyclerView; L...
    99+
    2023-05-30
    android 拖拽删除 recycle
  • Javascript实现拖拽排序的代码
    运行环境:vue3.2以上,复制张贴运行即可看效果效果如下: <template> <div class="container"> <tr...
    99+
    2024-04-02
  • vue实现列表拖拽排序的示例代码
     本文主要介绍了vue实现列表拖拽排序的示例代码,具体如下: <template> <div class="test_wrapper" @drago...
    99+
    2024-04-02
  • JS 简单实现拖拽评星的示例代码
    目录一、实现效果二、总结与思考废话开篇:通过 canvas 简单拖拽评星,主要是通过个人的理解去实现这样的一个效果。 一、实现效果 html <div class="main"...
    99+
    2023-05-19
    JS 拖拽评星 JS 评星
  • 原生JS实现拖拽排序的示例代码
    目录HTML中的拖拽事件(drag & drop)Coding完整代码说到拖拽,应用场景不可谓不多。无论是打开电脑还是手机,第一眼望去的界面都是可拖拽的,靠拖拽实现...
    99+
    2022-12-08
    JS实现拖拽排序 JS拖拽排序 JS 排序
  • 基于Cesium实现拖拽3D模型的示例代码
    目录添加基站模型拖拽这个地方是想实现一个什么效果呢?就是使用 cesium 在地图上添加一个3D模型,然后实现拖拽效果。 添加基站模型 然后这篇博文介绍的主要不是添加模型,但是也简单...
    99+
    2024-04-02
  • android实现拖拽裁剪功能
    本文实例为大家分享了android拖拽框,裁剪出图片的具体代码,供大家参考,具体内容如下 import android.graphics.Bitmap; import androi...
    99+
    2024-04-02
  • Android中怎么实现条目拖拽删除功能
    本篇文章给大家分享的是有关Android中怎么实现条目拖拽删除功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。第一步效果图0自定义控件 SwipeLayout 继承Frame...
    99+
    2023-05-30
    android
  • element UI中el-dialog实现拖拽功能示例代码
    element UI中dialog组件经常会用到,如果能让其任意拖拽放到不同的位置就更好了,实现方法如下: dialogDraggable.js代码: import Vue from...
    99+
    2022-12-29
    elementui dialog可拖拽 el-dialog el-dialog可拖动拖拽功能
  • 一百多行代码实现react拖拽hooks
    前言 源码总共也就一百多行,看完这个大致可以理解一些成熟的react拖拽库的实现思路,比如react-dnd,然后你上手这些库的时候就非常快了。 使用hooks实现的大致效果动图如...
    99+
    2024-04-02
  • Android 实现仿QQ拖拽气泡效果的示例
    目录效果图:一、实现思路二、功能实现三、全屏拖拽效果实现源码地址:效果图: 一、实现思路 在列表中默认使用自定义的TextView控件来展示消息气泡,在自定义的TextView控件...
    99+
    2024-04-02
  • Android RecycleView如何实现Item拖拽效果
    这篇文章将为大家详细讲解有关Android RecycleView如何实现Item拖拽效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。基于公司产品的优化需求,其中一个需求涉及到R...
    99+
    2023-06-26
  • Android用RecyclerView实现图标拖拽排序以及增删管理
    目录1. 效果图2. 基本的功能 3. 实现的思路 1. 每个应用图标的状态用枚举Option表示2. 在处于编辑状态时创建ItemTouchHelper对象并attch到Recyc...
    99+
    2024-04-02
  • Android实现webview实例代码
    webview是一个很简单的功能,代码没有什么逻辑上的难度,只是需要注意权限上的问题。其实在安卓编程的过程当中,权限问题可以算是出现的比较多的BUG。MainActpackage com.lxq.webview01;import andro...
    99+
    2023-05-31
    android webview roi
  • vue中使用gantt-elastic实现可拖拽甘特图的示例代码
    官方例子效果图: 可以横向以及纵向鼠标拖拽表格滑动。可以手动调整列宽等功能 1、安装gantt-elastic npm install --save gantt-elastic 2...
    99+
    2024-04-02
  • vuedraggable实现拖拽功能
    本文实例为大家分享了vuedraggable实现拖拽功能的具体代码,供大家参考,具体内容如下 项目需求 简单实现一个vue拖拽小案例,右侧选项区拖拽到左侧目标区域,拖动成功的不能再...
    99+
    2024-04-02
  • Android拖拽助手ViewDragHelper的创建与使用实例
    目录前言创建实例ViewDragHelper.Callback使用总结前言 在项目中,我们经常自定义ViewGroup,有时候需要拖拽它的子View,让其运动,一般情况下如果我们手动...
    99+
    2024-04-02
  • Android利用RecyclerView实现全选、置顶和拖拽功能示例
    前言今天给大家分享是如何在RecyclerView实现全选,ItemTouchHelper实现侧滑删除,拖拽功能。比较基础。关于RecyclerView的强大,就不多说了。在Android L SDK发布的新API中最有意思的就是Recyc...
    99+
    2023-05-31
    recyclerview 全选 拖拽
  • html5如何实现拖拽
    这篇文章主要介绍了html5如何实现拖拽,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。html5实现拖拽的方法:首先新建一个空的HTML5结构;然后在body元素中放置一个d...
    99+
    2023-06-15
  • Unity UI实现拖拽旋转
    本文实例为大家分享了Unity UI实现拖拽旋转的具体代码,供大家参考,具体内容如下 跟随鼠标旋转 第一种效果是跟随鼠标旋转,原理是计算下鼠标位置与拖拽物体的相对位移 旋转方向即可 ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作