android缩放、移动控件

双指缩放,移动控件

Android上实现的这个功能的方法有很有，今天介绍的方法是结合Matrix、RectF，通过onDraw函数在界面上画出来的方法实现。下面介绍下我的思路：

 

先定义一些比较关键的成员变量

 

// 最大缩放比

private staticfinal float MAXSCALE = 3;

// 最小缩放比

private staticfinal float MINSCALE = 0.8f;

// 响应事件

privateLocationListener mListener;

private BitmapmBitmap;

private MatrixmMatrix;

private RectFmBitmapScaleRect;

 

一．首先在onSizeChanged方法里面计算要展示的mBitmap在view需要缩放的倍数，以及要使该图片居中展示在view中得出来的偏移值（作用于mMatrix，后面用于将图片放上去），展示宽高，从而得到在view中展示的区域mBitmapScaleRect。

 

  二．onDraw方法里面进行将图片画到画布上去，我们利用canvas.drawBitmap(mBitmap, mMatrix, paint)方法，mMatrix就指定了图片应该缩放的倍数，平移值，位置等，那么后面对图片的移动，缩放都是要作用到这个matrix上的。此外onDraw方法里面画完了当前图片的状态后，还需要对图片进行调整，因为如果图片缩放倍数太大了，我们需要进行缩小，或者图片超出了左边的区域，我们要对它进行重新居中等等，通mMatrix.mapRect(dst,mBitmapScaleRect);得到当前图片的一块区域，通过对比这块区域我们重新调整图片的位置，下面的图展示的是如何将图片进行回正：   

   三．关于触摸事件的，LocationListener继承了onTouchListener是作用于改view的touch事件的，而我们定义了了一接口ITouchEventHandler，用于当发生平移，缩放后等操作的回调，接口定义如下:

   //是否在拖动的回调
     public void dragActionCallback(boolean isDragging);
     //双指移动过程中的中点
     public void midPointCallback(float midX, float midY);
     //listener要求缩放矩阵
     public void scaleMatrix(float x, float y, floatscalex, float scaley);
     //listener要求平移矩阵
     public void translateMatrix(float offx, float offy);

 

View实现了这个接口，那么平移，缩放都将作用于mMatrix，而中心点位置的定义是针对缩放操作的，缩放时候的中心点控制是实时变化的，是根据新旧两个的中心点位置控制的，新旧中心点则是根据两指的当前的位置计算出来的。

针对android的双指操作，就算你感觉两只手是一起放下的，还是会有先后顺序，显示action_down,才是action_pointer_down，同理松手的时候也是先action_pointer_up,然后才是acion_up，但是我们可以通过pointId去判断先抬起的是index为几的手指

 

  源码下载地址，不过只有源文件，还需要自己创建一个project~ http://download.youkuaiyun.com/detail/cpq006025/5284114