Falsches Bild in meinen Listview-Zeilen zeigt

Question

ich diesen Code in meinem getView verwenden:

@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; 
} 

Das Problem ist beim Scrollen; manchmal wird das korrekte Bild angezeigt, aber manchmal beim Zurück-/Vorwärtsscrollen erscheinen die Bilder zufällig und sind nicht mit der Reihe verbunden.

Die Bilder werden aus dem Internet heruntergeladen.

Wie soll ich dieses Problem lösen?

Answer 1

Android ListView wiederverwendet Listenelemente, wenn sie nicht mehr benötigt werden. Aus diesem Grund müssen Sie sicherstellen, dass alle Ansichten, die sich ändern sollten, tatsächlich geändert werden.

Ihr Problem besteht darin, dass Sie das ImageView nicht leeren oder ausblenden, wenn Sie kein Zeichenobjekt für das aktuelle Listenelement finden. Sie sollten in diesem Fall thumb.setImageDrawable(null) oder thumb.setVisibility(View.GONE) tun.

Answer 2

Wenn Sie aufhören, die convertView zu verwenden, die Sie erhalten (was Sie unbedingt tun sollten), und eine ganz neue Ansicht generieren, um jedes Mal zurückzukehren, funktioniert es richtig? Ich denke, das Problem liegt in der Art, wie Sie die Ansichten wiederverwenden.

Answer 3

Ich habe versucht, die hier markierte Lösung als richtig zu verwenden, aber es löst nicht das Problem des falschen Bildes beim Scrollen. Ich habe die zweite (Zsombor Erdődy-Nagy) getestet und jetzt ist es wirklich in Ordnung. So dank Zsombor :-)

Hier ist es mein Snippet:

@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; 
}