hình ảnh sai hiển thị trong hàng ListView của tôi

Question

tôi sử dụng mã này trong getView tôi:

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

Vấn đề là khi di chuyển; đôi khi hình ảnh chính xác hiển thị, nhưng đôi khi khi cuộn lại/chuyển tiếp, hình ảnh hiển thị ngẫu nhiên và hình ảnh không được liên kết với hàng.

Hình ảnh được tải xuống từ web.

Tôi nên giải quyết vấn đề này như thế nào?

Answer 1

Android ListView sử dụng lại các mục danh sách khi chúng không còn cần nữa. Vì lý do này, bạn cần đảm bảo rằng tất cả các chế độ xem sẽ thay đổi, thực sự sẽ thay đổi.

Vấn đề của bạn là nếu bạn không tìm thấy đối tượng có thể rút cho mục danh sách hiện tại, bạn không được làm trống hoặc ẩn số ImageView. Bạn nên làm thumb.setImageDrawable(null) trong trường hợp đó hoặc thumb.setVisibility(View.GONE).

Answer 2

Nếu bạn ngừng sử dụng convertView mà bạn nhận được (điều bạn hoàn toàn cần) và tạo một Chế độ xem hoàn toàn mới để trả về mọi lúc, nó có hoạt động đúng không? Tôi nghĩ rằng vấn đề là trong cách bạn sử dụng lại các quan điểm.

Answer 3

Tôi đã thử sử dụng giải pháp được đánh dấu ở đây là chính xác nhưng không giải quyết được vấn đề hình ảnh sai trong khi cuộn. Tôi đã thử thứ hai (Zsombor Erdődy-Nagy) và bây giờ nó thực sự ổn. Vì vậy, nhờ Zsombor :-)

Dưới đây là đoạn mã của tôi:

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