Android图片旋转,缩放,位移,倾斜,对称完整示例(一)——imageView.setImageMatrix(matrix)和Matrix

MainActivity如下:

[java] ​​​​​​​​

 

2. import android.os.Bundle;  
3. import android.view.MotionEvent;  
4. import android.view.View;  
5. import android.view.View.OnTouchListener;  
6. import android.widget.ImageView;  
7. import .Activity;  
8. import android.graphics.Matrix;  
9. /** 
10.  * Demo描述: 
11.  * 利用mImageView.setImageMatrix(matrix)实现 
12.  * 图片的平移,缩放,旋转,倾斜以及对称 
13.  *  
14.  *  
15.  * Thank you very much 
16.  */  
17. public class MainActivity extends Activity {  
18.     private TestMatrixImageView mTestMatrixImageView;  
19.     @Override  
20.     protected void onCreate(Bundle savedInstanceState) {  
21.         super.onCreate(savedInstanceState);  
22.         mTestMatrixImageView=new TestMatrixImageView(MainActivity.this);  
23.         mTestMatrixImageView.setScaleType(ImageView.ScaleType.MATRIX);//??  
24.         mTestMatrixImageView.setOnTouchListener(new TouchListenerImpl());  
25.         setContentView(mTestMatrixImageView);  
26.     }  
27.       
28.     private class TouchListenerImpl implements OnTouchListener{  
29.         @Override  
30.         public boolean onTouch(View v, MotionEvent event) {  
31.             if (event.getAction()==MotionEvent.ACTION_UP) {  
32.                 //1 测试平移  
33.                 testTranslate();  
34.                 //2 测试围绕图片中心点旋转  
35.                 //testRotate();  
36.                 //3 测试围绕原点旋转后平移  
37.                 //testRotateAndTranslate();  
38.                 //4 缩放  
39.                 //testScale();  
40.                 //5 水平倾斜  
41.                 //testSkewX();  
42.                 //6 垂直倾斜  
43.                 //testSkewY();  
44.                 //7 水平且垂直倾斜  
45.                 //testSkewXY();  
46.                 //8 水平对称  
47.                 //testSymmetryX();  
48.                 //9 垂直对称  
49.                 //testSymmetryY();  
50.                 //10 关于X=Y对称  
51.                 //testSymmetryXY();  
52.             }  
53.             return true;  
54.         }  
55.           
56.     }  
57.       
58.     //平移  
59.     private void testTranslate(){  
60.         Matrix matrix=new Matrix();  
61.         int width=mTestMatrixImageView.getBitmap().getWidth();  
62.         int height=mTestMatrixImageView.getBitmap().getHeight();  
63.         matrix.postTranslate(width, height);  
64.         mTestMatrixImageView.setImageMatrix(matrix);  
65.         showMatrixEveryValue(matrix);  
66.     }  
67.     //围绕图片中心点旋转  
68.     private void testRotate(){  
69.         Matrix matrix=new Matrix();  
70.         int width=mTestMatrixImageView.getBitmap().getWidth();  
71.         int height=mTestMatrixImageView.getBitmap().getHeight();  
72.         matrix.postRotate(45f, width/2, height/2);  
73.         matrix.postTranslate(width, height);  
74.         mTestMatrixImageView.setImageMatrix(matrix);  
75.         showMatrixEveryValue(matrix);  
76.     }  
77.       
78.     //围绕原点旋转后平移  
79.     //注意以下三行代码的执行顺序:  
80.     //matrix.setRotate(45f);  
81.     //matrix.preTranslate(-width, -height);  
82.     //matrix.postTranslate(width, height);  
83.     //先执行matrix.preTranslate(-width, -height);  
84.     //后执行matrix.setRotate(45f);  
85.     //再执行matrix.postTranslate(width, height);  
86.     private void testRotateAndTranslate() {  
87.         Matrix matrix = new Matrix();  
88.         int width = mTestMatrixImageView.getBitmap().getWidth();  
89.         int height = mTestMatrixImageView.getBitmap().getHeight();  
90.         matrix.setRotate(45f);  
91.         matrix.preTranslate(-width, -height);  
92.         matrix.postTranslate(width, height);  
93.         mTestMatrixImageView.setImageMatrix(matrix);  
94.         showMatrixEveryValue(matrix);  
95.     }  
96.       
97.     //缩放  
98.     private void testScale() {  
99.         Matrix matrix = new Matrix();  
100.         matrix.setScale(0.5f, 0.5f);  
101.         mTestMatrixImageView.setImageMatrix(matrix);  
102.         showMatrixEveryValue(matrix);  
103.     }  
104.       
105.     //水平倾斜  
106.     private void testSkewX() {  
107.         Matrix matrix = new Matrix();  
108.         matrix.setSkew(0.5f, 0);  
109.         mTestMatrixImageView.setImageMatrix(matrix);  
110.         showMatrixEveryValue(matrix);  
111.     }  
112.   
113.     // 垂直倾斜  
114.     private void testSkewY() {  
115.         Matrix matrix = new Matrix();  
116.         matrix.setSkew(0, 0.5f);  
117.         mTestMatrixImageView.setImageMatrix(matrix);  
118.         showMatrixEveryValue(matrix);  
119.     }  
120.       
121.     // 水平且垂直倾斜  
122.     private void testSkewXY() {  
123.         Matrix matrix = new Matrix();  
124.         matrix.setSkew(0.5f, 0.5f);  
125.         mTestMatrixImageView.setImageMatrix(matrix);  
126.         showMatrixEveryValue(matrix);  
127.     }  
128.       
129.     // 水平对称--图片关于X轴对称  
130.     private void testSymmetryX() {  
131.         Matrix matrix = new Matrix();  
132.         int height = mTestMatrixImageView.getBitmap().getHeight();  
133.         float matrixValues[] = { 1f, 0f, 0f, 0f, -1f, 0f, 0f, 0f, 1f };  
134.         matrix.setValues(matrixValues);  
135.         //若是matrix.postTranslate(0, height);  
136.         //表示将图片上下倒置  
137.         matrix.postTranslate(0, height*2);  
138.         mTestMatrixImageView.setImageMatrix(matrix);  
139.         showMatrixEveryValue(matrix);  
140.     }  
141.       
142.     // 垂直对称--图片关于Y轴对称  
143.     private void testSymmetryY() {  
144.         Matrix matrix = new Matrix();  
145.         int width=mTestMatrixImageView.getBitmap().getWidth();  
146.         float matrixValues[] = {-1f, 0f, 0f, 0f, 1f, 0f, 0f, 0f, 1f};  
147.         matrix.setValues(matrixValues);  
148.         //若是matrix.postTranslate(width,0);  
149.         //表示将图片左右倒置  
150.         matrix.postTranslate(width*2, 0);  
151.         mTestMatrixImageView.setImageMatrix(matrix);  
152.         showMatrixEveryValue(matrix);  
153.   
154.     }  
155.   
156.     // 关于X=Y对称--图片关于X=Y轴对称  
157.     private void testSymmetryXY() {  
158.         Matrix matrix = new Matrix();  
159.         int width = mTestMatrixImageView.getBitmap().getWidth();  
160.         int height = mTestMatrixImageView.getBitmap().getHeight();  
161.         float matrixValues[] = { 0f, -1f, 0f, -1f, 0f, 0f, 0f, 0f, 1f };  
162.         matrix.setValues(matrixValues);  
163.         matrix.postTranslate(width+height, width+height);  
164.         mTestMatrixImageView.setImageMatrix(matrix);  
165.         showMatrixEveryValue(matrix);  
166.     }  
167.       
168.     //获取变换矩阵Matrix中的每个值  
169.     private void showMatrixEveryValue(Matrix matrix){  
170.         float matrixValues []=new float[9];  
171.         matrix.getValues(matrixValues);  
172.         for (int i = 0; i <3; i++) {  
173.             String valueString="";  
174.             for (int j = 0; j < 3; j++) {  
175.                 valueString=matrixValues[3*i+j]+"";  
176.                 System.out.println("第"+(i+1)+"行的第"+(j+1)+"列的值为"+valueString);  
177.             }  
178.         }  
179.     }  
180.   
181. }  

 

TestMatrixImageView如下:

 

[java] ​​​​

 

2. package cn.testmatrix;  
3. import android.content.Context;  
4. import android.graphics.Bitmap;  
5. import android.graphics.BitmapFactory;  
6. import android.graphics.Canvas;  
7. import android.graphics.Matrix;  
8. import android.widget.ImageView;  
9. /** 
10.  * 总结: 
11.  * 在MainActivity中执行: 
12.  * mTestMatrixImageView.setImageMatrix(matrix); 
13.  * 时此自定义View会先调用setImageMatrix(Matrix matrix) 
14.  * 然后调用onDraw(Canvas canvas) 
15.  */  
16. public class TestMatrixImageView extends ImageView{  
17.     private Matrix mMatrix;  
18.     private Bitmap mBitmap;  
19.     public TestMatrixImageView(Context context) {  
20.         super(context);  
21.         mMatrix=new Matrix();  
22.         mBitmap=BitmapFactory.decodeResource(getResources(), R.drawable.icon);  
23.     }  
24.     @Override  
25.     protected void onDraw(Canvas canvas) {  
26.         System.out.println("---> onDraw");  
27.         //画原图  
28.         canvas.drawBitmap(mBitmap, 0, 0, null);  
29.         //画经过Matrix变化后的图  
30.         canvas.drawBitmap(mBitmap, mMatrix, null);  
31.         super.onDraw(canvas);  
32.     }  
33.     @Override  
34.     public void setImageMatrix(Matrix matrix) {  
35.         System.out.println("---> setImageMatrix");  
36.         this.mMatrix.set(matrix);  
37.         super.setImageMatrix(matrix);  
38.     }  
39.       
40.     public Bitmap getBitmap(){  
41.         System.out.println("---> getBitmap");  
42.         return mBitmap;  
43.     }  
44.   
45. }  

main.xml如下：

[html] ​​​​​​​​

 

2. <RelativeLayout xmlns:android="http:///apk/res/android"  
3.     xmlns:tools="http:///tools"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     >  
7.   
8.     <TextView  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:text="@string/hello_world" />  
12.   
13. </RelativeLayout>