自定义ImageView 实现拍照返回后 在照片上添加装饰品图片

自定义ImageView 实现拍照返回后 在照片上添加装饰品图片 可以实现在某个区域内 移动、缩放、旋转

主要实现 自定义的TouchImageView 网上搜到各种资源 整合的

主Activity

package com.example.touch;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.os.Bundle;import android.view.LayoutInflater;import android.widget.ImageView;import android.widget.RelativeLayout;public class TouchImageViewActivity extends Activity {private Context mContext;private RelativeLayout content;private ImageView iv1;private Bitmap bp1;int widthScreen;int heightScreen;private LayoutInflater inflater;private TouchImageView myIv;/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main1);myIv = (TouchImageView) findViewById(R.id.img);myIv.setImageResource(R.drawable.s_hx);}}

布局

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >         <LinearLayout         android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        >        <Button         android:id="@+id/bt1"        android:layout_width="0dp"        android:layout_weight="1"        android:layout_height="wrap_content"        android:layout_margin="10dp"        android:text="截图"        />         <Button         android:id="@+id/bt2"        android:layout_width="0dp"        android:layout_weight="1"        android:layout_height="wrap_content"        android:layout_margin="10dp"        android:text="撤销"        />    </LinearLayout>       <RelativeLayout       android:id="@+id/content"      android:layout_width="match_parent"      android:layout_height="0dp"      android:layout_weight="1"      android:background="@drawable/f"      >     <com.example.touch.TouchImageView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:src="@drawable/s_hx"        android:scaleType="matrix"        android:id="@+id/img"        />    </RelativeLayout>           <LinearLayout     android:layout_width="match_parent"    android:layout_height="75dp"    android:background="@color/gary_bg"    >    <ImageView         android:layout_weight="1"        android:layout_width="0dp"        android:layout_margin="10dp"        android:layout_gravity="center_vertical"        android:layout_height="50dp"        android:background="@drawable/aa"        />    <ImageView         android:layout_weight="1"        android:layout_width="0dp"        android:layout_margin="10dp"        android:layout_gravity="center_vertical"        android:layout_height="50dp"        android:background="@drawable/bb"        />    <ImageView         android:layout_weight="1"        android:layout_width="0dp"        android:layout_margin="10dp"        android:layout_gravity="center_vertical"        android:layout_height="50dp"        android:background="@drawable/s_hx"        />    <ImageView         android:layout_weight="1"        android:layout_width="0dp"        android:layout_margin="10dp"        android:layout_gravity="center_vertical"        android:layout_height="50dp"        android:background="@drawable/cc"        />    <ImageView         android:layout_weight="1"        android:layout_width="0dp"        android:layout_margin="8dp"        android:layout_gravity="center_vertical"        android:layout_height="50dp"        android:background="@drawable/ss"        /></LinearLayout></LinearLayout>

最重要的自定义ImageView

/* * TouchImageView.java * By: Michael Ortiz * Updated By: Patrick Lackemacher * ------------------- * Extends Android ImageView to include pinch zooming and panning. */package com.example.touch;import android.content.Context;import android.graphics.Matrix;import android.graphics.PointF;import android.util.AttributeSet;import android.util.FloatMath;import android.util.Log;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;private final String TAG = "TouchImageView";public TouchImageView(Context context) {super(context);Log.e(TAG, "TouchImageView");}/** * 该构造方法在静态引入XML文件中是必须的 *  * @param context * @param paramAttributeSet */public TouchImageView(Context context, AttributeSet paramAttributeSet) {super(context, paramAttributeSet);}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;}this.setImageMatrix(matrix);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 / 5 || 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;// }}