Come si può usare un segnaposto di caricamento che è uno spinner animato con caricatori di immagini come Glide, Picasso ecc.?

Question

Sto cercando di inserire un cerchio di caricamento generico come segnaposto mentre un'immagine viene caricata con una libreria caricatore di immagini come Glide o Picasso.

Non riesco, per la vita di me, a scoprire come si suppone di creare un drawable rotante da xml.

Ho provato a utilizzare AnimationDrawable in XML creando un elenco di animazioni, ma non viene nemmeno visualizzato (nemmeno statico).

Voglio solo avere un cerchio semplice che gira tutto da solo, il tutto in un xml drawable, così posso passare l'id come segnaposto al mio caricatore di immagini. Se questo non è possibile, la prego di dirmi ora, in modo da poter risparmiare un sacco di ricerca :)

EDIT: il codice per renderlo più chiaro, ho bisogno di un disegnabile filatura per questo comando Glide:

Glide.with(context) 
.load(imageUrl) 
.into(imageView) 
.placeHolder(R.drawable.spinning_loading_placeholder); 

Mentre l'immagine viene caricata, verrà mostrato un disegnatore segnaposto dove l'immagine sarà in seguito. Ho bisogno di un drawable che giri se stesso.

Answer 1

È possibile aggiungere un elemento ProgressBar al proprio XML di layout e quindi visualizzare/nascondere questo elemento in base alle esigenze. La vista ProgressBar è incorporata e già animata, non è richiesto alcun AnimationDrawable personalizzato.

Answer 2

Si può usare qualcosa di simile:

Glide.with(mContext).load(imageUrl).asBitmap().centerCrop().into(new BitmapImageViewTarget(vh.avatarImageView) { 

     @Override 
     public void onLoadStarted(Drawable placeholder) { 
       vh.avatarImageView.setImageDrawable(mContext.getResources().getDrawable(R.drawable.ic_placeholder)); 
     } 

     @Override 
     public void onLoadFailed(Exception e, Drawable errorDrawable) { 
      vh.avatarImageView.setImageDrawable(mContext.getResources().getDrawable(R.drawable.ic_failed_download)); 
     } 

     @Override 
     protected void setResource(Bitmap resource) { 
      RoundedBitmapDrawable circularBitmapDrawable = 
        RoundedBitmapDrawableFactory.create(mContext.getResources(), resource); 
      circularBitmapDrawable.setCircular(true); 
      vh.avatarImageView.setImageDrawable(circularBitmapDrawable); 
     } 
    });