android 图片随意的放大缩小拖动利用Matrix

http://www.bdqn.cn/news/201304/8794.shtml

摘要：step1:新建一个项目DragAndZoom，并准备一张照片放在res/drawable-hdpi目录下，如下图所示：

step1:新建一个项目DragAndZoom，并准备一张照片放在res/drawable-hdpi目录下，如下图所示：

  

step2: 设置应用的UI界面，在main.xml中设置：

<?xml version= "1.0"  encoding= "utf-8" ?> <LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"      android:orientation= "vertical"      android:layout_width= "fill_parent"      android:layout_height= "fill_parent"      > <ImageView       android:layout_width= "fill_parent"      android:layout_height= "wrap_content"      android:src= "@drawable/wall"      android:id= "@+id/imageView"      android:scaleType= "matrix"       />  <!-- 指定为matrix类型 --> </LinearLayout>

step3:MainActivity.java中实现具体的需求

package  cn.roco.drag;

  

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;

  

     @Override

     public  void  onCreate(Bundle savedInstanceState) {

         super .onCreate(savedInstanceState);

         setContentView(R.layout.main);

  

         imageView = (ImageView)  this .findViewById(R.id.imageView);

         imageView.setOnTouchListener( new  TouchListener());

     }

  

     private  final  class  TouchListener  implements  OnTouchListener {

          

         /** 记录是拖拉照片模式还是放大缩小照片模式 */

         private  int  mode =  0 ; // 初始状态 

         /** 拖拉照片模式 */

         private  static  final  int  MODE_DRAG =  1 ;

         /** 放大缩小照片模式 */

         private  static  final  int  MODE_ZOOM =  2 ;

          

         /** 用于记录开始时候的坐标位置 */

         private  PointF startPoint =  new  PointF();

         /** 用于记录拖拉图片移动的坐标位置 */

         private  Matrix matrix =  new  Matrix();

         /** 用于记录图片要进行拖拉时候的坐标位置 */

         private  Matrix currentMatrix =  new  Matrix();

      

         /** 两个手指的开始距离 */

         private  float startDis;

         /** 两个手指的中间点 */

         private  PointF midPoint;

  

         @Override

         public  boolean onTouch(View v, MotionEvent event) {

             /** 通过与运算保留最后八位 MotionEvent.ACTION_MASK = 255 */

             switch  (event.getAction() & MotionEvent.ACTION_MASK) {

             // 手指压下屏幕

             case  MotionEvent.ACTION_DOWN:

                 mode = MODE_DRAG;

                 // 记录ImageView当前的移动位置

                 currentMatrix. set (imageView.getImageMatrix());

                 startPoint. set (event.getX(), event.getY());

                 break ;

             // 手指在屏幕上移动，改事件会被不断触发

             case  MotionEvent.ACTION_MOVE:

                 // 拖拉图片

                 if  (mode == MODE_DRAG) {

                     float dx = event.getX() - startPoint.x;  // 得到x轴的移动距离

                     float dy = event.getY() - startPoint.y;  // 得到x轴的移动距离

                     // 在没有移动之前的位置上进行移动

                     matrix. set (currentMatrix);

                     matrix.postTranslate(dx, dy);

                 }

                 // 放大缩小图片

                 else  if  (mode == MODE_ZOOM) {

                     float endDis = distance(event); // 结束距离

                     if  (endDis > 10f) {  // 两个手指并拢在一起的时候像素大于10

                         float scale = endDis / startDis; // 得到缩放倍数

                         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 = MODE_ZOOM;

                 /** 计算两个手指间的距离 */

                 startDis = distance(event);

                 /** 计算两个手指间的中间点 */

                 if  (startDis > 10f) {  // 两个手指并拢在一起的时候像素大于10

                     midPoint = mid(event);

                     //记录当前ImageView的缩放倍数

                     currentMatrix. set (imageView.getImageMatrix());

                 }

                 break ;

             }

             imageView.setImageMatrix(matrix);

             return  true ;

         }

  

         /** 计算两个手指间的距离 */

         private  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);

         }

  

         /** 计算两个手指间的中间点 */

         private  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);

         }

  

     }

  

}

step4:AndroidMainfest.xml

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<?xml version= "1.0"  encoding= "utf-8" ?> <manifest xmlns:android= "http://schemas.android.com/apk/res/android"        package = "cn.roco.drag"        android:versionCode= "1"        android:versionName= "1.0" >      <uses-sdk android:minSdkVersion= "8"  />         <application android:icon= "@drawable/icon" android: label = "@string/app_name" >          <activity android:name= ".MainActivity"                    android: label = "@string/app_name" >              <intent-filter>                  <action android:name= "android.intent.action.MAIN"  />                  <category android:name= "android.intent.category.LAUNCHER" />              </intent-filter>          </activity>         </application> </manifest>

step5：具体的效果图

                             

上面两个是图片拖拽的效果，而图片的缩放效果要在真机中才能够看得到，请读者自己在真机环境中测试。