How to apply animation on cached image in Glide

Question

I want to show the image using Glide animation. I'm downloading this image from the server. The animation is working fine when it downloads from the server but it's not working when the image is taken from Glide cache

requestOptions.skipMemoryCache(true);
requestOptions.diskCacheStrategy(DiskCacheStrategy.ALL);

Please check my code below

RequestOptions requestOptions = new RequestOptions();
requestOptions.timeout((int) NetworkParam.CONNECTION_TIME_OUT);
requestOptions.placeholder(R.drawable.img_blue_shirt);
requestOptions.priority(Priority.HIGH);
requestOptions.signature(new ObjectKey(String.valueOf(imgName)));
//requestOptions.skipMemoryCache(true);
requestOptions.diskCacheStrategy(DiskCacheStrategy.NONE);

//requestOptions.error(R.drawable.img_blue_shirt);
try {
    Glide.with(imageView.getContext().getApplicationContext())
         .load(imgUrl)
         .transition(GenericTransitionOptions.with(R.anim.anim_slide_in_left))
         .apply(requestOptions)
         .into(imageView);
} catch (Exception ex) {
    ex.printStackTrace();
}

Its stored in Glide cache but how can i use animation on image which is coming from cache? — Sumit Bandekar, Dec 07 '18 at 07:30

score 13 · Answer 1 · answered Mar 04 '19 at 12:20

According to the documentation here, in Glide v4 you can implement and apply a custom TransitionFactory.

For always crossfading, in Kotlin you can:

Implement the TransitionFactory interface

class DrawableAlwaysCrossFadeFactory : TransitionFactory<Drawable> {
  private val resourceTransition: DrawableCrossFadeTransition = DrawableCrossFadeTransition(300, true) //customize to your own needs or apply a builder pattern
  override fun build(dataSource: DataSource?, isFirstResource: Boolean): Transition<Drawable> {
    return resourceTransition
  }
}

Apply it as a transition

GlideApp.with(this)
  .load(url)
  .transition(DrawableTransitionOptions.with(DrawableAlwaysCrossFadeFactory()))
  .into(image)

score 7 · Answer 2 · edited Jan 12 '20 at 09:57

7

To apply image change transition in glide 4.10 use

Glide.with(this).load(artwork)
                            ..transition(DrawableTransitionOptions.withCrossFade())
                            .into(playerBackground);

edited Jan 12 '20 at 09:57

Mark Rotteveel

100,966
191
140
197

answered Jan 12 '20 at 09:39

Vikash Sharma

539
8
13

The question is about animation on cached images, and this solution doesn't help with them. – Daniel Aug 26 '20 at 10:52

score 1 · Answer 3 · answered Dec 07 '18 at 07:44

By default, Glide will not animate the image when loading it. If images are cached on disk, Glide will animate. To change that, define a custom TransitionFactory and pass it in with DrawableTransitionOptions.

For an example implementation, see the cross fade factory: https://github.com/bumptech/glide/blob/master/library/src/main/java/com/bumptech/glide/request/transition/DrawableCrossFadeFactory.java

score 0 · Accepted Answer · answered Dec 07 '18 at 08:40

0

yes I got my answer here we cant apply animation on cached image in glide for more info please check below link

https://bumptech.github.io/glide/doc/transitions.html

answered Dec 07 '18 at 08:40

Sumit Bandekar

410
5
10

How to apply animation on cached image in Glide

4 Answers4

Linked