显示带有库的 Gif 图像

Question

我正在使用这个库来显示 gif 图片：https://github.com/felipecsl/GifImageView

但我不知道如何在这些代码中实现我的 gif 图像。我在资产文件夹中有一些 GifImages。

这是我的代码：

PlayActivity.java：

import android.app.Activity;
import android.os.Bundle;

import com.felipecsl.gifimageview.library.GifImageView;

import java.io.IOException;
import java.io.InputStream;

public class PlayActivity extends Activity{

    GifImageView gifView;
    //byte[] bytes;

    @Override
    protected void onCreate(final Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_play_activity);

        try {
            InputStream is = getAssets().open("rain_4.gif");
            byte[] bytes = new byte[is.available()];
            is.read(bytes);
            is.close();

            gifView = (GifImageView) findViewById(R.id.gifImageView);
            gifView = new GifImageView(this);
            gifView.setBytes(bytes);
            gifView.startAnimation();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @Override
    protected void onStart() {
        super.onStart();
        if(gifView != null) gifView.startAnimation();
    }

    @Override
    protected void onStop() {
        super.onStop();
        if(gifView != null) gifView.startAnimation();
    }
}

还有layout_play_activity.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context=".PlayActivity">

    <com.felipecsl.gifimageview.library.GifImageView
        android:id="@+id/gifImageView"
        android:layout_gravity="center"
        android:scaleType="fitCenter"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

Answer 1

首先，您需要将 gif 文件放入 assets 文件夹中。默认情况下，Android Studio 项目中不会创建 assets 文件夹，因此您应该在 src/main/assets 中创建一个目录并将您的 .gif 文件放入其中。 drawable 资源文件夹应该为drawables 保留。

您可以使用输入流将字节加载到字节数组中，这是在您的 onCreate 方法中完成的：

@Override
protected void onCreate(final Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.layout_play_activity);
    try {
        //animation.gif is just an example, use the name of your file
        //that is inside the assets folder.

        InputStream is = getAssets().open("animation.gif");
        bytes = new byte[is.available()];
        is.read(bytes);
        is.close();

        gifView = (GifImageView) findViewById(R.id.gifImageView);
        gifView = new GifImageView(this);
        gifView.setBytes(bytes);
        gifView.startAnimation();
    } catch (IOException e) {
        e.printStackTrace();
    }
}

Answer 2

我建议查看Glide library，因为它无需任何修改即可制作动画 GIF，并且可以适合任何项目。

如果您在任何类型的回收视图中使用这些图像，它还具有更流畅的加载和适当调整大小的额外好处。

---

正如@fixmycode 所说，如果你想使用当前的实现，你永远不会定义字节[]。

Answer 3

1.我建议您查看 Facebook 的图像管理库，即Fresco，与其他图像加载库相比，它非常棒且成熟。

2.Fresco 有SimpleDraweeView 作为自定义图像视图，它支持Rounded Corners and Circles link 和支持动画(.gif, .webp) 以及普通图像(.jpg, .png)。强>

3.Fresco 使用 3 层架构（BITMAP_MEMORY_CACHE、ENCODED_MEMORY_CACHE 和 DISK_CACHE）处理所有图像缓存。它还减少了 OOM（内存不足）问题。当视图中的图像离开屏幕时，它会自动回收位图，从而释放内存。

Answer 4

您提供的库链接中有一个示例。您加载 GifImageView 的方式与示例中编写的方式不同。该示例正在从 Internet 下载 gif。

这是来自示例 MainActivity 的 sn-p：

GifImageView gifImageView = (GifImageView) findViewById(R.id.gifImageView);

new GifDataDownloader() {
    @Override
    protected void onPostExecute(final byte[] bytes) {
        gifImageView.setBytes(bytes);
        gifImageView.startAnimation();
        Log.d(TAG, "GIF width is " + gifImageView.getGifWidth());
        Log.d(TAG, "GIF height is " + gifImageView.getGifHeight());
    }
}.execute("http://gifs.joelglovier.com/aha/aha.gif");

解决方案：

我不确定您是否可以使用此库从您的资产中加载 GifImageView，但我更喜欢使用 ion 库。这真的很简单。使用该库，您还可以随意拉伸 gif 图像：

https://github.com/koush/ion

简单示例：

ImageView imageView = (ImageView) findViewById(R.id.imageView);
Ion.with(imageView).load("http://gifs.joelglovier.com/aha/aha.gif");