自定义控件: android中手势操作图片的平移、缩放、旋转 并保存

package com.su.testscsleimage;import android.app.Activity;import android.content.Context;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.graphics.RectF;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.util.FloatMath;import android.util.Log;import android.view.MotionEvent;import android.widget.ImageView;/** * 稍加修改 可以在xml布局中直接使用. *  * @author sfshine *  */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;private static final String TAG = "TouchImageView";int mode = NONE;boolean matrixCheck = false;int widthScreen;int heightScreen;DisplayMetrics dm;Bitmap gintama;public TouchImageView(Context context) {super(context);gintama = BitmapFactory.decodeResource(getResources(),R.drawable.ic_launcher);DisplayMetrics dm = new DisplayMetrics();((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(dm);widthScreen = dm.widthPixels;heightScreen = dm.heightPixels;matrix = new Matrix();}public TouchImageView(Context context, AttributeSet attrs) {super(context, attrs);dm = new DisplayMetrics();gintama = BitmapFactory.decodeResource(getResources(),R.drawable.ic_launcher);((Activity) context).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 void setImageResource(int res) {gintama = BitmapFactory.decodeResource(getResources(), res);center(true, true);// invalidate();}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);}/** * 横向、纵向居中 */protected void center(boolean horizontal, boolean vertical) {Matrix m = new Matrix();m.set(matrix);RectF rect = new RectF(0, 0, gintama.getWidth(), gintama.getHeight());m.mapRect(rect);float height = rect.height();float width = rect.width();float deltaX = 0, deltaY = 0;if (vertical) {// 图片小于屏幕大小，则居中显示。大于屏幕，上方留空则往上移，下方留空则往下移int screenHeight = dm.heightPixels;if (height < screenHeight) {deltaY = (screenHeight - height) / 2 - rect.top;Log.e(TAG, "" + deltaY);} else if (rect.top > 0) {deltaY = -rect.top;} else if (rect.bottom < screenHeight) {deltaY = this.getHeight() - rect.bottom;}}if (horizontal) {int screenWidth = dm.widthPixels;if (width < screenWidth) {deltaX = (screenWidth - width) / 2 - rect.left;} else if (rect.left > 0) {deltaX = -rect.left;} else if (rect.right < screenWidth) {deltaX = screenWidth - rect.right;}}matrix.postTranslate(deltaX, deltaY);}/** * 返回处理后图片的bitmap *  * @return */public Bitmap getNewBitmap() {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;}}

package com.su.testscsleimage;import java.io.File;import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.IOException;import android.app.Activity;import android.graphics.Bitmap;import android.os.Bundle;import android.util.Log;import android.view.Menu;import android.view.View;import android.widget.TextView;public class MainActivity extends Activity {private static final String TAG = "MainActivity";private TouchImageView img;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);img = (TouchImageView) findViewById(R.id.img);img.setImageResource(R.drawable.test);TextView textView = (TextView) findViewById(R.id.textView1);textView.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {saveMyBitmap(img.getNewBitmap(), "test");Log.e(TAG, "compress");}});// TouchImageView img = new TouchImageView(this);// img.setImageResource(R.drawable.test);// setContentView(img);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.activity_main, menu);return true;}public void saveMyBitmap(Bitmap bitmap, String bitName) {try {File f = new File("/sdcard/" + bitName + ".png");f.createNewFile();FileOutputStream fOut = null;fOut = new FileOutputStream(f);bitmap.compress(Bitmap.CompressFormat.PNG, 100, fOut);fOut.flush();fOut.close();} catch (IOException e) {e.printStackTrace();}}}

<FrameLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="http://schemas.android.com/apk/res/android"android:layout_gravity="center" ><com.su.testscsleimage.TouchImageViewandroid:id="@+id/img"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#FF0"android:scaleType="center" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent" ><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"android:text="TextView"android:onClick="textView1" /></RelativeLayout></FrameLayout>

资源在此 包名打错了一个字母..