Lazy-loading images in ListView su Android

Question

Ho implementato le immagini con caricamento lento nel mio ListView. Io uso un AsyncTask per scaricare l'immagine da Internet e collegarla a ImageView in UIThread.

Funziona eccetto che quando si scorre il ListView variano velocemente, le immagini scaricate a volte sono vincolate agli elementi errati nell'elenco.

Immagino che il problema derivi dal riutilizzo di convertView nello BaseAdapter. Qualche idea per risolverlo?

Molte grazie.

EDIT: inserisco la risposta come segue:

public void setBitmap(int position, Bitmap image) { 
    View itemView = mListView.getChildAt(position - mListView.getFirstVisiblePosition()); 
    if (itemView != null) { 
     ImageView itemImageView = (ImageView) itemView.findViewById(R.id.item_imageview); 
     itemImageView.setImageBitmap(image); 
    } 
} 

Answer 1

Creare una funzione chiamata void setBitmap(Bitmap bitmap, int position) o simili nel vostro adattatore. Lascia che il tuo AsyncTask chiami questo metodo quando è disponibile una nuova bitmap. Questo metodo può quindi chiamare notifyDataSetChanged() nella stessa UI-Thread per garantire che le visualizzazioni vengano aggiornate. Tenere i riferimenti alle viste in un adattatore (anche tenendoli in un AsyncTask) è pericoloso!

Answer 2

Ci sono due problemi che si presentano durante il caricamento lazy delle immagini in un ListView.

1. Le vecchie immagini vengono visualizzate fino a quando non vengono caricate quelle nuove. È semplice impostare l'ImageView su un'immagine caricando la vista o impostandola su invisibile prima di iniziare il download dell'immagine.

2. Il secondo problema è più difficile da risolvere. Immagina di scorrere molto velocemente nella tua lista. Ora le tue viste possono essere riciclate prima che il vecchio AsyncTask abbia finito di caricare l'immagine. Ora hai due attività in esecuzione che nel metodo onPostExecute imposteranno un'immagine alla visualizzazione di immagini. Ora per un breve periodo verrà mostrata l'immagine sbagliata fino al completamento della seconda attività o, ancora peggio, per alcuni motivi correlati alla rete che non terminano nell'ordine in cui sono stati avviati e l'immagine errata viene sovrascritta con l'immagine corretta. Per risolvere questo problema, devi controllare quale immagine deve essere visualizzata al termine dell'attività. Nella classe View sono due metodi per cose esatte come questo:

   setTag e getTag È possibile associare qualsiasi oggetto al ImageView che ti viene in mente. Nella maggior parte dei casi, utilizzo setTag per associare l'URL dell'immagine come stringa alla vista immagine prima di iniziare un'attività. Ora posso trasmettere getTag a una stringa al termine dell'attività e confrontare l'URL che dovrebbe essere visualizzato con l'URL scaricato e impostare l'immagine solo se necessario.