显示动画GIF

我想在我的应用程序中显示动画GIF图像。我发现Android本身并不支持GIF动画。

但是它可以使用AnimationDrawable显示动画:

开发>指南>图像和图形>绘图概述

这个例子使用动画保存为框架的应用程序资源，但我需要的是直接显示动画gif。

我的计划是将动画GIF分解为帧，并将每帧添加为可绘制的AnimationDrawable。

有人知道如何从动画GIF中提取帧并将它们转换为可绘制的吗?

当前回答

在Android上显示动画GIF的方法:

电影类。正如上面提到的，它有很多bug。 WebView。使用起来很简单，而且通常很有效。但有时它开始表现不佳，而且总是在一些你没有的晦涩设备上。另外，您不能在任何类型的列表视图中使用多个实例，因为它会对内存产生影响。不过，您可以将其视为主要方法。自定义代码解码gif为位图，并显示为Drawable或ImageView。我将提到两个库:

https://github.com/koral--/android-gif-drawable -解码器是用C语言实现的，因此非常高效。

https://code.google.com/p/giffiledecoder -解码器是在Java中实现的，所以它更容易使用。即使是大文件，仍然相当高效。

你还会发现许多基于GifDecoder类的库。这也是一个基于java的解码器，但它是通过将整个文件加载到内存中来工作的，因此它只适用于小文件。

2015-01-10 15:14:08

其他回答

@PointerNull给出了很好的解决方案，但并不完美。它不能在一些大文件的设备上工作，并显示有bug的Gif动画与前ICS版本的delta帧。我找到了没有这个bug的解决方案。它是带有原生解码到可绘制的库:koral的android-gif-drawable。

2014-04-03 06:58:22

有两个选项可以将动画gif加载到我们的Android应用程序中

1)使用Glide将gif加载到ImageView中。

    String urlGif = "https://cdn.dribbble.com/users/263558/screenshots/1337078/dvsd.gif";
    //add Glide implementation into the build.gradle file.
    ImageView imageView = (ImageView)findViewById(R.id.imageView);
    Uri uri = Uri.parse(urlGif);
    Glide.with(getApplicationContext()).load(uri).into(imageView);

2)使用html加载gif到WebView

创建带有。gif文件地址的html:

<html style="margin: 0;">
<body style="margin: 0;">
<img src="https://..../myimage.gif" style="width: 100%; height: 100%" />
</body>
</html>

将这个文件存储到assets目录中:

将这个html加载到应用程序的WebView中:

    WebView webView =  (WebView)findViewById(R.id.webView);
    webView = (WebView) findViewById(R.id.webView);
    webView.loadUrl("file:///android_asset/html/webpage_gif.html");

下面是这两个选项的完整示例。

2018-01-19 17:03:51

直接从URL到应用程序布局显示动画GIF的简单方法是使用WebView类。

步骤1: 在XML布局中

< WebView android: id =“@ + id / webView” android: layout_width = " 50 dp” android: layout_height = " 50 dp” />

第二步:在活动中

网络视图 wb; wb = （WebView） findViewById（R.id.webView）; wb.loadUrl（“https://.......）;

步骤3:在Manifest.XML中设置Internet权限

< uses-permission android: name = " android.permission。互联网" / >

步骤4:如果你想让你的GIF背景透明，让GIF适合你的布局

wb.setBackgroundColor (Color.TRANSPARENT); wb.getSettings () .setLoadWithOverviewMode(真正的); wb.getSettings () .setUseWideViewPort(真正的);

2018-02-26 10:28:47