从 Firebase 存储链接显示 .gif

Question

我的 Firebase 存储中有 .gif 文件的链接

String gifUrl = "https://firebasestorage.googleapis.com/v0/b/rokitskiydev-a18ca.appspot.com/o/WF%2F10-16-02-Digital-15.gif?alt=media&token=0354f6e6-4292-4911-9302-49281d293a80";

我尝试使用 Picasso 和 Glide。但我只能显示这个 gif 的图像。

GlideApp.with(context).load(gifUrl).into(ImageView);

如果我得到另一个链接，一个例子http://i.imgur.com/1ALnB2s.gif 没关系！

我该怎么做？

Answer 1

获取 gif 的 downloadUrl，然后使用它通过 Glide 加载 gif。

ImageView imageView = (ImageView) findViewById(R.id.imageView);
GlideDrawableImageViewTarget imageViewTarget = new GlideDrawableImageViewTarget(imageView);
Glide.with(this).load(downloadUrl).into(imageViewTarget);

对于较新版本的 Glide，试试这个：

Glide.with(context)
.load(imageUrl)
.asGif()
.placeholder(R.drawable.loading2)
.crossFade()
.into(imageView);

Answer 2

正如 Glide 文档所说，

您可以使用.asGif() 强制库加载动画 gif，如果不加载则失败：

Glide.with(activity).load(gifUrl).asGif().into(view);

试试这个

查看文档：https://futurestud.io/tutorials/glide-displaying-gifs-and-videos

正如 FirebaseDoc 所说，您可以这样做以通过滑行加载图像/gif

首先在你的 build.gradle 中声明这个

dependencies {
    // FirebaseUI Storage only
    compile 'com.firebaseui:firebase-ui-storage:0.6.0'
}

然后

这将使用 firebase 加载您的图像

// Reference to an image file in Firebase Storage
StorageReference storageReference = ...;

// ImageView in your Activity
ImageView imageView = ...;

// Load the image using Glide
Glide.with(this /* context */)
        .using(new FirebaseImageLoader())
        .load(storageReference)
        .into(imageView);

如果您需要图像/gif 文件的 url，您可以这样做

storageRef.child("your/firebase/imagepath.png").getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
        @Override
        public void onSuccess(Uri uri) {
            // Got the download URL for 'users/me/profile.png'
            Uri downloadUri = taskSnapshot.getMetadata().getDownloadUrl();
            generatedFilePath = downloadUri.toString(); /// The string(file link) that you need
        }
    }).addOnFailureListener(new OnFailureListener() {
        @Override
        public void onFailure(@NonNull Exception exception) {
            // Handle any errors
        }
    });