Lazy-chargement d'images dans ListView sur Android

Question

J'ai implémenté les images de chargement paresseux dans mon ListView. J'utilise un AsyncTask pour télécharger l'image à partir d'Internet et la lier à ImageView dans l'UIThread.

Cela fonctionne sauf que lorsque je fais défiler les ListView varient rapidement, les images téléchargées sont parfois liées aux mauvais éléments de la liste. Je suppose que le problème provient de la réutilisation de convertView dans le BaseAdapter Des idées pour le résoudre?

Merci beaucoup.

EDIT: je poste la réponse comme suit:

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

Créer une fonction appelée void setBitmap(Bitmap bitmap, int position) ou similaire dans votre adaptateur. Laissez votre AsyncTask appeler cette méthode lorsqu'un nouveau bitmap est disponible. Cette méthode peut ensuite appeler notifyDataSetChanged() sur l'UI-Thread lui-même pour assurer l'actualisation des vues. Maintenir des références aux vues dans un adaptateur (même en les maintenant dans une asyncTask) est dangereux!

Answer 2

Deux problèmes se posent lors du chargement paresseux d'images dans un ListView.

1. Les anciennes images sont toujours affichées jusqu'à ce que les nouvelles soient chargées. C'est facile, il suffit de définir le ImageView à une image est en cours de chargement ou le rendre invisible avant de commencer le téléchargement de l'image.

2. Le deuxième problème est plus difficile à résoudre. Imaginez que vous faites défiler très rapidement votre liste. Vos vues peuvent maintenant être recyclées avant que l'ancienne AsyncTask ait fini de charger l'image. Vous avez maintenant deux tâches en cours d'exécution que dans la méthode onPostExecute définira une image à l'imageview. Maintenant, pendant une courte période, la mauvaise image sera affichée jusqu'à ce que la deuxième tâche se termine, ou pire encore pour une raison liée au réseau, ils ne finissent pas dans l'ordre dans lequel ils ont démarré et la mauvaise image remplace l'image correcte. Pour résoudre ce problème, vous devez vérifier quelle image doit être affichée après la fin de la tâche. Dans la classe View sont deux méthodes pour des choses EXACT comme celui-ci:

   setTag et getTag Vous pouvez lier un objet à la imageview qui vient dans votre esprit. Dans la plupart des cas, j'utilise setTag pour lier l'URL de l'image en tant que String à l'imageview avant de démarrer une tâche. Maintenant, je peux lancer getTag en String une fois la tâche terminée et comparer l'URL qui doit être affichée avec l'URL que j'ai téléchargée et ne définir l'image que si nécessaire.