Android之ScaleGestureDetector（缩放手势检测）

一、概述

      ScaleGestureDetector这个类是专门用来检测两个手指在屏幕上做缩放的手势用的，最简单的应用就是用来缩放图片或者缩放网页。

二、要求

     利用ScaleGestureDetector这个类实现图片缩放。

三、实现

     新建工程MyScale，修改main.xml文件，在里面添加一个Button和一个SurfaceView，如下：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  3  android:layout_width="fill_parent"  4  android:layout_height="fill_parent"  5  android:orientation="vertical" >  6  7 <Button  8 android:id="@+id/button"  9  android:layout_width="fill_parent" 10  android:layout_height="wrap_content" 11  android:text="显示图片" 12 /> 13 14 <SurfaceView 15 android:id="@+id/surfaceview" 16  android:layout_width="fill_parent" 17  android:layout_height="fill_parent" 18 /> 19 20 </LinearLayout>

修改MyScaleActivity.java文件，主要是实现按钮的监听和定义一个类实现ScaleGestureDetector.OnScaleGestureListener接口：

 

  1 package com.nan.scale;
  2 
  3 import android.app.Activity;
 4 import android.graphics.Bitmap;  5 import android.graphics.BitmapFactory;  6 import android.graphics.Canvas;  7 import android.graphics.Color;  8 import android.graphics.Matrix;  9 import android.graphics.Rect;  10 import android.os.Bundle;  11 import android.view.MotionEvent;  12 import android.view.ScaleGestureDetector;  13 import android.view.SurfaceHolder;  14 import android.view.SurfaceView;  15 import android.view.View;  16 import android.widget.Button;  17  18  19  20 public class MyScaleActivity extends Activity  21 {  22 private Button mButton = null;  23 private SurfaceView mSurfaceView = null;  24 private SurfaceHolder mSurfaceHolder = null;  25 private ScaleGestureDetector mScaleGestureDetector = null;  26 private Bitmap mBitmap = null;  27  28 /** Called when the activity is first created. */  29 @Override  30 public void onCreate(Bundle savedInstanceState)  31 {  32 super.onCreate(savedInstanceState);  33 setContentView(R.layout.main);  34  35 mSurfaceView = (SurfaceView)this.findViewById(R.id.surfaceview);  36 mSurfaceHolder = mSurfaceView.getHolder();  37 mScaleGestureDetector = new ScaleGestureDetector(this,new ScaleGestureListener());  38 mButton = (Button)this.findViewById(R.id.button);  39 //按钮监听  40 mButton.setOnClickListener(new View.OnClickListener()  41 {  42  43 @Override  44 public void onClick(View v)  45 {  46 // TODO Auto-generated method stub  47 mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.mmm);  48 //锁定整个SurfaceView  49 Canvas mCanvas = mSurfaceHolder.lockCanvas();  50 //画图  51 mCanvas.drawBitmap(mBitmap, 0f, 0f, null);  52 //绘制完成，提交修改  53 mSurfaceHolder.unlockCanvasAndPost(mCanvas);  54 //重新锁一次  55 mSurfaceHolder.lockCanvas(new Rect(0, 0, 0, 0));  56 mSurfaceHolder.unlockCanvasAndPost(mCanvas);  57 }  58 });  59  60 }  61  62 @Override  63 public boolean onTouchEvent(MotionEvent event)  64 {  65 //返回给ScaleGestureDetector来处理  66 return mScaleGestureDetector.onTouchEvent(event);  67 }  68  69  70 public class ScaleGestureListener implements ScaleGestureDetector.OnScaleGestureListener  71 {  72  73 @Override  74 public boolean onScale(ScaleGestureDetector detector)  75 {  76 // TODO Auto-generated method stub  77  78 Matrix mMatrix = new Matrix();  79 //缩放比例  80 float scale = detector.getScaleFactor()/3;  81 mMatrix.setScale(scale, scale);  82  83 //锁定整个SurfaceView  84 Canvas mCanvas = mSurfaceHolder.lockCanvas();  85 //清屏  86 mCanvas.drawColor(Color.BLACK);  87 //画缩放后的图  88 mCanvas.drawBitmap(mBitmap, mMatrix, null);  89 //绘制完成，提交修改  90 mSurfaceHolder.unlockCanvasAndPost(mCanvas);  91 //重新锁一次  92 mSurfaceHolder.lockCanvas(new Rect(0, 0, 0, 0));  93 mSurfaceHolder.unlockCanvasAndPost(mCanvas);  94  95 return false;  96 } 97 98 @Override 99 public boolean onScaleBegin(ScaleGestureDetector detector) 100 { 101 // TODO Auto-generated method stub 102 //一定要返回true才会进入onScale()这个函数 103 return true; 104 } 105 106 @Override 107 public void onScaleEnd(ScaleGestureDetector detector) 108 { 109 // TODO Auto-generated method stub 110 111 } 112 113 } 114 115 }

运行该程序：

 

点击一下“显示图片”按钮：

 

然后用两个手指缩小图片：

 

放大图片：

 

好了。可以发现，每次一开始缩放图片的时候都有一个突变，如果用来做应用的话这个程序还需要改善。

 

• 上一篇Android中使用dimen定义尺寸
• 下一篇Android中ImageSwitcher详解（注意与图片浏览器的区别）