Imposta la visibilità della barra di avanzamento completata al completamento del caricamento dell'immagine utilizzando la libreria Glide

Question

Ciao Voglio avere una barra di avanzamento per l'immagine che verrà mostrata durante il caricamento dell'immagine ma quando il caricamento dell'immagine sarà completato Voglio impostarlo su andato. In precedenza stavo usando la libreria Picasso per questo. Ma non so come usarlo con la libreria Glide. Ho idea che ci sia qualche funzione pronta per le risorse, ma non so come usarla. Qualcuno può aiutarmi?

Codice in materia di Picasso Biblioteca

Picasso.with(mcontext).load(imgLinkArray.get(position).mUrlLink) 
     .into(imageView, new Callback() { 
      @Override 
      public void onSuccess() { 
       progressBar.setVisibility(View.GONE); 
      } 

      @Override 
      public void onError() { 
      } 
     }) 
; 

ora Come posso fare questo con Glide?

Glide.with(mcontext).load(imgLinkArray.get(position).mUrlLink) 
    .into(imageView); 

Sono in grado di caricare l'immagine da questo con Glide ma come posso scrivere progressBar.setVisibility(View.GONE); da qualche parte nel codice, se ottenere l'immagine caricata?

Answer 1

domanda è piuttosto vecchio, e non so quale fosse la situazione con glide in quei tempi, ma ora può essere fatto facilmente con chi ascolta (non come proposto nella risposta scelta come corretta).

progressBar.setVisibility(View.VISIBLE); 
Glide.with(getActivity()) 
    .load(args.getString(IMAGE_TO_SHOW)) 
    .listener(new RequestListener<String, GlideDrawable>() { 
     @Override 
     public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) { 
      return false; 
     } 

     @Override 
     public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) { 
      progressBar.setVisibility(View.GONE); 
      return false; 
     } 
    }) 
    .into(imageFrame) 
; 

Si restituiscono vero se vogliono gestire le cose come le animazioni te stesso e falsi se vuole scivolare per gestirli per voi.

Answer 2

La mia risposta era basata su API obsolete. Vedi here per la risposta più aggiornata.

Answer 3

La soluzione di cui sopra funziona piuttosto bene anche per me ma quando uso asBitmap() per scaricare l'immagine. Non funziona.

Abbiamo bisogno di utilizzare BitmapImageViewTarget

Glide.with(this) .load(imageURL) 
.asBitmap() 
.placeholder(R.drawable.bg) 
.into(new BitmapImageViewTarget(imageView) { 
      @Override 
      public void onResourceReady(Bitmap drawable, GlideAnimation anim) { 
       super.onResourceReady(drawable, anim); 
       progressBar.setVisibility(View.GONE); 
      } 
     }); 

Answer 4

In deroga messo una condizione per mostrare di nuovo il ProgressBar

Glide.with(context) 
    .load(image_url) 
    .listener(new RequestListener<String, GlideDrawable>() { 
     @Override 
     public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) { 
      if(e instanceof UnknownHostException) 
       progressBar.setVisibility(View.VISIBLE); 
      return false; 
     } 

     @Override 
     public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) { 
      progressBar.setVisibility(View.GONE); 
      return false; 
     } 
    }) 
    .into(imageView); 

Answer 5

Questa è la risposta migliore in quanto non usa fare altre cose come impostazione di visibilità per ottenere il risultato desiderato.

Scaricare un gif di progressbar e chiamarlo progressbargif e inserirlo nella cartella drawable.

 Glide.with(ctx) 
      .load(url) 
      .thumbnail(Glide.with(ctx).load(R.drawable.progressbargif)) 
      .diskCacheStrategy(DiskCacheStrategy.SOURCE) 
      .error(R.drawable.image_unavailable) 
      .crossFade(200) 
      .into(iv); 

Una volta caricata l'immagine url, la miniatura scompare. La miniatura scompare immediatamente quando viene caricata l'immagine memorizzata nella cache.

Answer 6

1. In xml prendere barra di avanzamento con altezza & larghezza (match_parent).

2. Prima di chiamare sotto il metodo di menzione, impostare la visibilità della barra di avanzamento Visibile.

   public void setImageWIthProgressBar(Context context, final ImageView imageView, String imageUrl, final ProgressBar progressBar) { 
   
        Glide.with(context) 
          .load(imageUrl) 
          .listener(new RequestListener<String, GlideDrawable>() { 
           @Override 
           public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) { 
            progressBar.setVisibility(View.GONE); 
            return false; 
           } 
   
           @Override 
           public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) { 
            progressBar.setVisibility(View.GONE); 
            return false; 
           } 
          }) 
          .into(imageView); 
   
       }//setImageWIthProgressBar 
   

Answer 7

Se si vuole fare questo in Kotlin, si può provare in questo modo:

Glide.with(context) 
      .load(url) 
      .listener(object : RequestListener<Drawable> { 
       override fun onLoadFailed(p0: GlideException?, p1: Any?, p2: Target<Drawable>?, p3: Boolean): Boolean { 
        TODO("not implemented") //To change body of created functions use File | Settings | File Templates. 
       } 
       override fun onResourceReady(p0: Drawable?, p1: Any?, p2: Target<Drawable>?, p3: DataSource?, p4: Boolean): Boolean { 
        Log.d(TAG, "OnResourceReady") 
        //do something when picture already loaded 
        return false 
       } 
      }) 
      .into(imgView)