Android圖片旋轉,縮放,位移,傾斜,對稱完整樣本(一)——imageView.setImageMatrix(matrix)和Matrix

標籤：android   style   blog   http   java   color   

MainActivity如下:

import android.os.Bundle;import android.view.MotionEvent;import android.view.View;import android.view.View.OnTouchListener;import android.widget.ImageView;import android.app.Activity;import android.graphics.Matrix;/** * Demo描述: * 利用mImageView.setImageMatrix(matrix)實現 * 圖片的平移,縮放,旋轉,傾斜以及對稱 *  * 參考資料: * 0 http://blog.csdn.net/pathuang68/article/details/6991988 * 1 http://blog.csdn.net/mingli198611/article/details/7830633 *  * Thank you very much */public class MainActivity extends Activity {    private TestMatrixImageView mTestMatrixImageView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);mTestMatrixImageView=new TestMatrixImageView(MainActivity.this);mTestMatrixImageView.setScaleType(ImageView.ScaleType.MATRIX);//??mTestMatrixImageView.setOnTouchListener(new TouchListenerImpl());setContentView(mTestMatrixImageView);}private class TouchListenerImpl implements OnTouchListener{@Overridepublic boolean onTouch(View v, MotionEvent event) {if (event.getAction()==MotionEvent.ACTION_UP) {//1 測試平移testTranslate();//2 測試圍繞圖片中心點旋轉//testRotate();//3 測試圍繞原點旋轉後平移//testRotateAndTranslate();//4 縮放//testScale();//5 水平傾斜//testSkewX();//6 垂直傾斜//testSkewY();//7 水平且垂直傾斜//testSkewXY();//8 水平對稱//testSymmetryX();//9 垂直對稱//testSymmetryY();//10 關於X=Y對稱//testSymmetryXY();}return true;}}//平移private void testTranslate(){Matrix matrix=new Matrix();int width=mTestMatrixImageView.getBitmap().getWidth();int height=mTestMatrixImageView.getBitmap().getHeight();matrix.postTranslate(width, height);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}//圍繞圖片中心點旋轉private void testRotate(){Matrix matrix=new Matrix();int width=mTestMatrixImageView.getBitmap().getWidth();int height=mTestMatrixImageView.getBitmap().getHeight();matrix.postRotate(45f, width/2, height/2);matrix.postTranslate(width, height);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}//圍繞原點旋轉後平移//注意以下三行代碼的執行順序://matrix.setRotate(45f);//matrix.preTranslate(-width, -height);//matrix.postTranslate(width, height);//先執行matrix.preTranslate(-width, -height);//後執行matrix.setRotate(45f);//再執行matrix.postTranslate(width, height);private void testRotateAndTranslate() {Matrix matrix = new Matrix();int width = mTestMatrixImageView.getBitmap().getWidth();int height = mTestMatrixImageView.getBitmap().getHeight();matrix.setRotate(45f);matrix.preTranslate(-width, -height);matrix.postTranslate(width, height);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}//縮放private void testScale() {Matrix matrix = new Matrix();matrix.setScale(0.5f, 0.5f);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}//水平傾斜private void testSkewX() {Matrix matrix = new Matrix();matrix.setSkew(0.5f, 0);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}// 垂直傾斜private void testSkewY() {Matrix matrix = new Matrix();matrix.setSkew(0, 0.5f);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}// 水平且垂直傾斜private void testSkewXY() {Matrix matrix = new Matrix();matrix.setSkew(0.5f, 0.5f);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}// 水平對稱--圖片關於X軸對稱private void testSymmetryX() {Matrix matrix = new Matrix();int height = mTestMatrixImageView.getBitmap().getHeight();float matrixValues[] = { 1f, 0f, 0f, 0f, -1f, 0f, 0f, 0f, 1f };matrix.setValues(matrixValues);//若是matrix.postTranslate(0, height);//表示將圖片上下倒置matrix.postTranslate(0, height*2);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}// 垂直對稱--圖片關於Y軸對稱private void testSymmetryY() {Matrix matrix = new Matrix();int width=mTestMatrixImageView.getBitmap().getWidth();float matrixValues[] = {-1f, 0f, 0f, 0f, 1f, 0f, 0f, 0f, 1f};matrix.setValues(matrixValues);//若是matrix.postTranslate(width,0);//表示將圖片左右倒置matrix.postTranslate(width*2, 0);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}// 關於X=Y對稱--圖片關於X=Y軸對稱private void testSymmetryXY() {Matrix matrix = new Matrix();int width = mTestMatrixImageView.getBitmap().getWidth();int height = mTestMatrixImageView.getBitmap().getHeight();float matrixValues[] = { 0f, -1f, 0f, -1f, 0f, 0f, 0f, 0f, 1f };matrix.setValues(matrixValues);matrix.postTranslate(width+height, width+height);mTestMatrixImageView.setImageMatrix(matrix);showMatrixEveryValue(matrix);}//擷取變換矩陣Matrix中的每個值private void showMatrixEveryValue(Matrix matrix){float matrixValues []=new float[9];matrix.getValues(matrixValues);for (int i = 0; i <3; i++) {String valueString="";for (int j = 0; j < 3; j++) {valueString=matrixValues[3*i+j]+"";System.out.println("第"+(i+1)+"行的第"+(j+1)+"列的值為"+valueString);}}}}

TestMatrixImageView如下:

package cn.testmatrix;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Matrix;import android.widget.ImageView;/** * 總結: * 在MainActivity中執行: * mTestMatrixImageView.setImageMatrix(matrix); * 時此自訂View會先調用setImageMatrix(Matrix matrix) * 然後調用onDraw(Canvas canvas) */public class TestMatrixImageView extends ImageView{private Matrix mMatrix;    private Bitmap mBitmap;public TestMatrixImageView(Context context) {super(context);mMatrix=new Matrix();mBitmap=BitmapFactory.decodeResource(getResources(), R.drawable.icon);}@Overrideprotected void onDraw(Canvas canvas) {System.out.println("---> onDraw");//畫原圖canvas.drawBitmap(mBitmap, 0, 0, null);//畫經過Matrix變化後的圖canvas.drawBitmap(mBitmap, mMatrix, null);super.onDraw(canvas);}@Overridepublic void setImageMatrix(Matrix matrix) {System.out.println("---> setImageMatrix");this.mMatrix.set(matrix);super.setImageMatrix(matrix);}public Bitmap getBitmap(){System.out.println("---> getBitmap");return mBitmap;}}

main.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"    >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/hello_world" /></RelativeLayout>