天天看點

如何使用Android Studio錄制手機螢幕操作并導出成GIF示範動畫

    好多平時喜歡寫技術部落格的朋友,都難免會有展示程式運作結果的需求。這其實也是作為一篇優質部落格所必須的,一篇技術文章,很可能表達了很久,讀者卻仍然一頭霧水,說再多都不如直接上圖來解釋說明,正所謂“一目了然  直截了當”!而關于移動開發的文章,運作結果都呈現在手機上,如果這時候選擇截取靜态圖檔,恐怕仍不具生動,這時候如何将手機上的動态操作生成為GIF插入到部落格中呢?

    許多朋友可能用過ADB SHELL指令去完成這個需求,其實你跟着教程走一遍就會發現:過程有點兒繁瑣,另外一個辦法是使用DDMS.bat指令工具,這個操作辦法你也可以找得到,但是同樣不建議使用。原因都是因為太麻煩,要做很多不必要的操作,很浪費時間。

    其實魅力四射的Android Studio就已經內建了偉大的螢幕錄制功能,而且超級穩定、友善、強大!還沒用過的朋友跟着我一塊兒來看看吧!——

    首先,寫好自己的Demo或正式項目之後,用資料線連接配接上你的手機,打開Android Studio底部的Monitor,就會識别出你所連接配接的裝置。我這裡連了一部MEIZU,如圖所示:

如何使用Android Studio錄制手機螢幕操作并導出成GIF示範動畫

   這時候,你注意看最左側的工具欄,第二個按鈕是不是一個類似視訊播放的東西,沒錯!你把滑鼠放上去,就會顯示“screen record”,這正是負責錄制Android裝置的螢幕操作的入口,那麼——好吧~你就點它一下,就會彈出錄屏設定的彈窗:

如何使用Android Studio錄制手機螢幕操作并導出成GIF示範動畫

    嚯嚯!一大堆英文,大概意思就是說:錄屏按鈕能記錄你所連接配接裝置的操作,但是做多隻能記錄3Min,這裡預設的是錄制清晰度為720P,比特率為4Mbps的視訊,當然,你可以在這裡自定義你的數值,如果不填的話,它就會使用預設的設定。但是一般情況下,直接使用預設的數值就好,對示範效果毫無影響。那麼我們這裡點選“start Recording”,就來到了第三步:

如何使用Android Studio錄制手機螢幕操作并導出成GIF示範動畫

    當這個視窗彈出來的時候,說明Android Studio已經開始監視你的手機了。那麼好了!現在請開始操作你的手機吧~不過,請注意這個彈窗上不斷增加的數字,還記得嗎?最多不能超過180哦~   當完成你的示範之後,點選“Stopping Recording”即可結束錄制,并彈出存儲視窗:

如何使用Android Studio錄制手機螢幕操作并導出成GIF示範動畫

呶!這裡選擇你想儲存的路徑,再取個便于識别的檔案名,直接點選OK就可以啦!不過,你休想試圖通過改變右邊的檔案格式來直接導出成GIF,因為很遺憾地說,這裡隻能儲存成MP4檔案,如果想導出為GIF,還要靠後續操作。

    此時你打開剛剛儲存的路徑,會看到已經生成了一個MP4檔案,此時,你有兩個辦法來導出一個GIF:①使用迅雷影音打開它,在合适的時間段右鍵=>制作GIF ; ②使用可愛、至簡、強大的視訊轉化器:freevideotogif.exe,這裡給個下載下傳連結:視訊轉換GIF工具   可以直接下載下傳使用。由于制作GIF步驟較為簡單,這裡将不再贅述。

    OK!~到此為止,如何使用AS來制作你的手機示範GIF的步驟要點已經全部說清楚了。希望能幫到各位朋友們。祝各位:生活工作順心,學習進步~See you next time~

   【PS:有任何疑點,都可以留言或E-Mail我:[email protected]】

繼續閱讀