服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android下录制App操作生成Gif动态图的全过程

Android下录制App操作生成Gif动态图的全过程

2021-05-13 14:03学习编程知识 Android

这篇文章主要为大家分享了Android下录制App操作生成Gif动态图的全过程,感兴趣的小伙伴们可以参考一下

android app开发完了,自然希望录个gif做个展示。视频也可以做展示,但是需要上传到优酷、土豆等等,而且本来就十几秒的app演示操作过程,视频网站的广告就要一分钟,没有gif轻量简单省流量。

下图是我录制的一个短信消灭器应用的效果图:

Android下录制App操作生成Gif动态图的全过程

本文教大家如何录制gif,分享给大家供大家参考,具体内容如下

思路

生成gif的思路是两步

1、把app操作过程录制成视频
2、根据视频转换成gif

目前网上录制gif的思路也基本都是分为这2步,不知道有没有更好的方法,一步就生成gif动态的?

利用adb 录制屏幕

在android sdk下面有一些很有用的工具,adb位于platform-tools文件夹,开发者用它在设备上安装启动应用。早期的sdk版本中,adb位于tools文件夹中。

在终端(linux或者mac os)或者命令提示符(windows)键入

?
1
adb help all

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

注意,如果经常使用adb工具,建立把sdk的文件夹路径添加到path环境变量中。不加入到环境变量中,每次启动adb都需要cd到platform-tools文件夹的位置。
我们录制屏幕利用 adb shell screenrecord命令,还可以使用adb shell screenshot进行截屏。下面是使用说明

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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指定比特率的大小。一般我们不需要设置,用默认的就行了。

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

然后就可以录制的,默认时间是180s ,一般不需要这么长,录制完之后我们ctrl+c提前结束就行。
下面利用 pull 命令把手机上的视频拷到电脑上(也可以用手机助手啥的)

?
1
2
adb push <local> <remote> 将电脑上的文件复制到手机(通常是 sd 卡)
adb pull <remote> <local> 将手机上的文件复制到电脑

示例:

?
1
2
tomchen$ ./adb pull /sdcard/example.mp4 ~/documents/
8786 kb/s (9449246 bytes in 1.050s)

android studio 自带录制功能

现在一般都不要 eclipse 开发 android,转移到 android studio,录制屏幕的功能 google 自然想到了,点击开始按钮就行了(适合不熟悉命令行的同学们)
在 android studio 最下方的android栏左边有一个按钮(下图红框圈出的部分),点击就可以实现录屏。还可以选择比特率、分辨率等,分辨率没空则采用默认值。

Android下录制App操作生成Gif动态图的全过程

点击start recording就开始录制了,会弹出录制时间框

Android下录制App操作生成Gif动态图的全过程

录完之后点击stop recording,停止录制。

Android下录制App操作生成Gif动态图的全过程

最后会提示录制视频的保存位置,自己选个文件夹保存。

android studio 也提供了截屏功能,就在录制按钮的上方

Android下录制App操作生成Gif动态图的全过程

点击截屏会弹出手机当前的操作界面,还可以用reload刷新手机界面。

Android下录制App操作生成Gif动态图的全过程

视频转gif

这儿方法也有很多

  • 格式工厂之类的,输入视频格式,导出为gif格式
  • 截取很多帧图片,将多张图片拼接为gif
  • qq影音工具箱自带了截取一段视频保存为gif格式

本文采用一种最简单的方法,利用一款叫 gifcam 的绿色版软件

使用方法很简单,
1. 用一个播放器打开咱们刚才录制好的mp4视频,然后拖动调整 gifcam 大小,让它的透明区域(录制gif区域)覆盖你要录制范围。
2. 点击播放器播放视频,再点击gifcam的rec按钮,就可以录制gif了。
3. 录完点击stop按钮,选择gif文件保存位置。

Android下录制App操作生成Gif动态图的全过程

本文讲解android 下如何录制app操作生成gif动态图的方法,希望对大家的学习有所帮助。

延伸 · 阅读

精彩推荐
  • AndroidAndroid实现Service获取当前位置(GPS+基站)的方法

    Android实现Service获取当前位置(GPS+基站)的方法

    这篇文章主要介绍了Android实现Service获取当前位置(GPS+基站)的方法,较为详细的分析了Service基于GPS位置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    Ruthless8342021-03-31
  • AndroidAndroid程序设计之AIDL实例详解

    Android程序设计之AIDL实例详解

    这篇文章主要介绍了Android程序设计的AIDL,以一个完整实例的形式较为详细的讲述了AIDL的原理及实现方法,需要的朋友可以参考下...

    Android开发网4642021-03-09
  • AndroidAndroid中AsyncTask详细介绍

    Android中AsyncTask详细介绍

    这篇文章主要介绍了Android中AsyncTask详细介绍,AsyncTask是一个很常用的API,尤其异步处理数据并将数据应用到视图的操作场合,需要的朋友可以参考下...

    Android开发网7452021-03-11
  • AndroidAndroid实现固定屏幕显示的方法

    Android实现固定屏幕显示的方法

    这篇文章主要介绍了Android实现固定屏幕显示的方法,实例分析了Android屏幕固定显示所涉及的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    鉴客6192021-03-27
  • AndroidAndroid编程解析XML方法详解(SAX,DOM与PULL)

    Android编程解析XML方法详解(SAX,DOM与PULL)

    这篇文章主要介绍了Android编程解析XML方法,结合实例形式详细分析了Android解析XML文件的常用方法与相关实现技巧,需要的朋友可以参考下...

    liuhe68810052021-05-03
  • AndroidAndroid界面效果UI开发资料汇总(附资料包)

    Android界面效果UI开发资料汇总(附资料包)

    android ui界面设计,友好的界面会提高用户体验度;同时也增强了android ui界面设计的难度,本文提供了一些常用开发资料(有下载哦)感兴趣的朋友可以了解下...

    Android开发网4672021-01-03
  • AndroidAndroid CardView+ViewPager实现ViewPager翻页动画的方法

    Android CardView+ViewPager实现ViewPager翻页动画的方法

    本篇文章主要介绍了Android CardView+ViewPager实现ViewPager翻页动画的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    Abby代黎明9602022-03-02
  • Android汇总Android视频录制中常见问题

    汇总Android视频录制中常见问题

    这篇文章主要汇总了Android视频录制中常见问题,帮助大家更好地解决Android视频录制中常见的问题,需要的朋友可以参考下...

    yh_thu5192021-04-28