How to load GIF image from drawable folder into ImageView using glide?

Question

I have to show load GIF image from drawable to ImageView using glide.I have tried with following.

Glide.with(LoginActivity.this)
                .load(getResources().getDrawable(R.drawable.bg_gif)).asGif()
                .crossFade()
                .into(relativeLayout);

But isn't seem working and it's working when I'm place image in raw folder.but the problem is I have to use different dimension images.

Any help would be greatly appreciated.

Some important links- 1. https://github.com/bumptech/glide 2. http://inthecheesefactory.com/blog/get-to-know-glide-recommended-by-google/en — Shoeb Siddique, Mar 23 '16 at 07:06

score 15 · Accepted Answer · edited Sep 21 '16 at 13:39

15

You can try to use Ion it works fine for me. Ion

Using Ion

 Ion.with(imgView)
.error(R.drawable.default_image)
.animateGif(AnimateGifMode.ANIMATE)
.load("file:///android_asset/animated.gif");

Using Glide

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

Another Approach

For Glide 3.0 you need to set asGif() earlier:

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

Keep in mind that just using load() will load either a GIF or a Bitmap depending on the type of the data. Unless you want your load to fail if the given url is not a gif, you don't need to specify asGif()

edited Sep 21 '16 at 13:39

Ravindra Kushwaha

7,846
14
53
103

answered Feb 19 '16 at 07:42

Kristo

1,339
12
22

It's an alternative solution.please answer for my query. – Stella Feb 19 '16 at 08:00
I have tried both of your code but no one is showing animation for me. I am using glide. – Mar 23 '16 at 07:14
@Kristo What is GlideDrawableImageViewTarget? – Skizo-ozᴉʞS ツ Nov 12 '17 at 17:26
@Skizo-ozᴉʞS a target that can display an Drawable in an ImageView. – Kristo Nov 12 '17 at 20:21
But I can't import it, where I can found it? I did compile the library tho – Skizo-ozᴉʞS ツ Nov 12 '17 at 20:22
1

Use `DrawableImageViewTarget` to replace `GlideDrawableImageViewTarget` for newer Glide version – Alston Sep 21 '19 at 12:36
@Alston do you know why it's loading my gif as only an image? I did everything above and made sure to place my gif inside raw folder – DIRTY DAVE Oct 07 '19 at 20:22
@davids. So I told you for new Glide version, the API you choosed is deprecated. You need to use the new one above. – Alston Oct 09 '19 at 13:38

score 8 · Answer 2 · answered Feb 19 '16 at 07:40

8

Just pass the resource id directly to load():

Glide.with(LoginActivity.this)
            .load(R.drawable.bg_gif)
            .asGif()  // you may not need this
            .crossFade()
            .into(relativeLayout);

answered Feb 19 '16 at 07:40

Doug Stevenson

297,357
32
422
441

It works perfectly fine for me - I did write the code and execute it. You may want to consider if your ImageView is correctly visible. – Doug Stevenson Feb 19 '16 at 08:10

score 3 · Answer 3 · answered May 12 '16 at 16:00

Steps to load Gif images from drawable

You need to move your Gif image tores/raw folder of your project ( if your project don't have raw folder in resource directly then simply make one and put your gif in it )
and then you can simply load your gif with just one line of code

Glide.with(this)
                  .load(R.raw.splash)
                  .into(new GlideDrawableImageViewTarget(
                          (ImageView) findViewById(R.id.image)));

score 1 · Answer 4 · edited Apr 04 '17 at 07:10

1

Place your Gif in the "raw" folder and use

  GlideDrawableImageViewTarget imageViewTarget = new GlideDrawableImageViewTarget(imageView);
    Glide.with(this).load(R.raw.test).into(imageViewTarget);

edited Apr 04 '17 at 07:10

J. Chomel

8,193
15
41
69

answered Apr 04 '17 at 06:45

Satyam Anand

377
1
8

score 1 · Answer 5 · answered Feb 23 '18 at 13:34

1

For Glide 4

GlideApp.with(this)
            .load(R.raw.gif_file)
            .diskCacheStrategy(DiskCacheStrategy.NONE)
            .into(imageView);

answered Feb 23 '18 at 13:34

Gowsik

1,096
1
12
25

How to load GIF image from drawable folder into ImageView using glide?

5 Answers5

Steps to load Gif images from drawable