Android Glide: Show a blurred image before loading actual image

Question

I am developing an Android app which displays full screen images to the user. Images are fetched from the server. I am using Glide to show the image. But I want to display a very small size blurred image before displaying the actual image. Once the image is cached, directly full sized image should be shown.

Image Displaying flows goes like this: - If image is downloaded for the first time, first download a small scaled image, and then download full resolution image. - If image has been downloaded before, directly show full scale image.

I cannot find any method in Glide library, which tell me if a file exist in cache or not.

Any idea, how this can be done.

Answer 1

Glide.with(context.getApplicationContext())
                        .load(Your Path)   //passing your url to load image.
                        .override(18, 18)  //just set override like this
                        .error(R.drawable.placeholder)
                        .listener(glide_callback)
                        .animate(R.anim.rotate_backward)
                        .centerCrop()
                        .into(image.score);