显示动画GIF

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

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

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

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

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

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

当前回答

用壁画。以下是如何做到这一点:

http://frescolib.org/docs/animations.html

以下是示例的回购:

https://github.com/facebook/fresco/tree/master/samples/animation

当心壁画不支持包装内容!

2016-06-08 11:05:25

其他回答

我解决了这个问题，在将gif动画保存到手机之前将其分割成帧，这样我就不必在Android中处理它了。

然后我把每一帧下载到手机上，从中创建Drawable，然后创建AnimationDrawable -非常类似于我的问题中的例子

2010-10-01 18:14:29

只是想补充一点，Movie类现在已弃用。

这个类在API级别P中已弃用。

建议使用此方法

AnimatedImageDrawable

用于绘制动画图像(如GIF)。

2018-05-23 05:23:17

我认为更好的库来处理gif文件是这个:由koral

使用它，我是成功的，这个库是专用于GIF的;但正如毕加索和滑翔一般用途的图像框架;所以我认为这个库的开发人员完全专注于GIF文件

2016-03-29 13:44:56

有两个选项可以将动画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