Using Glide to Load Placeholder from URL Displayed when Loading GIF (Android)
Good day.
What I have:
Glide
.with(this)
.load(imageUrl)
.asGif()
.diskCacheStrategy(DiskCacheStrategy.SOURCE)
.placeholder(R.drawable.gif)
.into(imageView);
But instead, I want to use Glide to load the same gif asBitmap (), which will be used as a placeholder while it is loading the actual gif.
As if I could do: .placeholder(Glide.with(this).load(imageUrl).asBitmap())
Thanks in advance.
+3
source to share
1 answer
You need to pass url to .thumbnail (url) as
.thumbnail(Glide
.with(context)
.load(Url)
.asBitmap()
Or like this: -
DrawableRequestBuilder<String> thumbnail = Glide.with(context)
.diskCacheStrategy(DiskCacheStrategy.ALL)
.load(url);
try {
Glide.with(context)
.diskCacheStrategy(DiskCacheStrategy.ALL)
.error(placeholder)
.load(url)
.thumbnail(thumbnail)
.into(imageView);
} catch (Exception e) {
e.printStackTrace();
}
Reference:
https://github.com/bumptech/glide/issues/1198
https://futurestud.io/tutorials/glide-thumbnails
https://github.com/bumptech/glide/issues/362
private void loadImage(ImageView image, @RawRes int typeID, String imagePath) {
Context context = image.getContext();
BitmapPool pool = Glide.get(context).getBitmapPool();
// OPTION 1 Bitmap
Glide
.with(image.getContext())
.load(imagePath)
.asBitmap()
.animate(android.R.anim.fade_in)
.placeholder(R.drawable.image_loading)
.error(R.drawable.image_error)
.thumbnail(Glide
.with(context)
.load(typeID)
.asBitmap()
.imageDecoder(new SvgBitmapDecoder(pool)) // implements ResourceDecoder<InputStream, Bitmap>
)
.into(image)
;
// OPTION 2 GlideDrawable
Glide
.with(image.getContext())
.load(imagePath)
.crossFade()
.placeholder(R.drawable.image_loading)
.error(R.drawable.image_error)
.thumbnail(Glide
.with(context)
.load(typeID)
.decoder(new GifBitmapWrapperResourceDecoder(
new ImageVideoBitmapDecoder(
new SvgBitmapDecoder(pool),
null /*fileDescriptorDecoder*/
),
// just to satisfy GifBitmapWrapperResourceDecoder.getId() which throws NPE otherwise
new GifResourceDecoder(context, pool),
pool
)
)
)
.into(image)
;
}
+5
source to share