快捷導(dǎo)航

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

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

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

前言

因?yàn)樵诳垂卮笊竦牟┛蜁r(shí)有關(guān)于Matrix結(jié)合Camera實(shí)現(xiàn)圖片的3D旋轉(zhuǎn)，而其中Matrix的preTranslate()和postTranslate()方法當(dāng)時(shí)不是太了解。關(guān)于android中對(duì)圖片處理的內(nèi)容我沒怎么看過，所以不會(huì)也是在情理之中。但是既然想看會(huì)圖片的3D旋轉(zhuǎn)，這個(gè)又是必須要過的關(guān)，所以還是看了一點(diǎn)資料，發(fā)現(xiàn)原來只是我理解錯(cuò)了，并沒有那么難，本文就是說說我當(dāng)時(shí)是怎么理解的。

實(shí)現(xiàn)

先來看一下效果圖：

可以看到一張?jiān)瓐D和三張?zhí)幚碇蟮膱D，左邊和右邊的圖的上部和底部不是對(duì)稱的，只有中間的那張圖是對(duì)稱的，我希望得到的結(jié)果圖片就是中間的那張。為什么會(huì)出現(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;
 }
}

左邊圖片：

從源碼中我們看到，左邊圖片我們對(duì)Matrix沒有做任何處理，所以Camera的rotateY()方法在以y軸旋轉(zhuǎn)的時(shí)候，旋轉(zhuǎn)中心是(0,0)，如下圖所示：

因?yàn)樾D(zhuǎn)中心并不在圖片的對(duì)稱點(diǎn)上，所以得到的結(jié)果就是圖片上下不對(duì)稱。

中間圖片：

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

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

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

小結(jié)

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

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

您可能感興趣的文章: