imagen incorrecto aparece en mis filas ListView

Question

que utilizo este código en mi getView:

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    View v = convertView; 
    if (v == null) { 

     LayoutInflater vi = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
     v = vi.inflate(R.layout.listrow, null); 
    } 
    Order o = items.get(position); 

    if (o != null) { 
     TextView tt = (TextView) v.findViewById(R.id.toptext); 
     ImageView thumb = (ImageView) v.findViewById(R.id.icon); 

     if (o.getOrderDrawable() != null) { 
      thumb.setImageDrawable(o.getOrderDrawable()); 
     } else { 
      tt.setText(o.getOrderTitle()); 
     } 

    } 
    return v; 
} 

El problema es cuando se desplaza; a veces se muestra la imagen correcta, pero a veces al desplazarse hacia atrás/adelante, las imágenes se muestran de forma aleatoria y no están asociadas a la fila.

Las imágenes se descargan de la web.

¿Cómo debo resolver este problema?

Answer 1

ListView de Android reutiliza los elementos de la lista cuando ya no los necesitan. Por esta razón, debe asegurarse de que todas las vistas que deberían cambiar se cambien.

Su problema es que si no encuentra un dibujable para el elemento de la lista actual, no vaciar ni esconder el ImageView. Debe hacer thumb.setImageDrawable(null) en ese caso, o thumb.setVisibility(View.GONE).

Answer 2

Si deja de usar el convertView que obtiene (lo cual es absolutamente necesario), y genera una vista completamente nueva para devolver cada vez, ¿funciona correctamente? Creo que el problema está en la forma en que reutilizas las vistas.

Answer 3

He intentado utilizar la solución marcada aquí como correcta, pero no resuelve el problema de una imagen incorrecta durante el desplazamiento. Intenté el segundo (Zsombor Erdődy-Nagy) y ahora está realmente bien. Así que gracias Zsombor :-)

Aquí es mi fragmento:

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    /* 
    View v = convertView; 
    if (v == null) { 
     LayoutInflater vi = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
     v = vi.inflate(R.layout.tweet_list, null); 
    } 
    */ 
    LayoutInflater vi = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    View v = vi.inflate(R.layout.tweet_list, null); 
    final Status status = getItem(position); 
    if (status != null) { 
     TextView statusName = (TextView) v.findViewById(R.id.statusName); 
     TextView statusText = (TextView) v.findViewById(R.id.statusText); 
     TextView statusWhen = (TextView) v.findViewById(R.id.statusWhen); 
     TextView statusScreenName = (TextView) v.findViewById(R.id.statusScreenName); 
     final ImageView statusUserImage = (ImageView) v.findViewById(R.id.statusUserImage); 
     statusName.setText(status.getUser().getName()); 
     statusScreenName.setText("@" + status.getUser().getScreenName()); 
     statusText.setText(status.getText()); 
     statusWhen.setText(dateTimeFormatter.format(status.getCreatedAt())); 
     URL url = status.getUser().getProfileImageURL(); 
     String imageCacheKey = url.getPath(); 
     Drawable cachedImage = imageCache.get(imageCacheKey); 
     if (null != cachedImage) { 
      statusUserImage.setImageDrawable(cachedImage); 
     } else { 
      new DownloadImageTask(statusUserImage, imageCacheKey).execute(url); 
     } 

    } 
    return v; 
}