android : GIF animation cycle complete Listener

Question

I have one GIF image and want to load in Splash Screen. I came across few libraries like android-gif-drawable and Glide

Is there any way I can listen for one animation cycle complete ? I mean once animation cycle is complete(whole animation is completed, without repeating) I want a listener, that Animation is complete, and provides us with some callback. Somewhat like:

SomeLibrary.load("GIF")
.into(imageview)
.repeat(false)
.setOnAnimationCompleteListener(new OnAnimationCompleteListener(){
    public void onAnimationComplete(){
        // Animation is completed. Do whatever you want to do..
    }
});

I have worked with both libraries But looking for a feature as I mentioned above.

score 21 · Answer 1 · edited Jul 17 '19 at 17:12

For Glide V4 I've found this to be the best answer. https://github.com/bumptech/glide/pull/3438

Glide.with(this).asGif().load(/*your gif url*/).listener(new RequestListener<GifDrawable>() {
    @Override
    public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<GifDrawable> target, boolean isFirstResource) {
        return false;
    }

    @Override
    public boolean onResourceReady(GifDrawable resource, Object model, Target<GifDrawable> target, DataSource dataSource, boolean isFirstResource) {
        resource.setLoopCount(1);
        resource.registerAnimationCallback(new Animatable2Compat.AnimationCallback() {
            @Override
            public void onAnimationEnd(Drawable drawable) {
                //do whatever after specified number of loops complete
            }
        });
        return false;
    }
}).into(imageView);

This does not work in the latest version of Glide 4.15. – Shikhar Apr 21 '23 at 05:54 — Shikhar, Apr 21 '23 at 05:54

Codus · Answer 2 · 2018-09-25T01:45:36.163

Update 2018/9/25 After a long period of use in this code

I found that some phones did not really start running in onResourceReady. Means that I get isRunning() == false once onResourceReady is called.

Solution: Sleeping at the beginning.

@Override
    public boolean onResourceReady(final GifDrawable resource, Object model, Target<GifDrawable> target, DataSource dataSource, boolean isFirstResource) {
        resource.setLoopCount(1);
        new Thread(new Runnable() {
            @Override
            public void run() {
                Thread.sleep(200);
                while(true) {
                    if(!resource.isRunning()) {
                        onGifFinished();//do your stuff
                        break;
                    }
                }
            }
        }).start();
        return false;
    }

Origin

Because the GIF has a delay when playing, I use the thread to monitor the end of the play. Not a very good but effective way.

Glide.with(this).asGif().load(R.raw.gif)
        .apply(RequestOptions.diskCacheStrategyOf(DiskCacheStrategy.NONE)).listener(new RequestListener<GifDrawable>() {
    @Override
    public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<GifDrawable> target, boolean isFirstResource) {
        onGifFinished();//do your stuff
        return false;
    }

    @Override
    public boolean onResourceReady(final GifDrawable resource, Object model, Target<GifDrawable> target, DataSource dataSource, boolean isFirstResource) {
        resource.setLoopCount(1);
        new Thread(new Runnable() {
            @Override
            public void run() {
                while(true) {
                    if(!resource.isRunning()) {
                        onGifFinished();//do your stuff
                        break;
                    }
                }
            }
        }).start();
        return false;
    }
}).into(iv);

score 2 · Answer 3 · answered Mar 30 '17 at 10:51

Below is the complete code for gif 1 loop animation. After completing loop, control will redirects to next activity.

private void initGlideGifImageView() {

    showProgressDialog("Loading image...");
    GlideDrawableImageViewTarget imageViewTarget = new GlideDrawableImageViewTarget(imgSafetyGif, 1);
    Glide
            .with(this)
            .load(GIF_SOURCE_URL)
            .placeholder(R.drawable.img_placeholder_1)
            .error(R.drawable.img_error_1_280_text)
            .diskCacheStrategy(DiskCacheStrategy.ALL)
            .listener(new RequestListener<String, GlideDrawable>() {

                @Override
                public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {
                    hideProgressDialog();
                    return false;
                }

                @Override
                public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                    hideProgressDialog();

                    GifDrawable gifDrawable = null;
                    Handler handler = new Handler();
                    if (resource instanceof GifDrawable) {
                        gifDrawable = (GifDrawable) resource;

                        int duration = 0;
                        GifDecoder decoder = gifDrawable.getDecoder();
                        for (int i = 0; i < gifDrawable.getFrameCount(); i++) {
                            duration += decoder.getDelay(i);
                        }

                        handler.postDelayed(new Runnable() {
                            @Override
                            public void run() {
                                Intent intent = new Intent(SplashScreenActivity.this, MainActivity.class);
                                startActivity(intent);
                                SplashScreenActivity.this.finish();
                            }
                        }, (duration + 3000));

                    }

                    return false;
                }

            })
            .into(imageViewTarget);
}

i am not able to find listner from glide. – UchihaSasuke Nov 17 '17 at 14:04 — UchihaSasuke, Nov 17 '17 at 14:04

score 2 · Answer 4 · answered Sep 22 '19 at 16:14

I came a little bit late. I am going to improve the answer of @Codus.

@Override
public boolean onResourceReady(GifDrawable resource, Object model, Target<GifDrawable> target, DataSource dataSource, boolean isFirstResource) {
resource.setLoopCount(1);
resource.registerAnimationCallback(new CustomAnimationCallback() {
       @Override
       public void onEnd(Drawable drawable) {

       }
});
return false;
}

And the CustomAnimationCallback()

public abstract class CustomAnimationCallback extends Animatable2Compat.AnimationCallback {

@Override
public void onAnimationStart(Drawable drawable)
{
    onStart(drawable);
}

@Override
public void onAnimationEnd(Drawable drawable)
{
    onEnd(drawable);
}

public abstract void onStart(Drawable drawable);
public abstract void onEnd(Drawable drawable);
}

Ankit Singh · Answer 5 · 2016-02-26T11:10:19.997

1

you can use this gif library LINK which has onAnimationCompleted which is called when a loop is completed also it has get duration method which give duration of one loop, you can use any u want

 File gifFile = new File(getFilesDir(),"anim.gif");
    GifDrawable gifFromFile = new GifDrawable(gifFile);
    gifFromFile.addAnimationListener(new AnimationListener() {
        @Override
        public void onAnimationCompleted(int loopNumber) {

        }
    });

edited Feb 26 '16 at 11:10

answered Feb 26 '16 at 07:08

Ankit Singh

149
1
4

As I said, I have used this library, but I didn't find the method named `onAnimationCompleted`. Can you point the correct method name ? – Chintan Soni Feb 26 '16 at 08:05

score -1 · Answer 6 · answered Jun 12 '18 at 15:10

import Glide library as module to your project and make changes in GifDrawable.java

Follow the sample here

public void setOnAnimationListener(AnimationListener listener) {
   this.animationListener = listener;
}

public interface AnimationListener {
   void onAnimationStarted();
   void onAnimationEnded();
}

//add listener to startRunning and stopRunning methods
private void startRunning() {
      if (animationListener != null) 
       animationListener.onAnimationStarted();
}

private void stopRunning() {
      if (animationListener != null) 
       animationListener.onAnimationEnded();
}
//when loading gifs add request listeners and setAnimationCallback to the GifDrawable
@Override
public void onResourceReady(Drawable resource, @Nullable Transition<?
                                super Drawable> transition) {
        if (resource instanceof GifDrawable) {
         GifDrawable gifDrawable = (GifDrawable) resource;
          gifDrawable.setOnAnimationListener(new AnimationListener() {
            @Override
            public void onAnimationStarted() {
              Log.d("onAnimation", "Started");
            //dothings();                
            }

            @Override
            public void onAnimationEnded() {
              Log.d("onAnimation", "Stopped");
              //dothings();                
            }
            }
          });
        }
    super.onResourceReady(resource, transition);
}

android : GIF animation cycle complete Listener

6 Answers6

Linked