前言:当今的手机都支持多点触控功能(可以进行图片伸缩,变换位置),但是我们程序员要怎样结合硬件去实现这个功能呢?

跟随我一起,来学习这个功能

国际惯例:先上DEMO免费下载地址:http://download.csdn.net/detail/cnwutianhao/9443667

示例图片:

我是用Genymotion录制的,没有真机上多点触控显示的效果那么好,大家在真机上跑程序,会体会到多点触控功能。(注:Genymotion多点触控快捷键是 ctrl+鼠标指针上下拖动)

具体代码实现:


布局文件 activtiy_main.xml

     <?xml version="1.0" encoding="utf-8"?>
     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:tools="http://schemas.android.com/tools"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         tools:context="com.cnwuth.mutiltouch.MainActivity">  

         <ImageView
             android:id="@+id/iv"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:scaleType="matrix"
             android:src="@mipmap/ic_launcher"/>  

     </RelativeLayout>  

MainActivity.java

     package com.cnwuth.mutiltouch;  

     import android.graphics.Matrix;
     import android.graphics.PointF;
     import android.support.v7.app.AppCompatActivity;
     import android.os.Bundle;
     import android.view.MotionEvent;
     import android.view.View;
     import android.widget.ImageView;  

     public class MainActivity extends AppCompatActivity implements View.OnTouchListener{  

         private ImageView mImageView;  

         //缩放控制
         private Matrix mMatrix = new Matrix();
         private Matrix savedMatrix = new Matrix();  

         //不同状态的表示
         private static final int NONE = 0;
         private static final int DRAG = 1;
         private static final int ZOOM = 2;
         private int mode = NONE;  

         //定义第一个按下的点,两只接触点的重点,以及出事的两指按下的距离:
         private PointF startPoint = new PointF();
         private PointF midPoint = new PointF();
         private float oriDis = 1f;  

         @Override
         protected void onCreate(Bundle savedInstanceState) {
             super.onCreate(savedInstanceState);
             setContentView(R.layout.activity_main);
             mImageView = (ImageView) findViewById(R.id.iv);
             mImageView.setOnTouchListener(this);
         }  

         @Override
         public boolean onTouch(View v, MotionEvent event) {
             ImageView view = (ImageView) v;
             switch (event.getAction() & MotionEvent.ACTION_MASK)
             {
                 //单指
                 case MotionEvent.ACTION_DOWN:
                     mMatrix.set(view.getImageMatrix());
                     savedMatrix.set(mMatrix);
                     startPoint.set(event.getX(),event.getY());
                     mode = DRAG;
                     break;
                 //双指
                 case MotionEvent.ACTION_POINTER_DOWN:
                     oriDis = distance(event);
                     if (oriDis > 10f)
                     {
                         savedMatrix.set(mMatrix);
                         midPoint = middle(event);
                         mode = ZOOM;
                     }
                     break;
                 //手指放开
                 case MotionEvent.ACTION_UP:
                 case MotionEvent.ACTION_POINTER_UP:
                     mode = NONE;
                     break;
                 //单指滑动事件
                 case MotionEvent.ACTION_MOVE:
                     if (mode == DRAG)
                     {
                         //是一个手指拖动
                         mMatrix.set(savedMatrix);
                         mMatrix.postTranslate(event.getX() - startPoint.x , event.getY() - startPoint.y);
                     }
                     else if (mode == ZOOM)
                     {
                         //两个手指滑动
                         float newDist = distance(event);
                         if (newDist > 10f)
                         {
                             mMatrix.set(savedMatrix);
                             float scale = newDist / oriDis;
                             mMatrix.postScale(scale , scale , midPoint.x , midPoint.y);
                         }
                     }
                     break;
             }
             //设置ImageView的Matrix
             view.setImageMatrix(mMatrix);
             return true;
         }  

         //计算两个触摸点之间的距离
         private float distance(MotionEvent event) {
             float x = event.getX(0) - event.getX(1);
             float y = event.getY(0) - event.getY(1);
             return (float) Math.sqrt(x * x + y * y);
         }  

         //计算两个触摸点的中点
         private PointF middle(MotionEvent event){
             float x = event.getX(0) + event.getX(1);
             float y = event.getY(0) + event.getY(1);
             return new PointF(x / 2 , y / 2);
         }
     }  

(注:环境需要在Android Studio下运行,并且SDK更新到最新,否则会出现报错)

关注我的最新动态;新浪微博 @吴天昊TnnoWu        地址:weibo.com/cnwutianhao

MultiTouch————多点触控,伸缩图片,变换图片位置的更多相关文章

  1. Android多点触控(图片的缩放Demo)

    本文主要介绍Android的多点触控,使用了一个图片缩放的实例,来更好的说明其原理.须要实现OnTouchListener接口,重写当中的onTouch方法. 实现效果图:       源码: 布局文 ...

  2. Android多点触控技术,实现对图片的放大缩小平移,惯性滑动等功能

    首先推荐一下鸿洋大大的打造个性的图片预览与多点触控视频教程,这套教程教我们一步一步实现了多点触控实现对图片的平移和缩放的功能.这篇文章我将在鸿洋大大的基础之上做了一些扩展功能: 1.图片的惯性滑动 2 ...

  3. 【WPF学习】第十八章 多点触控输入

    多点触控(multi-touch)是通过触摸屏幕与应用程序进行交互的一种方式.多点触控输入和更传统的基于笔(pen-based)的输入的区别是多点触控识别手势(gesture)——用户可移动多根手指以 ...

  4. Android多点触控技术实战,自由地对图片进行缩放和移动

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/11100327 在上一篇文章中我带着大家一起实现了Android瀑布流照片墙的效果, ...

  5. (一)自定义ImageView,初步实现多点触控、自由缩放

    真心佩服那些一直专注于技术共享的大神们,正是因为他们无私的分享精神,我才能每天都有进步.近日又算是仔细学了android的自定义控件技术,跟着大神的脚步实现了一个自定义的ImageView.里面涉及到 ...

  6. Android多点触控技术

    1 简介 Android多点触控在本质上需要LCD驱动和程序本身设计上支持,目前市面上HTC.Motorola和Samsung等知名厂商只要使用电容屏触控原理的手机均可以支持多点触控Multitouc ...

  7. Android 多点触控与简单手势(一)

    现在一般的Android手机都会使用电容触摸屏最少可以支持两点触摸,多的可能是七八个,所以基本上都会支持多点触控, android系统中应用程序可以使用多点触控的事件来完成各种手势和场景需求. And ...

  8. (干货) Android实现ImageVIew多点触控及双击缩放

    支持多点触控,放大自由移动,双击可以放大缩小.直接上代码: package com.cbt.view; import android.content.Context; import android.g ...

  9. (五)多点触控之兼容ViewPager

    在上一篇文章中,自定义的ZoomImageView已经实现了自由缩放,自由移动以及双击放大与缩小的功能.已经可以投入使用这个控件了.下面我们就在ViewPager中使用这个控件.如果你还没读过上一篇文 ...

随机推荐

  1. 在Windows上运行Tomcat

    一.下载jdk 百度搜索jdk 64位 下载,直接就有链接.或者官网下载 二.下载tomcat http://tomcat.apache.org/ 三.安装jdk并配置环境 安装jdk后进入控制面板- ...

  2. nginx反向代理编译异常

    cc1: warnings being treated as errors /root/nginx_tcp_proxy_module/ngx_tcp.c: 在函数‘ngx_tcp_add_addrs’ ...

  3. HDOJ 4508 湫湫系列故事——减肥记I (完全背包带优化)

    完全背包的模版题.. 加了一个小优化  n^2的写法 O(V+N)在本题中复杂度较高 不采纳 完全背包问题有一个很简单有效的优化,是这样的:若两件物品i.j满足c[i]<=c[j]且w[i]&g ...

  4. mac--有用的命令和快捷键

    有用的命令: 将man命令打开为pdf文件预览 man -t grep | open -f -a Preview 定位某文件的位置 locate htop 隐藏和显示桌面文件 chflags hidd ...

  5. 关于jquery判断对象是否为空

    1. jquery对象分为两种,一种是dom对象,dom对象会自带一个length属性,所以这种情况: obj.length == 0 可以判断对象为空 2. jquery也可以自定义对象,如 var ...

  6. 【教程】手把手教你如何利用工具(IE9的F12)去分析模拟登陆网站(百度首页)的内部逻辑过程

    [前提] 想要实现使用某种语言,比如Python,C#等,去实现模拟登陆网站的话,首先要做的事情就是使用某种工具,去分析本身使用浏览器去登陆网页的时候,其内部的执行过程,内部逻辑. 此登陆的逻辑过程, ...

  7. [Linux]CentOS下安装和使用tmux

    前天随意点开博客园,看到了一篇关于tmux的文章 Tmux - Linux从业者必备利器,特意还点进去看了.毕竟Linux对于做游戏服务端开发的我来说,太熟悉不过了.不过我就粗略地看了一眼,就关掉了. ...

  8. 1016. Phone Bills (25)

    分析: 模拟题,提交无数次WA,注意几点: 1.如果某人没有有效通话记录,则不输出该人的信息,在此WA15次,题目看了N遍也没出现啊. 2.通话时间钱的计算:假设我们计算time1到time2的账单: ...

  9. Ubuntu终端Terminal常用快捷键

    快捷键 功能 Tab 自动补全 Ctrl+a 光标移动到开始位置 Ctrl+e 光标移动到最末尾 Ctrl+k 删除此处至末尾的所有内容 Ctrl+u 删除此处至开始的所有内容 Ctrl+d 删除当前 ...

  10. php openssl 增加密钥

      生成私钥:openssl genrsa 1024 > private.key (注意,1024是密钥的长度,如果密钥较长,相应加密后的密文也会较长) 生成公钥:openssl rsa -in ...