Android多点触控---Matrix图片随意的放大缩小,拖动

阅读更多

 Android多点触控 Matrix图片随意的放大缩小,拖动

 

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

 

 

二、设置应用的UI界面，在main.xml中设置：

 

三、MainActivity.java中实现具体的需求

package com.example.anroidimagedragandzoom;

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;
/**
 * 枚举方式实现事件
 * @author miaowei
 *
 */
public class MainActivityEnum extends Activity{

	private enum Type{
		/**
		 * 记录是拖放照片模式还是放大缩小照片模式
		 */
		MODE,
		/**
		 * 拖放照片模式
		 */
		MODE_DRAG,
		/**
		 * 放大缩小照片模式
		 */
		MODE_ZOOM
	}
	
	private ImageView imageView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		imageView = (ImageView)findViewById(R.id.imageView);
		imageView.setOnTouchListener(touchListener);
	}
	
	
	private class MainEventEnmu extends EventInfoBase>{
		
		@Override
		public void setEvent(Enum event) {
			
			super.setEvent(event);
		}
	}
	private OnTouchListener touchListener  = new OnTouchListener() {
		/**
		 * 用于记录开始时候的坐标位置
		 */
		private PointF startPoint = new PointF();
		/**
		 * 用于记录拖拉图片移动的坐标位置
		 */
		private Matrix matrix = new Matrix();
		/**
		 * 用于记录图片要进行拖拉时候的坐标位置
		 */
		private Matrix currentMatrix = new Matrix();
		/**
		 * 两个手指的开始距离
		 */
	    private float startDis;
	    /**
	     * 两个手指的中间点
	     */
	    private PointF midPointF;
	    MainEventEnmu mainEventEnmu = new MainEventEnmu();
		@Override
		public boolean onTouch(View v, MotionEvent event) {
		
			//通过与运算保留最后八位 MotionEvent.ACTION_MASK = 255
			switch (event.getAction() & MotionEvent.ACTION_MASK) {
			//手指压下屏幕
			case MotionEvent.ACTION_DOWN:
				
				mainEventEnmu.setEvent(Type.MODE_DRAG);
				
				//记录ImageView当前的移动位置
				currentMatrix.set(imageView.getImageMatrix());
				startPoint.set(event.getX(), event.getY());
				break;
				//手指在屏幕上移动，改事件会被不断触发
			case MotionEvent.ACTION_MOVE:
				//拖拉图片
				if (mainEventEnmu.getEvent() == Type.MODE_DRAG) {
					//得到X轴的移动距离
					float dx = event.getX() - startPoint.x;
					//得到Y轴的移动距离
					float dy = event.getY() - startPoint.y;
					//在没有移动之前的位置上进行移动
					matrix.set(currentMatrix);
					matrix.postTranslate(dx, dy);
				} //放大缩小图片
				else if (mainEventEnmu.getEvent() == Type.MODE_ZOOM) {
					//结束距离
					float endDis = distance(event);
					// 两个手指并拢在一起的时候像素大于10
					if (endDis > 10f) {
						// 得到缩放倍数
						float scale = endDis / startDis;
						
						matrix.set(currentMatrix);
						matrix.postScale(scale, scale,midPointF.x,midPointF.y);
					}
				}
				break;
				// 手指离开屏幕
			case MotionEvent.ACTION_UP:
				//当触点离开屏幕，但是屏幕上还有触点(手指)，多点
			case MotionEvent.ACTION_POINTER_UP:
				mainEventEnmu.setEvent(Type.MODE);
				break;
				// 当屏幕上已经有触点(手指)，再有一个触点压下屏幕，多点
			case MotionEvent.ACTION_POINTER_DOWN:
				mainEventEnmu.setEvent(Type.MODE_ZOOM);
				/** 计算两个手指间的距离 */
				startDis = distance(event);
				// 两个手指并拢在一起的时候像素大于10
				if (startDis > 10f) {
					
					midPointF = mid(event);
					 //记录当前ImageView的缩放倍数
					currentMatrix.set(imageView.getImageMatrix());
				}
				break;
			}
			imageView.setImageMatrix(matrix);
			return true;
		}
	};
		
	/**
	 * 计算两个手指间的距离
	 * @param event
	 * @return
	 */
	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);
	}
	/**
	 * 计算两个手指间的中间点
	 * @return
	 */
	private PointF mid(MotionEvent evntEvent){
		
		float midX = (evntEvent.getX(1) + evntEvent.getX(0));
		float midY = (evntEvent.getY(1) + evntEvent.getY(0));
		
		return new PointF(midX, midY);
		
	}
	
	
}

 Activity需要实现一个OnTouchListener的方法，来设置ImageView的侦听属性，该接口位于android.view.View.OnTouchListener。

实现onTouch(View view, MotionEvent event)的方法，就可以获取触屏的感应事件了。

在该事件中，有两个参数可以用来获取对触摸的控制，这两个参数分别为：MotionEvent.getAction()和MotionEvent.ACTION_MASK，前者用于对单点触控进行操作，后者用于对多点触控进行操作，相应地，我们可以通过Android Developers’ Reference看到，对于单点触控，我们由MotionEvent.getAction()可以得到以下几种事件：ACTION_DOWN、ACTION_UP，而对于多点触控，由MotionEvent.ACTION_MASK，我们可以得到：ACTION_POINTER_DOWN、ACTION_POINTER_UP，都是MotionEvent中的常量，可以直接调用。而有些常量则是单点和多点共用的，如：ACTION_MOVE，因此在按下时，我们必须标记单点与多点触控的区别。

 

附件中有采用枚举标识实现方式

 

• 
• 大小: 22.9 KB

• 
• 大小: 49.9 KB

• AnroidImageDragAndZoom.rar (2.6 MB)
• 下载次数: 15

• 查看图片附件