少年郎,是時(shí)候打造自己的第一款狂拽酷炫的3D效果了!

封面

背景介紹

Android中有兩個(gè)Camera類。一個(gè)是android.hardware.Camera,用于對設(shè)備的攝像頭進(jìn)行操作。另一個(gè)是android.graphics.Camera,可用于進(jìn)行3D變換,然后把變換后的矩陣Matrix作用于Canvas等,我們本篇要介紹的就是這個(gè)Camera類。

玩轉(zhuǎn)Camera

前面我們提到過,Camera是一個(gè)能夠進(jìn)行3D變化的類,在進(jìn)行玩3D變換后,我們能夠通過mCamera.getMatrix(Matrix)把變換矩陣Matrix賦值,然后可以用在Canvas上。或者,你可以直接通過mCamera.applyToCanvas(Canvas)直接把變換作用到一個(gè)Canvas上。

Android中的三維坐標(biāo)系

Android中的三維坐標(biāo)軸符合左手坐標(biāo)系。需要注意,Android中的三維坐標(biāo)系中的Y軸和二維的是相反的。


Android三維坐標(biāo)系

Camera默認(rèn)的位置是在(0, 0, -8)點(diǎn)。

Camera的變換操作

方法 說明
getMatrix(mMatrix) 給mMatrix賦值。
applyToCanvas(mCanvas) 將變換獲得的Matrix直接作用到mCanvas上。
rotate(x,y,z) 旋轉(zhuǎn)。
rotateX、rotateY、rotateZ 旋轉(zhuǎn)。
getLocationX、getLocationY、getLocationZ 獲得Camera的位置,默認(rèn)是在(0,0,-8)點(diǎn)。
setLocation(x,y,z) 設(shè)置camera的位置。
translate(x,y,z) 平移Camera。
save() 與Canvas的類似。
restore() 與Canvas類似。

Camera的方法并不多,所以使用起來也是比較簡單明了的。

Camera的使用實(shí)例

由于使用Camera的核心就是獲得一個(gè)變換后的Matrix,所以你需要對Matrix具有一定的認(rèn)識(shí)。關(guān)于Matrix的入門級使用,可以參考一下我的這兩篇博客。
Android——Matrix變換矩陣的探索(1)
Android——Matrix變換矩陣的探索(2)

演示Demo1

image

下面是github源碼的鏈接:
Github源碼鏈接

3D ViewGroup演示

image

Github源碼鏈接

Camera用于自定義動(dòng)畫

直接上個(gè)代碼實(shí)例,用法和前面的例子沒什么本質(zhì)區(qū)別,都是通過Camera變換之后獲得Matrix矩陣。

public class Custom3DAnimation extends Animation {

    private Camera mCamera;
    private int centerWidth;
    private int centerHeight;

    public void setmRotateY(float mRotateY) {
        this.mRotateY = mRotateY;
    }

    private float mRotateY;

    public Custom3DAnimation() {
        mCamera = new Camera();
        mRotateY = 90;
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
                Matrix matrix = t.getMatrix();  //獲得Transformation的Matrix
                mCamera.save();//保存當(dāng)前鏡頭狀態(tài)
        mCamera.rotateY(mRotateY * interpolatedTime); //使相機(jī)旋轉(zhuǎn)
        mCamera.getMatrix(matrix); //將旋轉(zhuǎn)變換作用到matrix上
        mCamera.restore(); //合并鏡頭層
        matrix.preTranslate(centerWidth, centerHeight);//操作前平移
        matrix.postTranslate(-centerWidth, -centerHeight); //操作后平移

    }

    @Override
    public void initialize(int width, int height, int parentWidth, int parentHeight) {
        super.initialize(width, height, parentWidth, parentHeight);
                setDuration(5 * 1000); //設(shè)置默認(rèn)持續(xù)時(shí)間
        setFillAfter(true); //設(shè)置動(dòng)畫結(jié)束后是否保持狀態(tài)
        setInterpolator(new LinearInterpolator()); //設(shè)置插值器
        centerWidth = width / 2;
                centerHeight = height / 2;
    }
}

總結(jié)

Camera的使用其實(shí)并不復(fù)雜,只需要記住前面提到的幾個(gè)方法就行。由于Camera最終是輸出一個(gè)矩陣,所以還需要對矩陣有一定的掌握。上面我已經(jīng)給出了矩陣快速使用的指南,大家可以根據(jù)情況自行參考。

如果你覺得還不錯(cuò),那就動(dòng)動(dòng)小捶捶敲個(gè)關(guān)注、點(diǎn)個(gè)贊哦??!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,555評論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內(nèi)容