詳談Matrix中preTranslate()和postTranslate()的理解

更新時間：2017年11月30日 10:35:13 作者：潘建成

這篇文章主要為大家詳細介紹了Matrix中preTranslate()和postTranslate()的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下

前言

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

實現(xiàn)

先來看一下效果圖：

可以看到一張原圖和三張?zhí)幚碇蟮膱D，左邊和右邊的圖的上部和底部不是對稱的，只有中間的那張圖是對稱的，我希望得到的結(jié)果圖片就是中間的那張。為什么會出現(xiàn)三張不同的旋轉(zhuǎn)圖片呢？原因是旋轉(zhuǎn)中心不一樣。

我們先來看一下源碼：

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);
  /**
   * 旋轉(zhuǎn)中心為(0,0)
   */
  Matrix matrix = getMatrix();
  Bitmap bit = getBitmap(bitmap, matrix);
  view2.setImageBitmap(bit);

  /**
   * 旋轉(zhuǎn)中心為(0,height/2)
   */
  matrix = getMatrix();
  matrix.preTranslate(0, -bitmap.getHeight() / 2);
  matrix.postTranslate(0, bitmap.getHeight() / 2);
  bit = getBitmap(bitmap, matrix);
  view3.setImageBitmap(bit);

  /**
   * 旋轉(zhuǎn)中心為(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軸旋轉(zhuǎn)的時候，旋轉(zhuǎn)中心是(0,0)，如下圖所示：

因為旋轉(zhuǎn)中心并不在圖片的對稱點上，所以得到的結(jié)果就是圖片上下不對稱。

中間圖片：

中間的圖片是對稱的，那么是如何得到的呢？按照前面所說，因為旋轉(zhuǎn)的中心是(0,0)不在圖片的對稱點上，那么我們只要讓旋轉(zhuǎn)中心在對稱點上就可以了，這就要說preTranslate()和postTranslate()方法了，這兩個方法可以實現(xiàn)我們所謂的旋轉(zhuǎn)中心的改變，其實也沒變，只是將圖片以矩陣的形式進行操作，達到與旋轉(zhuǎn)中心改變一樣的效果罷了。

matrix.preTranslate(0, -bitmap.getHeight());
matrix.postTranslate(0,bitmap.getHeight());

這兩行代碼就是起到了這樣的作用。preTranslate方法的作用是在旋轉(zhuǎn)之間先把圖片向上移動圖片高度的一半的距離，這樣圖片就關(guān)于x軸對稱了，然后再進行旋轉(zhuǎn)的變換，postTranslate方法是在變換之后再將圖片向下移動圖片高度的一半的距離也即是回到了原來的位置，這樣圖片顯示出來的結(jié)果就是對稱的了。原理也很簡單，旋轉(zhuǎn)中心還是(0,0)，只不過我們移動圖片，這樣進行旋轉(zhuǎn)變換的時候就會得到對稱的結(jié)果了。

小結(jié)

好了，這個問題搞懂了，繼續(xù)去看郭神的博客去了。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: