十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
背景:在项目里某个需求实现的时候,有个图标有一个动画效果,为了达到UI要求的效果,试过多种方案,在这篇文章中讲一下这些方案的用法,以及结合项目的现状,做的一个方案选择。
为大石桥等地区用户提供了全套网页设计制作服务,及大石桥网站建设行业解决方案。主营业务为成都网站设计、成都做网站、大石桥网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
Link:
Glide是Android上比较常见的图片加载框架了,在Android上是数一数二的图片加载框架代表了,当然,早期的类似 ImageLoader , Picasso 这些,算是比较具有历史性的图片加载框架了。
Glide加载Gif的话,用到的是 GifDrawable 这个对象,一般我们用
去创建,当然,如果你加载的是 Bitmap 或 GifDrawable,你可以判断这个可绘制对象是否实现了 Animatable:
Link:
android-gif-drawable也是Android上比较火热的图片加载框架
这个库播放Gif用到的也是 pl.droidsonroids.gif.GifDrawableGifDrawable 对象,不像Glide,它的创建的方式比较简单
可以根据需求,选择不同的构造器创建对象
GifDrawable 实现了 Animatable 跟 MediaPlayerControl 接口,所以你可以使用他们各自的方法甚至更多
使用 MediaPlayerControl
MediaPlayer的标准控件(如VideoView)可用于控制GIF动画并显示其当前进度。
只需在 MediaController 上将 GifDrawable 设置为 MediaPlayer ,如下所示:
更多详细用法见 Github Usage
Link:android.jar-android.graphics.drawable
AnimatedImageDrawable是Android官方推出播放动图的类,优点是官方稳定高效,缺点是仅支持Android P版本(api=28)以上
使用方法也比较简单
Link:android.jar-android.graphics
android.graphics.Movie 也是Android自带的类,可以用来加载播放Gif动画,实现起来相对来说可能比较繁琐,官方已经将这个类标记为 @Deprecated {@link android.graphics.drawable.AnimatedImageDrawable} ,但还是有必要讲下。
主要的构造方法有:
按来源分别可以从Gif文件的输入流,文件路径,字节数组中得到Movie的实列。然后我们可以通过操作Movie对象来操作Gif文件。
下面介绍下几个方法:
关键是Movie官方没有给出回调监听,故我们需要手动做监听。
有兴趣的可以看这一篇文章,写的很不错。 Android自定义View播放Gif动画
当然,除了这些之外,还有跨平台的解决方案,比起传统的gif文件, Lottie 则是使用json文件来代表动画源文件。
Lottie 对APK的影响有多大?
Add the dependency to your project build.gradle file:
核心类:
加载动画:
Lottie 可以加载动画来自:
最简单的形式就是使用 LottieAnimationView :
推荐使用 lottie_rawRes ,相对于使用指定的字符串文件名,你可以使用通过 R 文件以静态的引用形式指定你的动画文件.
更多详细介绍及用法见 官方文档
Link:
FrameSequenceDrawable 更多的是对webp格式的一个支持,所以当要使用时,需要将你的gif转为webp
来看下主要的构造方法:
使用方法如下:
[Facebook/Fresco] ( ) 也支持gif的加载,大同小异,这里就不再过多介绍了。
Glide在部分设备上遇到了Gif变慢的问题,详见 issues_2471
考虑到项目已经集成了Glide了,就不打算再继续引入第三方的库了。又因为原素材的问题,无法导出Lottie格式的json文件。
故这一块当时做的就是 =androidP 用AnimatedImageDrawable,androidP 就用Glide,仅供参考。
以下是关于Android如何播放Gif动画的内容,此内容在网上已经很多。在《疯狂Android讲义》中李刚也有所介绍和相关的源代码。
1.android实现播放gif动画,如何将gif动画打散,将gif图片打散本文介绍两个工具,可以帮我们打散图片:
gifsplitter2.0 下载地址:
easygifanimator 下载地址:
第一个软件分割图片都是bmp图片,图片比较大,这里不推荐使用,本站推荐使用第二种软件
以上两种软件的使用方法本站不在详细赘述,本站详细介绍安卓开发中使用的代码
2.android实现播放gif动画,假设我们已经得到了gif动画被打散的图片,分别为:x0.png、x1.png、x2.png、 x3.png,
android中现在没有直接显示gif的view,只能通过mediaplay来显示,且还常常不能正常显示出来,为此写了这个gifview,其用法和imageview一样
使用方法:
1-把GifView.jar加入你的项目。
2-在xml中配置GifView的基本属性,GifView继承自View类,和Button、ImageView一样是一个UI控件。如:
com.ant.liao.GifView android:id="@+id/gif2"
android:layout_height="wrap_content" android:layout_width="wrap_content"
android:paddingTop="4px" android:paddingLeft="14px" android:enabled="false" /
3-在代码中配置常用属性:
// 从xml中得到GifView的句柄
gf1 = (GifView) findViewById(R.id.gif1);
// 设置Gif图片源
gf1.setGifImage(R.drawable.gif1);
// 添加监听器
gf1.setOnClickListener(this);
// 设置显示的大小,拉伸或者压缩
gf1.setShowDimension(300, 300);
// 设置加载方式:先加载后显示、边加载边显示、只显示第一帧再显示
gf1.setGifImageType(GifImageType.COVER);
1、下载安装AnimGIF Live Wallpaper,值得注意的是,安装成功之后,在应用程序列表是无法找到它的图标,找到方式看下图:2、进入AnimGIF Live Wallpaper,点击左下方的设置按钮,选择“Set GIF Image”按钮即进入文件目录浏览,找到需要设置为壁纸的GIF动图,点击设置壁纸即可。注意事项:1、GIF动图体积不要过大,尽量不要超过1M,否则会出现卡顿、掉帧等播放问题;2、设置动图为壁纸后,会导致耗电量的增加。