前言
因為在看郭霖大神的博客時有關于Matrix結合Camera實現圖片的3D旋轉,而其中Matrix的preTranslate()和postTranslate()方法當時不是太了解。關于android中對圖片處理的內容我沒怎么看過,所以不會也是在情理之中。但是既然想看會圖片的3D旋轉,這個又是必須要過的關,所以還是看了一點資料,發(fā)現原來只是我理解錯了,并沒有那么難,本文就是說說我當時是怎么理解的。
實現
先來看一下效果圖:

可以看到一張原圖和三張?zhí)幚碇蟮膱D,左邊和右邊的圖的上部和底部不是對稱的,只有中間的那張圖是對稱的,我希望得到的結果圖片就是中間的那張。為什么會出現三張不同的旋轉圖片呢?原因是旋轉中心不一樣。
我們先來看一下源碼:
public class MainActivity extends AppCompatActivity { private ImageView view2,view3,view4; @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); view2 = (ImageView) findViewById(R.id.iv2); view3 = (ImageView) findViewById(R.id.iv3); view4 = (ImageView) findViewById(R.id.iv4); Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.mipmap.i004); /** * 旋轉中心為(0,0) */ Matrix matrix = getMatrix(); Bitmap bit = getBitmap(bitmap, matrix); view2.setImageBitmap(bit); /** * 旋轉中心為(0,height/2) */ matrix = getMatrix(); matrix.preTranslate(0, -bitmap.getHeight() / 2); matrix.postTranslate(0, bitmap.getHeight() / 2); bit = getBitmap(bitmap, matrix); view3.setImageBitmap(bit); /** * 旋轉中心為(0,height) */ matrix = getMatrix(); matrix.preTranslate(0, -bitmap.getHeight()); matrix.postTranslate(0,bitmap.getHeight()); bit = getBitmap(bitmap, matrix); view4.setImageBitmap(bit); } private Bitmap getBitmap(Bitmap bitmap, Matrix matrix) { return Bitmap.createBitmap(bitmap,0,0,bitmap.getWidth(),bitmap.getHeight(),matrix,true); } @NonNull private Matrix getMatrix(){ Matrix matrix = new Matrix(); Camera camera = new Camera(); camera.save(); camera.rotateY(45); camera.getMatrix(matrix); camera.restore(); return matrix; }}左邊圖片:
從源碼中我們看到,左邊圖片我們對Matrix沒有做任何處理,所以Camera的rotateY()方法在以y軸旋轉的時候,旋轉中心是(0,0),如下圖所示:

因為旋轉中心并不在圖片的對稱點上,所以得到的結果就是圖片上下不對稱。
中間圖片:

中間的圖片是對稱的,那么是如何得到的呢?按照前面所說,因為旋轉的中心是(0,0)不在圖片的對稱點上,那么我們只要讓旋轉中心在對稱點上就可以了,這就要說preTranslate()和postTranslate()方法了,這兩個方法可以實現我們所謂的旋轉中心的改變,其實也沒變,只是將圖片以矩陣的形式進行操作,達到與旋轉中心改變一樣的效果罷了。
matrix.preTranslate(0, -bitmap.getHeight());matrix.postTranslate(0,bitmap.getHeight());
這兩行代碼就是起到了這樣的作用。preTranslate方法的作用是在旋轉之間先把圖片向上移動圖片高度的一半的距離,這樣圖片就關于x軸對稱了,然后再進行旋轉的變換,postTranslate方法是在變換之后再將圖片向下移動圖片高度的一半的距離也即是回到了原來的位置,這樣圖片顯示出來的結果就是對稱的了。原理也很簡單,旋轉中心還是(0,0),只不過我們移動圖片,這樣進行旋轉變換的時候就會得到對稱的結果了。
小結
好了,這個問題搞懂了,繼續(xù)去看郭神的博客去了。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答