android 手势旋转,android中手势操作图片的平移、缩放、旋转

在网上搜到很多都是一样的版本,只有平移和缩放的功能。我在搜到的源代码基础上添加了旋转和边界检查的功能。

代码主要分两部分,一个activity一个view,代码如下:

[java]

package com.example.touch;

import android.app.Activity;

import android.os.Bundle;

public class TouchImageViewActivity extends Activity {

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

TouchImageView img = new TouchImageView(this);

setContentView(img);

}

}

[java]

package com.example.touch;

import android.graphics.Bitmap;

import android.graphics.Bitmap.Config;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Matrix;

import android.graphics.PointF;

import android.util.DisplayMetrics;

import android.util.FloatMath;

import android.view.MotionEvent;

import android.widget.ImageView;

public class TouchImageView extends ImageView {

float x_down = 0;

float y_down = 0;

PointF start = new PointF();

PointF mid = new PointF();

float oldDist = 1f;

float oldRotation = 0;

Matrix matrix = new Matrix();

Matrix matrix1 = new Matrix();

Matrix savedMatrix = new Matrix();

private static final int NONE = 0;

private static final int DRAG = 1;

private static final int ZOOM = 2;

int mode = NONE;

boolean matrixCheck = false;

int widthScreen;

int heightScreen;

Bitmap gintama;

public TouchImageView(TouchImageViewActivity activity) {

super(activity);

gintama = BitmapFactory.decodeResource(getResources(),

R.drawable.gintama);

DisplayMetrics dm = new DisplayMetrics();

activity.getWindowManager().getDefaultDisplay().getMetrics(dm);

widthScreen = dm.widthPixels;

heightScreen = dm.heightPixels;

matrix = new Matrix();

}

protected void onDraw(Canvas canvas) {

canvas.save();

canvas.drawBitmap(gintama, matrix, null);

canvas.restore();

}

public boolean onTouchEvent(MotionEvent event) {

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

case MotionEvent.ACTION_DOWN:

mode = DRAG;

x_down = event.getX();

y_down = event.getY();

savedMatrix.set(matrix);

break;

case MotionEvent.ACTION_POINTER_DOWN:

mode = ZOOM;

oldDist = spacing(event);

oldRotation = rotation(event);

savedMatrix.set(matrix);

midPoint(mid, event);

break;

case MotionEvent.ACTION_MOVE:

if (mode == ZOOM) {

matrix1.set(savedMatrix);

float rotation = rotation(event) - oldRotation;

float newDist = spacing(event);

float scale = newDist / oldDist;

matrix1.postScale(scale, scale, mid.x, mid.y);// 縮放

matrix1.postRotate(rotation, mid.x, mid.y);// 旋轉

matrixCheck = matrixCheck();

if (matrixCheck == false) {

matrix.set(matrix1);

invalidate();

}

} else if (mode == DRAG) {

matrix1.set(savedMatrix);

matrix1.postTranslate(event.getX() - x_down, event.getY()

- y_down);// 平移

matrixCheck = matrixCheck();

matrixCheck = matrixCheck();

if (matrixCheck == false) {

matrix.set(matrix1);

invalidate();

}

}

break;

case MotionEvent.ACTION_UP:

case MotionEvent.ACTION_POINTER_UP:

mode = NONE;

break;

}

return true;

}

private boolean matrixCheck() {

float[] f = new float[9];

matrix1.getValues(f);

// 图片4个顶点的坐标

float x1 = f[0] * 0 + f[1] * 0 + f[2];

float y1 = f[3] * 0 + f[4] * 0 + f[5];

float x2 = f[0] * gintama.getWidth() + f[1] * 0 + f[2];

float y2 = f[3] * gintama.getWidth() + f[4] * 0 + f[5];

float x3 = f[0] * 0 + f[1] * gintama.getHeight() + f[2];

float y3 = f[3] * 0 + f[4] * gintama.getHeight() + f[5];

float x4 = f[0] * gintama.getWidth() + f[1] * gintama.getHeight() +

f[2];

float y4 = f[3] * gintama.getWidth() + f[4] * gintama.getHeight() +

f[5];

// 图片现宽度

double width = Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 -

y2));

// 缩放比率判断

if (width < widthScreen / 3 || width > widthScreen * 3)

{

return true;

}

// 出界判断

if ((x1 < widthScreen / 3 && x2 < widthScreen /

3

&& x3 < widthScreen / 3 && x4 < widthScreen /

3)

|| (x1 > widthScreen * 2 / 3 && x2 > widthScreen * 2

/ 3

&& x3 > widthScreen * 2 / 3 && x4 >

widthScreen * 2 / 3)

|| (y1 < heightScreen / 3 && y2 < heightScreen /

3

&& y3 < heightScreen / 3 && y4 < heightScreen

/ 3)

|| (y1 > heightScreen * 2 / 3 && y2 > heightScreen *

2 / 3

&& y3 > heightScreen * 2 / 3 && y4 >

heightScreen * 2 / 3)) {

return true;

}

return false;

}

// 触碰两点间距离

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);

}

// 取旋转角度

private float rotation(MotionEvent event) {

double delta_x = (event.getX(0) - event.getX(1));

double delta_y = (event.getY(0) - event.getY(1));

double radians = Math.atan2(delta_y, delta_x);

return (float) Math.toDegrees(radians);

}

// 将移动,缩放以及旋转后的图层保存为新图片

// 本例中沒有用到該方法,需要保存圖片的可以參考

public Bitmap CreatNewPhoto() {

Bitmap bitmap = Bitmap.createBitmap(widthScreen,

heightScreen,

Config.ARGB_8888); // 背景图片

Canvas canvas = new Canvas(bitmap); // 新建画布

canvas.drawBitmap(gintama, matrix, null); // 画图片

canvas.save(Canvas.ALL_SAVE_FLAG); // 保存画布

canvas.restore();

return bitmap;

}

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Android 应用程序实现手势缩放图片,您可以使用 Android 框架提供的 GestureDetector 和 ScaleGestureDetector 类。下面是一些实现步骤: 1. 在布局文件添加一个 ImageView,用于显示图片。 2. 在 Activity 获取 ImageView 的引用,并创建 GestureDetector 和 ScaleGestureDetector 对象。 3. 在 ImageView 上注册触摸事件监听器,并在监听器处理手势事件。具体来说,您需要实现以下方法: a. onTouchEvent(MotionEvent event):在此方法,您需要将 MotionEvent 对象传递给 GestureDetector 和 ScaleGestureDetector 对象,并根据手势类型调用相应的方法。 b. onDown(MotionEvent event):在此方法,您需要返回 true,以指示您要处理后续的事件。 c. onScroll(MotionEvent event1, MotionEvent event2, float distanceX, float distanceY):在此方法,您需要计算手势滑动的距离,并将其应用于 ImageView 的 Matrix 变换矩阵,以实现平移效果。 d. onScale(ScaleGestureDetector detector):在此方法,您需要获取手势缩放的比例因子,并将其应用于 ImageView 的 Matrix 变换矩阵,以实现缩放效果。 e. onScaleBegin(ScaleGestureDetector detector):在此方法,您需要返回 true,以指示您要处理后续的事件。 f. onScaleEnd(ScaleGestureDetector detector):在此方法,您可以执行任何必要的清理操作。 4. 最后,您需要在 Activity 的 onCreate() 方法启用 ImageView 的手势支持。具体来说,您需要调用以下方法: a. setClickable(true):启用 ImageView 的点击事件。 b. setScaleType(ImageView.ScaleType.MATRIX):设置 ImageView 的缩放类型为 Matrix。 c. setOnTouchListener(listener):为 ImageView 注册触摸事件监听器。 以上是手势缩放图片的基本实现步骤,您可以根据自己的需求进行相应的修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值