Fondu en animation lors du chargement de l'image Utilisation de Picasso

Je veux montrer un effet de fondu lorsque l'image est en cours de chargement sur Imageview. Je suis à l'aide de picasso de cache d'image et l'écran d'affichage de l'image. J'ai cherché beaucoup pour ce, mais ne pourrais pas trouver une solution.

J'ai utilisé plus tôt avant et je sais que dans certaine version qu'ils avaient .fondu(int Duree) méthode de fondu de l'image pendant le chargement mais je ne pourrais pas trouver cette méthode plus.

Ici est ce que je fais maintenant

Picasso.with(context)
                .load(viewHolder.data.imageList.get(0).url)
                .networkPolicy(NetworkPolicy.OFFLINE)
                .placeholder(R.drawable.a_place_holder_list_view)
                .error(R.drawable.a_place_holder_list_view)
                .into(viewHolder.ivUser, context.loadImage(viewHolder.ivUser, viewHolder.data.imageList.get(0).url));


public Callback loadImage(RoundedImageView ivUser, String url) {
    return new callback(ivUser, url);
}

public class callback implements Callback {

    RoundedImageView imageView;
    String url;

    public callback(RoundedImageView imageView, String url) {
        this.imageView = imageView;
        this.url = url;
    }

    @Override
    public void onSuccess() {

    }

    @Override
    public void onError() {
        Picasso.with(BaseActivity.this)
                .load(url)
                .placeholder(R.drawable.a_place_holder_list_view)
                .error(R.drawable.a_place_holder_list_view)
                .into(imageView, new Callback() {
                    @Override
                    public void onSuccess() {

                    }

                    @Override
                    public void onError() {
                        Log.v("Picasso", "Could not fetch image");
                    }
                });
    }
}

S'il vous plaît aidez-moi, j'ai été coincé dans ce pour un temps assez long.
Merci à l'avance.

source d'informationauteur Android

  1. 12

    Citant Jake de Wharton réponse ici:

    Si l'image vient de n'importe où à l'exception de la mémoire cache du fondu
    devrait être appliquée automatiquement.

    Si vous cochez la PicassoDrawable classe

    boolean fade = loadedFrom != MEMORY && !noFade;
if (fade) {
  this.placeholder = placeholder;
  animating = true;
  startTimeMillis = SystemClock.uptimeMillis();
}
.
.
.
@Override public void draw(Canvas canvas) {
if (!animating) {
  super.draw(canvas);
} else {
.
.
.

    fade effect est déjà appliqué pour les images chargées à partir de n/w et pas de mémoire/cache
    et FADE_DURATION = 200f; //ms

    À force fade, pour citer à nouveau jake de wharton réponse ici:

    Vous pouvez spécifier noFade() et puis toujours jouer une animation dans le
    image chargée de rappel. Vous pouvez également compter sur la fonction de rappel appelée
    de manière synchrone, afin de déterminer si une animation besoins joué.

    final AtomicBoolean playAnimation = new AtomicBoolean(true);
Picasso.with(context).load(..).into(imageView, new Callback() {
  @Override public void onLoad() {
    if (playAnimation.get()) {
      //play fade
      Animation fadeOut = new AlphaAnimation(0, 1);
      fadeOut.setInterpolator(new AccelerateInterpolator());
      fadeOut.setDuration(1000);
      imageView.startAnimation(fadeOut);

      Animation fadeOutPlaceholder = new AlphaAnimation(1, 0);
      fadeOutPlaceholder.setInterpolator(new AccelerateInterpolator());
      fadeOutPlaceholder.setDuration(1000);
      placeHolderImageView.startAnimation(fadeOutPlaceholder);
    }
  }
  //..
});
playAnimation.set(false);
  2. 1

    Vous pouvez simplement faire

    Picasso.with(context).load(url).fetch(new Callback(){
            @Override
            public void onSuccess() {
                imageView.setAlpha(0f);
                Picasso.with(context).load(url).into(imageView);
                imageView.animate().setDuration(300).alpha(1f).start();
            }

            @Override
            public void onError() {

            }
        });