Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android圖片查看器(圖片可移動、縮放)

Android圖片查看器(圖片可移動、縮放)

編輯:關於Android編程

要實現圖片在手指點擊後移動和縮放有好幾種方法,在這裡是通過onTouch來實現的。

實例代碼如下:

首先是在View中有一個ImageView



    



然後為ImageView設置onTouch點擊事件

		iv.setOnTouchListener(this);

重寫onTouch

	private PointF startPoint = new PointF();// 獲取圖片的原始坐標
	// 設置觸摸模式
	private int mode = 0, single = 1, multi = 2;// 設置點擊的模式,是單點觸摸還是多點
	private Matrix matrix = new Matrix();
	private Matrix currentMatrix = new Matrix();
	private float startDistance; // 兩點開始的距離
	private PointF midPoint; // 兩點的中心位置


	@Override
	public boolean onTouch(View v, MotionEvent event) {

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

		case MotionEvent.ACTION_DOWN:// 表示用戶開始觸摸
			mode = single;

			currentMatrix.set(iv.getImageMatrix());
			startPoint.set(event.getX(), event.getY());

			break;
		case MotionEvent.ACTION_POINTER_DOWN:// 當屏幕上已經有觸點(手指),又有一個手指按下屏幕
			mode = multi;
			startDistance = getDistance(event);
			getMidPoint(event);
			currentMatrix.set(iv.getImageMatrix());
			midPoint = getMidPoint(event);
			break;
		case MotionEvent.ACTION_MOVE:// 手指在屏幕上移動,該事件會不斷觸發
			if (mode == single) {
				float x = event.getX() - startPoint.x;
				float y = event.getY() - startPoint.y;
				matrix.set(currentMatrix);
				matrix.postTranslate(x, y);

			} else if (mode == multi) {
				float endDistance = getDistance(event);
				if (endDistance > 10f) {
					float sclace = endDistance / startDistance;
					matrix.set(currentMatrix);
					matrix.postScale(sclace, sclace, midPoint.x, midPoint.y);

				}

			}

			break;
		case MotionEvent.ACTION_UP:// 手指離開屏幕
		case MotionEvent.ACTION_POINTER_UP:// 當一個手指離開屏幕,但在屏幕上還有觸點。
			mode = 0;
			break;

		default:
			break;
		}
		iv.setImageMatrix(matrix);
		return true;
	}

在這裡mode用來判斷當前是哪種觸摸方式single代表單指操作用來移動圖片,multi代表雙指操作,用來做圖片縮放處理。

移動圖片:

currentMatrix代表點擊時圖片的當前位置

startPoint是點擊時圖片的坐標點

matrix.set(currentMatrix);matrix.postTranslate(x, y);

先獲取圖片的位置然後進行平移操作,平移的距離是手指移動的距離。

圖片縮放:

由於圖片的縮放要用兩個手指來實現,所以要用到MotionEvent.ACTION_POINTER_DOWN

startDistance是開始按下時兩個手指間的距離,

midPoint是按下時兩點間的中心,

matrix.postScale(sclace, sclace, midPoint.x, midPoint.y);這幾個參數表示X軸和y軸縮放的比例,和以那個坐標點開始縮放。

下面是getMidPointgetDistance

	private PointF getMidPoint(MotionEvent event) {
		float midx=(event.getX(0)+event.getX(1))/2;
		 float midy=(event.getY(0)+event.getY(1))/2;
		 return new PointF(midx, midy);
	}

	private float getDistance(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);
	}



  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved