android畫圖之Matrix（一）

 一直對Matrix的set與post方法比較困惑，今天在網上看到一篇文章非常好，正好幫助我理解；現在轉過來，以便以後方便查閱同時幫助需要學習的朋友。

地址：http://www.iteye.com/topic/712078   參考：http://lipeng88213.iteye.com/blog/1194197

 

Matrix ，中文裏叫矩陣，高等數學裏有介紹，在圖像處理方面，主要是用於平面的縮放、平移、旋轉等操作。

        首先介紹一下矩陣運算。加法和減法就不用說了，太簡單了，對應位相加就好。圖像處理，主要用到的是乘法 。下面是一個乘法的公式：

        在 Android 裏面， Matrix 由 9 個 float 值構成，是一個 3*3 的矩陣。如下圖。

       

沒專業工具，畫的挺難看。解釋一下，上面的 sinX 和 cosX ，表示旋轉角度的 cos 值和 sin 值，注意，旋轉角度是按順時針方向計算的。 translateX 和 translateY 表示 x 和 y 的平移量。 scale 是縮放的比例， 1 是不變， 2 是表示縮放 1/2 ，這樣子。

        下面在 Android 上試試 Matrix 的效果。

Java代碼：

public class MyView extends View {

	private Bitmap mBitmap;

	private Matrix mMatrix = new Matrix();

	public MyView(Context context) {

		super(context);

		initialize();

	}

	private void initialize() {		

		mBitmap = ((BitmapDrawable)getResources().getDrawable(R.drawable.show)).getBitmap();		

		float cosValue = (float) Math.cos(-Math.PI/6);

		float sinValue = (float) Math.sin(-Math.PI/6);

		mMatrix.setValues(

				new float[]{

						cosValue, -sinValue, 100,

						sinValue, cosValue, 100,

						0, 0, 2});

	}

	@Override protected void onDraw(Canvas canvas) {

//		super.onDraw(canvas);  //當然，如果界面上還有其他元素需要繪製，只需要將這句話寫上就行了。

		canvas.drawBitmap(mBitmap, mMatrix, null);

	}

}

運行結果：

 

以左上角爲頂點，縮放一半，逆時針旋轉30度，然後沿x軸和y軸分別平移50個像素，代碼 裏面寫的是100，爲什麼是平移50呢，因爲縮放了一半。

       大家可以自己設置一下Matrix的值，或者嘗試一下兩個Matrix相乘，得到的值設置進去，這樣才能對Matrix更加熟練。