快捷導(dǎo)航

Android下錄制App操作生成Gif動(dòng)態(tài)圖的全過程

更新時(shí)間：2016年01月18日 10:40:25 作者：學(xué)習(xí)編程知識(shí)

這篇文章主要為大家分享了Android下錄制App操作生成Gif動(dòng)態(tài)圖的全過程，感興趣的小伙伴們可以參考一下

Android App開發(fā)完了，自然希望錄個(gè)gif做個(gè)展示。視頻也可以做展示，但是需要上傳到優(yōu)酷、土豆等等，而且本來就十幾秒的App演示操作過程，視頻網(wǎng)站的廣告就要一分鐘，沒有g(shù)if輕量簡單省流量。

下圖是我錄制的一個(gè)短信消滅器應(yīng)用的效果圖：

本文教大家如何錄制gif，分享給大家供大家參考，具體內(nèi)容如下

思路

生成gif的思路是兩步

1、把App操作過程錄制成視頻
2、根據(jù)視頻轉(zhuǎn)換成Gif

目前網(wǎng)上錄制GIf的思路也基本都是分為這2步，不知道有沒有更好的方法，一步就生成gif動(dòng)態(tài)的？

利用adb 錄制屏幕

在Android sdk下面有一些很有用的工具，adb位于platform-tools文件夾，開發(fā)者用它在設(shè)備上安裝啟動(dòng)應(yīng)用。早期的sdk版本中，adb位于tools文件夾中。

在終端（linux或者mac os）或者命令提示符（windows）鍵入

adb help all

可以列出所有可用的命令。

注意，如果經(jīng)常使用adb工具，建立把sdk的文件夾路徑添加到PATH環(huán)境變量中。不加入到環(huán)境變量中，每次啟動(dòng)adb都需要cd到platform-tools文件夾的位置。
我們錄制屏幕利用 adb shell screenrecord命令，還可以使用adb shell screenshot進(jìn)行截屏。下面是使用說明

tomchen$ ./adb shell screenrecord --help
Usage: screenrecord [options] <filename>

Records the device's display to a .mp4 file.

Options:
--size WIDTHxHEIGHT
 Set the video size, e.g. "1280x720". Default is the device's main
 display resolution (if supported), 1280x720 if not. For best results,
 use a size supported by the AVC encoder.
--bit-rate RATE
 Set the video bit rate, in megabits per second. Default 4Mbps.
--time-limit TIME
 Set the maximum recording time, in seconds. Default / maximum is 180.
--rotate
 Rotate the output 90 degrees.
--verbose
 Display interesting information on stdout.
--help
 Show this message.

Recording continues until Ctrl-C is hit or the time limit is reached.

tomchen$ pwd
/Applications/sdk/platform-tools

可以用--size指定視頻分辨率的大小，--bit-rate指定比特率的大小。一般我們不需要設(shè)置，用默認(rèn)的就行了。

tomchen$ ./adb shell screenrecord /sdcard/example.mp4

然后就可以錄制的，默認(rèn)時(shí)間是180s ，一般不需要這么長，錄制完之后我們ctrl+c提前結(jié)束就行。
下面利用 pull 命令把手機(jī)上的視頻拷到電腦上（也可以用手機(jī)助手啥的）

adb push <local> <remote> 將電腦上的文件復(fù)制到手機(jī)（通常是 sd 卡）
adb pull <remote> <local> 將手機(jī)上的文件復(fù)制到電腦

示例：

tomchen$ ./adb pull /sdcard/example.mp4 ~/Documents/
8786 KB/s (9449246 bytes in 1.050s)

Android studio 自帶錄制功能

現(xiàn)在一般都不要 Eclipse 開發(fā) Android，轉(zhuǎn)移到 Android Studio，錄制屏幕的功能 google 自然想到了，點(diǎn)擊開始按鈕就行了（適合不熟悉命令行的同學(xué)們）
在 Android Studio 最下方的Android欄左邊有一個(gè)按鈕（下圖紅框圈出的部分），點(diǎn)擊就可以實(shí)現(xiàn)錄屏。還可以選擇比特率、分辨率等，分辨率沒空則采用默認(rèn)值。

點(diǎn)擊Start Recording就開始錄制了，會(huì)彈出錄制時(shí)間框

錄完之后點(diǎn)擊Stop Recording，停止錄制。

最后會(huì)提示錄制視頻的保存位置，自己選個(gè)文件夾保存。

Android Studio 也提供了截屏功能，就在錄制按鈕的上方

點(diǎn)擊截屏?xí)棾鍪謾C(jī)當(dāng)前的操作界面，還可以用Reload刷新手機(jī)界面。

視頻轉(zhuǎn)gif

這兒方法也有很多

格式工廠之類的，輸入視頻格式，導(dǎo)出為gif格式
截取很多幀圖片，將多張圖片拼接為gif
QQ影音工具箱自帶了截取一段視頻保存為gif格式

本文采用一種最簡單的方法，利用一款叫 GifCam 的綠色版軟件

使用方法很簡單，
1. 用一個(gè)播放器打開咱們剛才錄制好的mp4視頻，然后拖動(dòng)調(diào)整 GifCam 大小，讓它的透明區(qū)域（錄制gif區(qū)域）覆蓋你要錄制范圍。
2. 點(diǎn)擊播放器播放視頻，再點(diǎn)擊GifCam的Rec按鈕，就可以錄制gif了。
3. 錄完點(diǎn)擊stop按鈕，選擇gif文件保存位置。