[转载]Android通过手势(多点)缩放和拖拽图片

转载 2012年03月26日 01:20:17

原文地址:Android通过手势(多点)缩放和拖拽图片    作者:望夜

在MotionEvent中有两个事件值得注意一下,分别是ACTION_DOWN和ACTION_POINTER_DOWN。

       ACTION_DOWN:这个很好理解,当屏幕检测到有手指按下之后就触发到这个事件。
       ACTION_POINTER_DOWN:这个是实现多点的关键,当屏幕检测到有多个手指同时按下之后,就触发了这个事件。
通过getAction()可以获得当前屏幕的事件类型:ACTION_DOWN, ACTION_MOVE, ACTION_UP, orACTION_CANCEL。但是如果像获得如上的ACTION_POINTER_DOWN,则得和ACTION_MASK相与才能得到ACTION_POINTER_DOWN事件。

       所以我们运用一个switch-case结构就可以实现对图片进行拖拽或缩放,而缩放的只要思想是在移动的过程中计算两个点之间的距离,然后再进行缩放。

      上代码:
  1.       @Override
  2.        publicboolean onTouch(View v, MotionEvent event) {
  3.              ImageViewview = (ImageView) v;
  4.             dumpEvent(event);
  5.              // Handletouch events here...
  6.              switch(event.getAction() & MotionEvent.ACTION_MASK){
  7.              caseMotionEvent.ACTION_DOWN:
  8.                  matrix.set(view.getImageMatrix());
  9.                  savedMatrix.set(matrix);
  10.                  start.set(event.getX(), event.getY());
  11.                   //Log.d(TAG,"mode=DRAG");
  12.                   mode =DRAG;
  13.                   //Log.d(TAG,"mode=NONE");
  14.                  break;
  15.              caseMotionEvent.ACTION_POINTER_DOWN:
  16.                   oldDist =spacing(event);
  17.                   //Log.d(TAG,"oldDist=" + oldDist);
  18.                   if (oldDist> 10f) {
  19.                        savedMatrix.set(matrix);
  20.                        midPoint(mid,event);
  21.                        mode =ZOOM;
  22.                        //Log.d(TAG,"mode=ZOOM");
  23.                   }//ACTION_DOWN, ACTION_MOVE, ACTION_UP, or ACTION_CANCEL.
  24.                  break;
  25.              caseMotionEvent.ACTION_UP:
  26.              caseMotionEvent.ACTION_POINTER_UP:
  27.                   mode =NONE;
  28.                  break;
  29.              caseMotionEvent.ACTION_MOVE:
  30.                   if (mode ==DRAG) {
  31.                        //...
  32.                        matrix.set(savedMatrix);
  33.                        matrix.postTranslate(event.getX()- start.x, event.getY()
  34.                                   -start.y);
  35.                   } else if(mode == ZOOM) {
  36.                        float newDist= spacing(event);
  37.                        //Log.d(TAG,"newDist=" + newDist);
  38.                        if (newDist> 10f) {
  39.                             matrix.set(savedMatrix);
  40.                              float scale= newDist / oldDist;
  41.                             matrix.postScale(scale, scale, mid.x, mid.y);
  42.                        }
  43.                   }
  44.                  break;
  45.             }

  46.             view.setImageMatrix(matrix);
  47.              returntrue; // indicate event was handled
  48.        }

  49.        private voiddumpEvent(MotionEvent event) {
  50.              Stringnames[] = { "DOWN", "UP", "MOVE", "CANCEL", "OUTSIDE",
  51.                        "POINTER_DOWN","POINTER_UP", "7?", "8?", "9?" };
  52.             StringBuilder sb = new StringBuilder();
  53.              int action= event.getAction();
  54.              intactionCode = action &MotionEvent.ACTION_MASK;
  55.             sb.append("event ACTION_").append(names[actionCode]);
  56.              if(actionCode == MotionEvent.ACTION_POINTER_DOWN
  57.                        || actionCode== MotionEvent.ACTION_POINTER_UP) {
  58.                  sb.append("(pid ").append(
  59.                              action>>MotionEvent.ACTION_POINTER_ID_SHIFT);
  60.                  sb.append(")");
  61.             }
  62.             sb.append("[");
  63.              for (int i= 0; i < event.getPointerCount(); i++) {
  64.                  sb.append("#").append(i);
  65.                  sb.append("(pid").append(event.getPointerId(i));
  66.                  sb.append(")=").append((int)event.getX(i));
  67.                  sb.append(",").append((int)event.getY(i));
  68.                   if (i + 1< event.getPointerCount())
  69.                        sb.append(";");
  70.             }
  71.             sb.append("]");
  72.             //Log.d(TAG, sb.toString());
  73.        }
复制代码
求两点间距离:
  1. private float spacing(MotionEvent event) {
  2.              float x =event.getX(0) - event.getX(1);
  3.              float y =event.getY(0) - event.getY(1);
  4.              returnFloatMath.sqrt(x * x + y * y);
  5.        }
复制代码

求两点间中点:
  1.        private voidmidPoint(PointF point, MotionEvent event) {
  2.              float x =event.getX(0) + event.getX(1);

Android 手势检测实战 打造支持缩放平移的图片预览效果(上)

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/39474553,本文出自:【张鸿洋的博客】1、背景现在app中,图片预览功能肯定是...
  • lmj623565791
  • lmj623565791
  • 2014年09月25日 09:24
  • 50217

自定义View利用手势检测实现图片放大缩小

上一节我们是通过重写自定义View的onTouchEvent方法来实现我们的图片放大缩小功能的,我们也发现现在app中,图片预览功能很常见的,用户基本已经形成条件反射,看到小图,点击看大图,看到大图两...
  • xuemengrui12
  • xuemengrui12
  • 2016年05月28日 16:35
  • 1175

Android 重载ImageView 可以使用手势放大缩小拖动

一 JAVA import android.content.Context; import android.graphics.Matrix; import android.graphics.Po...
  • ikmb
  • ikmb
  • 2013年07月08日 18:44
  • 9562

javascript 手势缩放 旋转 拖动支持:hammer.js

原文: https://cdn.rawgit.com/hammerjs/hammer.js/master/tests/manual/visual.html   /*! Hammer.JS - v...
  • leinchu
  • leinchu
  • 2015年07月24日 10:43
  • 5799

Android GestureDetector手势识别与多点触控探究

参考文章: 理解Android的手势识别 Android实战之手势与多点触控探究 Android开发中实现多点触摸 Android学习指南之三十八:Android手势操作编程 Andro...
  • qingfengzaishou
  • qingfengzaishou
  • 2015年09月08日 14:41
  • 1889

Android单点触控技术,对图片进行平移,缩放,旋转操作

转载请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/42833893),请尊重他人的辛勤劳动成果,谢谢! ...
  • chengkaizone
  • chengkaizone
  • 2016年05月13日 12:05
  • 842

android 手势触发图片缩放拖动(包含缩放图片时图片的大小判断以及拖动图片时图片的边界判断)

定义ImageView,实现功能如下: 1.初始化时图片垂直居中显示,拉伸图片宽度至ImageView宽度。 2.使用两根手指放大缩小图片,可设置最大放大倍数,当图片小于ImageView宽度时,...
  • nangongyanya
  • nangongyanya
  • 2016年02月19日 14:05
  • 3266

Android通过手势(多点)缩放和拖拽图片

在MotionEvent中有两个事件值得注意一下,分别是ACTION_DOWN和ACTION_POINTER_DOWN。          ACTION_DOWN:这个很好理解,当屏幕检测到有手指按...
  • xiaoluoli88
  • xiaoluoli88
  • 2013年10月06日 14:19
  • 572

Android之——根据手势简单缩放图片

很久没有发表关于Android的文章了,今天,给大家带来一篇如何根据手势简单缩放图片的文章。 一、原理 老样子,我们还是先讲讲原理性的东东,很简单,当手指触摸屏幕图片时,记录下当时手指的坐标点;手指滑...
  • l1028386804
  • l1028386804
  • 2015年11月26日 22:38
  • 2625

Android ImageView手势缩放完整的实现

已经有很多开源的缩放控件了,实际做项目没有必要重复造轮子,但对于学习来说自己亲自实现一个缩放的ImageView是大有益处的。...
  • qq402335257
  • qq402335257
  • 2016年05月10日 17:32
  • 1811
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[转载]Android通过手势(多点)缩放和拖拽图片
举报原因:
原因补充:

(最多只允许输入30个字)