本文執行個體講述了Android中Matrix用法。分享給大家供大家參考,具體如下:
Matrix ,中文裡叫矩陣,高等數學裡有介紹,在影像處理方面,主要是用於平面的縮放、平移、旋轉等操作。
首先介紹一下矩陣運算。加法和減法就不用說了,對應位相加就好。影像處理,主要用到的是乘法 。下面是一個乘法的公式:
在 Android 裡面, Matrix 由 9 個 float 值構成,是一個 3*3 的矩陣。如下圖:
解釋一下,上面的sinX 和cosX ,表示旋轉角度的cos 值和sin值,注意,旋轉角度是按順時針方向計算的。 translateX 和 translateY 表示 x 和 y 的平移量。 scale 是縮放的比例, 1 是不變, 2 是表示縮放 1/2 。
Matrix的操作,總共分為translate(平移),rotate(旋轉),scale(縮放)和skew(傾斜)四種,每一種變換在Android的API裡都提供了set, post和pre三種操作方式,除了translate,其他三種操作都可以指定中心點。
set是直接設定Matrix的值,每次set一次,整個Matrix的數組都會變掉。
post是後乘,當前的矩陣乘以參數給出的矩陣。可以連續多次使用post,來完成所需的整個變換。例如,要將一個圖片旋轉30度,然後平移到(100,100)的地方,那麼可以這樣做:Matrix m = new Matrix(); m.postRotate(30 ); m.postTranslate(100 , 100 ); 這樣就達到了想要的效果。
pre是前乘,參數給出的矩陣乘以當前的矩陣。所以操作是在當前矩陣的最前面發生的。例如上面的例子,如果用pre的話,就要這樣:Matrix m = new Matrix(); m.setTranslate(100 , 100 ); m.preRotate(30 );
旋轉、縮放和傾斜都可以圍繞一個中心點來進行,如果不指定,預設情況下,是圍繞(0,0)點來進行。
特別注意:
Matrix的操作,總共分為translate(平移),rotate(旋轉),scale(縮放)和skew(傾斜)四種,每一種變換在Android的API裡都提供了set, post和pre三種操作方式,除了translate,其他三種操作都可以指定中心點。
set是直接設定Matrix的值,每次set一次,整個Matrix的數組都會變掉。
post是後乘,當前的矩陣乘以參數給出的矩陣。可以連續多次使用post,來完成所需的整個變換。
鏡面效果:
倒影效果:
圖片的合成(浮水印):
不多說了,直接上代碼了。
MainActivity.java裡的主要代碼如下:
package net.loonggg.testmatrix; import android.app.Activity; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.PorterDuff.Mode; import android.graphics.PorterDuffXfermode; import android.os.Bundle; import android.view.Window; import android.widget.ImageView; public class MainActivity extends Activity { private ImageView iv1, iv2; private Canvas canvas; private Paint paint; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); iv1 = (ImageView) findViewById(R.id.iv1); iv2 = (ImageView) findViewById(R.id.iv2); Bitmap bitmap1 = BitmapFactory.decodeResource(getResources(), R.drawable.weibo); Bitmap updateBitmap = Bitmap.createBitmap(bitmap1.getWidth() * 2, bitmap1.getHeight() * 2, bitmap1.getConfig()); canvas = new Canvas(updateBitmap); paint = new Paint(); paint.setColor(Color.BLACK); Matrix matrix = new Matrix(); // setMirrorOne(bitmap1, matrix); // setInvertedImage(bitmap1, matrix); // setBaseChange(matrix); canvas.drawBitmap(bitmap1, matrix, paint); setImageSynthesis(matrix); iv1.setImageBitmap(bitmap1); iv2.setImageBitmap(updateBitmap); } /** * 還有一些基本變化 */ private void setBaseChange(Matrix matrix) { // matrix.setRotate(60);// 這是旋轉多少度 // matrix.setRotate(degrees, px, py);//這個方法是以哪個點為中心進行旋轉多少度 // matrix.setSkew(kx, ky);//設定傾斜,以x軸傾斜,還是y軸 // 傾斜x和y軸,以(100,100)為中心。 // matrix.postSkew(0 .2f, 0 .2f, 100 , 100 ); // matrix.setScale(0.5f, 1);//縮放寬度變為原來的一半,高度不變 } /** * 設定倒影效果 * * @param bitmap1 * @param matrix */ private void setInvertedImage(Bitmap bitmap1, Matrix matrix) { matrix.setScale(1, -1); matrix.postTranslate(0, bitmap1.getHeight()); } /** * 設定鏡面效果方法一 * * @param bitmap1 * @param matrix */ private void setMirrorOne(Bitmap bitmap1, Matrix matrix) { matrix.setTranslate(bitmap1.getWidth(), 0);// 這個是移動 matrix.preScale(-1, 1); } // --------------------------------------------------------- /** * 解釋:鏡面效果方法一和二的區別: * 不知道大家看沒看出來,其實這兩種方法的效果是一樣的,只不過是設定步驟不一樣,post是後乘,當前的矩陣乘以參數給出的矩陣 * 。可以連續多次使用post,來完成所需的整個變換。 pre是前乘,參數給出的矩陣乘以當前的矩陣。所以操作是在當前矩陣的最前面發生的。 * 可以連續多次使用post * ,來完成所需的整個變換,但是不可以連續使用set來完成矩陣的整個變換,為什麼呢?set是直接設定Matrix的值,每次set一次 * ,整個Matrix的數組都會變掉,第一次可以使用set,之後的變換必須換成post或者pre,也可以一直用post也行 */ // --------------------------------------------------------- /** * 設定鏡面效果方法二 * * @param bitmap1 * @param matrix */ private void setMirrorTwo(Bitmap bitmap1, Matrix matrix) { matrix.setScale(-1, 1); matrix.postTranslate(bitmap1.getWidth(), 0); } /** * 設定圖片的合成 * * @param matrix */ private void setImageSynthesis(Matrix matrix) { Bitmap bitmap2 = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher); // 設定圖片合成時的各種模式 paint.setXfermode(new PorterDuffXfermode(Mode.DARKEN)); // 圖片的合成很簡單,就是再以bitmap2為基圖往靶心圖表片上畫一次 canvas.drawBitmap(bitmap2, matrix, paint); } }
布局檔案的代碼如下:
<LinearLayout 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" android:orientation="vertical" tools:context=".MainActivity" > <ImageView android:id="@+id/iv1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <ImageView android:id="@+id/iv2" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>
希望本文所述對大家Android程式設計有所協助。