Wie können Sie einen Ladeplatzhalter verwenden, der ein animierter Spinner mit Bildladeprogrammen wie Glide, Picasso usw. ist?

Question

Ich versuche, einen allgemeinen Ladekreis als Platzhalter einzufügen, während ein Bild mit einer Bildladebibliothek wie Glide oder Picasso geladen wird.

Ich kann nicht für das Leben von mir herausfinden, wie Sie eine rotierende Zeichnungsdatei von XML erstellen sollen.

Ich habe versucht, eine AnimationDrawable in XML durch Erstellen einer Animationsliste, aber es erscheint nicht einmal (nicht einmal statisch).

Ich möchte nur einen einfachen Kreis, der sich selbst dreht, alles in einem XML-Zeichen, so dass ich die ID als Platzhalter an meinen Bildlader übergeben kann. Wenn das nicht möglich ist mir bitte jetzt sagen, so kann ich eine Menge Forschung sparen :)

EDIT: Einige Code, um es klar, ich brauche eine Spinn ziehbar für diesen Glide Befehl:

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

Während das Bild geladen wird, wird ein Platzhalter, der gezeichnet werden kann, angezeigt, wo das Bild später sein wird. Ich brauche einen Drawable, der sich selbst dreht.

Answer 1

Sie können Ihrem Layout-XML ein ProgressBar-Element hinzufügen und dieses Element dann nach Bedarf ein-/ausblenden. Die ProgressBar-Ansicht ist integriert und bereits animiert, es ist keine benutzerdefinierte AnimationDrawable erforderlich.

Answer 2

Sie können so etwas wie folgt verwenden:

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); 
     } 
    });