詳談Matrix中preTranslate()和postTranslate()的理解
前言
因?yàn)樵诳垂卮笊竦牟┛蜁r(shí)有關(guān)于Matrix結(jié)合Camera實(shí)現(xiàn)圖片的3D旋轉(zhuǎn),而其中Matrix的preTranslate()和postTranslate()方法當(dāng)時(shí)不是太了解。關(guān)于android中對圖片處理的內(nèi)容我沒怎么看過,所以不會也是在情理之中。但是既然想看會圖片的3D旋轉(zhuǎn),這個(gè)又是必須要過的關(guān),所以還是看了一點(diǎn)資料,發(fā)現(xiàn)原來只是我理解錯(cuò)了,并沒有那么難,本文就是說說我當(dāng)時(shí)是怎么理解的。
實(shí)現(xiàn)
先來看一下效果圖:
可以看到一張?jiān)瓐D和三張?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)的時(shí)候,旋轉(zhuǎn)中心是(0,0),如下圖所示:
因?yàn)樾D(zhuǎn)中心并不在圖片的對稱點(diǎn)上,所以得到的結(jié)果就是圖片上下不對稱。
中間圖片:
中間的圖片是對稱的,那么是如何得到的呢?按照前面所說,因?yàn)樾D(zhuǎn)的中心是(0,0)不在圖片的對稱點(diǎn)上,那么我們只要讓旋轉(zhuǎn)中心在對稱點(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軸對稱了,然后再進(jìn)行旋轉(zhuǎn)的變換,postTranslate方法是在變換之后再將圖片向下移動(dòng)圖片高度的一半的距離也即是回到了原來的位置,這樣圖片顯示出來的結(jié)果就是對稱的了。原理也很簡單,旋轉(zhuǎn)中心還是(0,0),只不過我們移動(dòng)圖片,這樣進(jìn)行旋轉(zhuǎn)變換的時(shí)候就會得到對稱的結(jié)果了。
小結(jié)
好了,這個(gè)問題搞懂了,繼續(xù)去看郭神的博客去了。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
高仿網(wǎng)易新聞頂部滑動(dòng)條效果實(shí)現(xiàn)代碼
網(wǎng)易新聞的主界面頂部的滑動(dòng)條個(gè)人感覺還是比較漂亮的所以今天也模仿了下,網(wǎng)易頂部滑動(dòng)條的效果,由于初次模仿這種效果,可能有些地方還不夠完美,不過基本已經(jīng)實(shí)現(xiàn),希望大家能夠喜歡2013-01-01android studio按鈕監(jiān)聽的5種方法實(shí)例詳解
這篇文章主要介紹了android studio按鈕監(jiān)聽的5種方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03Android下使用TCPDUMP實(shí)現(xiàn)數(shù)據(jù)抓包教程
這篇文章主要介紹了Android下使用TCPDUMP實(shí)現(xiàn)數(shù)據(jù)抓包教程,本文講解使用抓包工具tcpdump抓取數(shù)據(jù),然后使用Wireshark來分析數(shù)據(jù),需要的朋友可以參考下2015-02-02Android控件Chronometer定時(shí)器的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Android控件Chronometer定時(shí)器的實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11Android實(shí)現(xiàn)IOS相機(jī)滑動(dòng)控件
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)IOS相機(jī)滑動(dòng)控件的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08Android未讀消息拖動(dòng)氣泡示例代碼詳解(附源碼)
這篇文章主要介紹了Android未讀消息拖動(dòng)氣泡示例代碼詳解,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-02-02