Android中Matrix用法執行個體分析_Android

來源:互聯網
上載者:User

本文執行個體講述了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程式設計有所協助。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.