Come dissolvenza in immagine in ImageView caricato dall'URL

Question

Vorrei applicare un'animazione di dissolvenza a un ImageView per creare l'effetto che l'immagine, che viene caricata da un url, si dissolva quando il download è completato.

So come scaricare un'immagine da un url a un ImageView, come in this answer, e so come applicare un'animazione di dissolvenza ad un imageView like here.

Questo tentativo

Drawable d = ImageUtils.fetchDrawable("the url"); 
imageView.setImageDrawable(d); 
imageView.startAnimation(fadeInAnimation); 

si traduce in un effetto di lampeggio (vedi, non vedono, fade in per vedere). L'inversione dell'ordine delle due ultime righe si traduce anche in un battito di ciglia.

Googled e cercato SO per una soluzione sotto forma di un callback/ascoltatore - qualcosa di simile:

imageView.setOnLoadCompleteListener... 

per registrare il carico evento complete in ImageView, ma non ho trovato nulla lungo quelle linee.

Sarei grato per qualsiasi suggerimento di una soluzione su come implementare questo effetto.

Answer 1

impostare la visibilità ImageView a INVISIBLE o GONE impostare setAnimationListener sulla vostra animazione. e quando lo onAnimationEnd cambia la visibilità dello ImageView.

fadeInAnimation.setAnimationListener(new AnimationListener() { 
     @Override 
     public void onAnimationEnd(Animation arg0) { 

      // let make your image visible 


     } 

     @Override 
     public void onAnimationRepeat(Animation animation) {} 
     @Override 
     public void onAnimationStart(Animation animation) {} 
    }); 

Answer 2

È possibile utilizzare: TransitionDrawable, semplice codice come segue:

 // Transition drawable with a transparent drwabale and the final bitmap 
     final TransitionDrawable td = 
       new TransitionDrawable(new Drawable[] { 
         new ColorDrawable(Color.TRANSPARENT), 
         new BitmapDrawable(mResources, bitmap) 
       }); 
     // Set background to loading bitmap 
     imageView.setBackgroundDrawable(
       new BitmapDrawable(mResources, mLoadingBitmap)); 

     imageView.setImageDrawable(td); 
     td.startTransition(FADE_IN_TIME);