Android多點觸控縮放拖拽執行個體，android觸控

Android多點觸控縮放拖拽執行個體，android觸控
在Android上查看圖片或者瀏覽網頁時，我們往往有把圖片或者網頁放大或者縮小的的需求，這樣就能夠獲得更多的細節資訊
或者獲得更多的全貌資訊，多點觸摸與綻放功能正是滿足這種應用情境的技術。

下面通過一個例子來學習實現圖片的拖拉功能：

程式運行：1.初始化介面  2.為縮小的介面  3.為放大的介面

          

建立一個名稱為DragAndDrop的Android工程，目錄結構如下：

主介面的activity_layout.xml的布局代碼如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    >    <ImageView         android:id="@+id/show_img"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:scaleType="matrix"        android:src="@drawable/s001"        android:background="#ff0000"        android:contentDescription="@string/app_name"/></RelativeLayout>

讀者需要注意的是我們的ImageView的控制方式設定成了matrix這樣就可以在代碼中非常方便的對圖片進行控制了。

我們把一張圖片（大小超過手機螢幕）的圖片放在drawable-mdpi檔案中。

圖片資源如下：

MainActivity.java的代碼如下：

package com.shen.draganddrop;import android.app.Activity;import android.graphics.Matrix;import android.graphics.PointF;import android.os.Bundle;import android.util.Log;import android.view.Menu;import android.view.MenuItem;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;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);imageView = (ImageView) findViewById(R.id.show_img);imageView.setOnTouchListener(new ImageTouchListener());}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}@Overridepublic boolean onOptionsItemSelected(MenuItem item) {// Handle action bar item clicks here. The action bar will// automatically handle clicks on the Home/Up button, so long// as you specify a parent activity in AndroidManifest.xml.int id = item.getItemId();if (id == R.id.action_settings) {return true;}return super.onOptionsItemSelected(item);}private class ImageTouchListener implements OnTouchListener{//聲明一個座標點private PointF startPoint;//聲明並執行個體化一個Matrix來控製圖片private Matrix matrix = new Matrix();//聲明並執行個體化當前圖片的Matrixprivate Matrix mCurrentMatrix = new Matrix();//縮放時初始的距離private float startDistance;//拖拉的標記private static final int DRAG = 1;//縮放的標記private static final int ZOOM = 2;//標識記錄private int mode;//縮放的中間點private PointF midPoint;@Overridepublic boolean onTouch(View v, MotionEvent event) {switch (event.getAction()&MotionEvent.ACTION_MASK) {case MotionEvent.ACTION_DOWN:System.out.println("ACTION_DOWN");Log.w("Drag", "ACTION_DOWN");//此時處於拖拉方式下mode = DRAG;//獲得當前按下點的座標startPoint = new PointF(event.getX(),event.getY());//把當前圖片的Matrix設定為按片的MatrixmCurrentMatrix.set(imageView.getImageMatrix());break;case MotionEvent.ACTION_MOVE:Log.w("Drag", "ACTION_MOVE");//根據不同的模式執行相應的縮放或者拖拉操作switch (mode) {case DRAG://移動的x座標的距離float dx = event.getX() - startPoint.x;//移動的y座標的距離float dy = event.getY() - startPoint.y;//設定Matrix當前的matrixmatrix.set(mCurrentMatrix);//告訴matrix要移動的x軸和Y軸的距離matrix.postTranslate(dx, dy);break;case ZOOM://計算縮放的距離float endDistance = distance(event);//計算縮放比率float scale = endDistance / startDistance;//設定當前的Matrixmatrix.set(mCurrentMatrix);//設定縮放的參數matrix.postScale(scale, scale, midPoint.x, midPoint.y);break;default:break;}break;//已經有一個手指按住螢幕，再有一個手指按下螢幕就會觸發該事件case MotionEvent.ACTION_POINTER_DOWN:Log.w("Drag", "ACTION_POINTER_DOWN");//此時為縮放模式mode = ZOOM;//計算開始時兩個點的距離startDistance = distance(event);//當兩個點的距離大於10時才進行縮放操作if(startDistance > 10){//計算中間點midPoint = mid(event);//得到進行縮放操作之前，照片的綻放倍數mCurrentMatrix.set(imageView.getImageMatrix());}break;//已經有一個手指離開螢幕，還有手指在螢幕上時就會觸發該事件case MotionEvent.ACTION_POINTER_UP:Log.w("Drag", "ACTION_POINTER_UP");mode = 0;break;case MotionEvent.ACTION_UP:Log.w("Drag", "ACTION_UP");mode = 0;break;default:break;}//按照Matrix的要求移動圖片到某一個位置imageView.setImageMatrix(matrix);//返回true表明我們會消費該動作，不需要父控制項進行進一步的處理return true;}}public static float distance(MotionEvent event){float dx = event.getX(1) - event.getX(0);float dy = event.getY(1) - event.getY(0);return (float) Math.sqrt(dx*dx + dy*dy);}public static PointF mid(MotionEvent event){float x = (event.getX(1) - event.getX(0)) /2;float y = (event.getY(1) - event.getY(0)) /2;return new PointF(x,y);}}

代碼中都有注釋在此就不詳述了！

程式源碼下載

http://download.csdn.net/detail/cqtddt/8308631