android 可捏合图表,Android 系列 5.14使用捏合缩放

5.14使用捏合缩放

问题

您想要使用触摸功能更改屏幕上查看的图像的位置，并对放大和缩小操作使用收合和收合移动。

解

将图像缩放为矩阵以对其应用变换，以显示不同的视觉效果。

讨论

首先，在main.xml中的FrameLayout中添加一个简单的ImageView，如下面的代码所示：

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:src="@drawable/nature"

android:scaleType="matrix" >

示例5-22将ImageView缩放为矩阵，以对其应用变换。

实例5-22。 使用缩放触摸侦听器

import android.app.Activity;

import android.graphics.Bitmap;

import android.graphics.Matrix;

import android.graphics.PointF;

import android.os.Bundle;

import android.util.FloatMath;

import android.util.Log;

import android.view.MotionEvent;

import android.view.View;

import android.view.View.OnTouchListener;

import android.widget.GridView;

import android.widget.ImageView;

public class Touch extends Activity implements OnTouchListener {

private static final String TAG = "Touch";

// These matrixes will be used to move and zoom image

Matrix matrix = new Matrix();

Matrix savedMatrix = new Matrix();

// We can be in one of these 3 states

static final int NONE = 0;

static final int DRAG = 1;

static final int ZOOM = 2;

int mode = NONE;

// Remember some things for zooming

PointF start = new PointF();

PointF mid = new PointF();

float oldDist = 1f;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

ImageView view = (ImageView) findViewById(R.id.imageView);

view.setScaleType(ImageView.ScaleType.FIT_CENTER); // make the image fit to the center.

view.setOnTouchListener(this);

}

public boolean onTouch(View v, MotionEvent event) {

ImageView view = (ImageView) v;

// make the image scalable as a matrix

view.setScaleType(ImageView.ScaleType.MATRIX);

float scale;

// Handle touch events here...

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

case MotionEvent.ACTION_DOWN: //first finger down only

savedMatrix.set(matrix);

start.set(event.getX(), event.getY());

Log.d(TAG, "mode=DRAG" );

mode = DRAG;

break;

case MotionEvent.ACTION_UP: //first finger lifted

case MotionEvent.ACTION_POINTER_UP: //second finger lifted

mode = NONE;

Log.d(TAG, "mode=NONE" );

break;

case MotionEvent.ACTION_POINTER_DOWN: //second finger down

// calculates the distance between two points where user touched.

oldDist = spacing(event);

Log.d(TAG, "oldDist=" + oldDist);

// minimal distance between both the fingers

if (oldDist > 5f) {

savedMatrix.set(matrix);

// sets the mid-point of the straight line between two points where user touched.

midPoint(mid, event);

mode = ZOOM;

Log.d(TAG, "mode=ZOOM" );

}

break;

case MotionEvent.ACTION_MOVE:

if (mode == DRAG)

{ //movement of first finger

matrix.set(savedMatrix);

if (view.getLeft() >= -392) {

matrix.postTranslate(event.getX() - start.x, event.getY() - start.y);

}

}

else if (mode == ZOOM) { //pinch zooming

float newDist = spacing(event);

Log.d(TAG, "newDist=" + newDist);

if (newDist > 5f) {

matrix.set(savedMatrix);

//thinking I need to play around with this value to limit it**

scale = newDist/oldDist;

matrix.postScale(scale, scale, mid.x, mid.y);

}

}

break;

}

// Perform the transformation

view.setImageMatrix(matrix);

return true; // indicate event was handled

}

private float spacing(MotionEvent event) {

float x = event.getX(0) - event.getX(1);

float y = event.getY(0) - event.getY(1);

return FloatMath.sqrt(x * x + y * y);

}

private void midPoint(PointF point, MotionEvent event) {

float x = event.getX(0) + event.getX(1);

float y = event.getY(0) + event.getY(1);

point.set(x / 2, y / 2);

}

}