Android实现手指触控图片缩放功能

Android实现手指触控图片缩放功能,第1张

概述这次记录的是实现Android图片两手触控缩放功能。编译环境:eclipseAndroid版本4.0

这次记录的是实现AndroID图片两手触控缩放的功能。

编译环境:eclipse
AndroID版本4.0

创建工程过程略

实现图片在页面两手触控缩放

原理图---图片缩放

两手拉开图片变大,两手合拢图片缩小,根据两手的移动距离来判断图片放大和缩小的倍数,两手的移动距离计算方法如下:

两手不管是正着还是斜着拉伸,用勾股定理都能计算出两点的距离。

除此之外,还要确定两个手位置的中心点,图片以这个中心点为参照进行放大和缩小:

计算两点之间的中心点的方法是,点1距原点位置X1(或者Y1)加上点2距原点位置X2(或者Y2),和除以2即可:
X0=(X1+X2)/2; Y0=(Y1+Y2)/2; 

实现图片在页面内的触控缩放(还有拖拉功能,是以前写的)
main.xml:

<linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"   xmlns:tools="http://schemas.androID.com/tools"   androID:orIEntation="vertical"   androID:layout_wIDth="fill_parent"   androID:layout_height="fill_parent"   tools:context="com.example.dragscale.MainActivity" >    <!--scaleType="matrix"采用矩阵来实现图片的拖拉和放大-->   <ImageVIEw     androID:layout_wIDth="fill_parent"     androID:layout_height="fill_parent"     androID:src="@drawable/keep"     androID:scaleType="matrix"     androID:ID="@+ID/image"/>  </linearLayout> 

MainActivity.java:

package com.example.dragscale;  import androID.app.Activity; import androID.graphics.Matrix; import androID.graphics.PointF; import androID.os.Bundle; import androID.util.floatMath; import androID.vIEw.MotionEvent; import androID.vIEw.VIEw; import androID.vIEw.VIEw.OntouchListener; import androID.Widget.ImageVIEw;  public class MainActivity extends Activity {  private ImageVIEw imageVIEw;  protected voID onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentVIEw(R.layout.activity_main);    imageVIEw=(ImageVIEw)this.findVIEwByID(R.ID.image);     //添加触摸监听对象(控件被触摸就会触发touchListener类)  imageVIEw.setontouchListener(new touchListener());  }   private final class touchListener implements OntouchListener{  private PointF startPoint= new PointF();//PointF(浮点对)  private Matrix matrix=new Matrix();//矩阵对象  private Matrix currentMatrix=new Matrix();//存放照片当前的矩阵  private int mode=0;//确定是放大还是缩小  private static final int DRAG=1;//拖拉模式  private static final int ZOOM=2;//缩放模式  private float startdis;//开始距离  private PointF mIDPoint;//中心点      //参数1:用户触摸的控件;参数2:用户触摸所产生的事件  public boolean ontouch(VIEw v,MotionEvent event) {   //判断事件的类型   //得到低八位才能获取动作,所以要屏蔽高八位(通过与运算&255)   //ACTION_MASK就是一个常量,代表255   switch (event.getAction()&MotionEvent.ACTION_MASK) {   case MotionEvent.ACTION_DOWN://手指下压   mode=DRAG;   currentMatrix.set(imageVIEw.getimageMatrix());//记录ImageVIEw当前的移动位置   startPoint.set(event.getX(),event.getY());   break;   case MotionEvent.ACTION_MOVE://手指在屏幕移动,改事件会不断被调用   if(mode==DRAG){//拖拉模式    float dx=event.getX()-startPoint.x;//得到在x轴的移动距离    float dy=event.getY()-startPoint.y;//得到在y轴的移动距离    matrix.set(currentMatrix);//在没有进行移动之前的位置基础上进行移动    //实现位置的移动    matrix.postTranslate(dx,dy);   }else if(mode==ZOOM){//缩放模式    float enddis=distance(event);//结束距离    if(enddis>10f){//防止不规则手指触碰     //结束距离除以开始距离得到缩放倍数     float scale=enddis/startdis;     //通过矩阵实现缩放     //参数:1.2.指定在xy轴的放大倍数;3,4以哪个参考点进行缩放     //开始的参考点以两个触摸点的中心为准     matrix.set(currentMatrix);//在没有进行缩放之前的基础上进行缩放     matrix.postscale(scale,scale,mIDPoint.x,mIDPoint.y);    }       }      break;   case MotionEvent.ACTION_UP://手指离开屏幕   case MotionEvent.ACTION_POINTER_UP://当屏幕上已经有手指离开屏幕,屏幕上还有一个手指,就会触发这个事件   mode=0;   break;   case MotionEvent.ACTION_POINTER_DOWN://当屏幕上已经有触点(手指),再有一个手指按下屏幕,就会触发这个事件   mode=ZOOM;   startdis=distance(event);   if(startdis>10f){//防止不规则手指触碰    mIDPoint=mID(event);    currentMatrix.set(imageVIEw.getimageMatrix());//记录ImageVIEw当前的缩放倍数   }   break;      default:   break;   }   //将imageVIEw的矩阵位置改变   imageVIEw.setimageMatrix(matrix);   return true;  }    }  //计算两点之间的距离(勾股定理)  public float distance(MotionEvent event) {   float dx=event.getX(1)-event.getX(0);   float dy=event.getY(1)-event.getY(0);   return floatMath.sqrt(dx*dx+dy*dy);  }    //计算两个点的中心点  public static PointF mID(MotionEvent event){   float mIDx=(event.getX(1)+event.getX(0))/2;   float mIDy=(event.getY(1)+event.getY(0))/2;   return new PointF(mIDx,mIDy);  } } 

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

总结

以上是内存溢出为你收集整理的Android实现手指触控图片缩放功能全部内容,希望文章能够帮你解决Android实现手指触控图片缩放功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1143218.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存