Recyclerview Adapter và Glide - cùng một hình ảnh 4-5 hàng

Question

Tôi có vấn đề này - chỉ cho mục đích thử nghiệm tôi đã thêm ParseFile vào một trong số ParseObject từ danh sách nhận được. Thay vì chỉ hiển thị nó trong hàng đó, nó cho thấy mỗi 4-5 hàng, đôi khi nhiều hơn, đôi khi ít hơn. Tôi cho rằng chế độ xem tái chế có liên quan đến việc này. Kỳ lạ, các dữ liệu khác (bị xóa khỏi ví dụ này) hoạt động tốt với biến số position.

@Override 
    public void onBindViewHolder(ViewHolder holder, int position) { 
     if(parseList.get(position).get("logo") != null){ 
      ParseFile image = (ParseFile) parseList.get(position).get("logo"); 
      String url = image.getUrl(); 
      Glide.with(context) 
        .load(url) 
        .placeholder(R.drawable.piwo_48) 
        .transform(new CircleTransform(context)) 
        .into(holder.imageView); 


     } 

    } 

Answer 1

Câu trả lời ở đây không đúng, mặc dù chúng đang đi đúng hướng.

Bạn cần gọi số Glide#clear(), không chỉ đặt hình ảnh có thể vẽ thành rỗng. Nếu bạn không gọi clear(), tải không đồng bộ hoàn tất không đúng thứ tự vẫn có thể gây ra các sự cố về xem lại. Mã của bạn sẽ trông như thế này:

@Override 
public void onBindViewHolder(ViewHolder holder, int position) { 
    if (parseList.get(position).get("logo") != null) { 
     ParseFile image = (ParseFile) parseList.get(position).get("logo"); 
     String url = image.getUrl(); 
     Glide.with(context) 
       .load(url) 
       .placeholder(R.drawable.piwo_48) 
       .transform(new CircleTransform(context)) 
       .into(holder.imageView); 
    } else { 
     // make sure Glide doesn't load anything into this view until told otherwise 
     Glide.clear(holder.imageView); 
     // remove the placeholder (optional); read comments below 
     holder.imageView.setImageDrawable(null); 
    } 
} 

Answer 2

Khi "logo" rỗng, bạn sẽ có được hình ảnh được tái chế thay vì xóa ảnh đó. Thêm mã này để xóa hình ảnh đúng cách:

holder.imageView.setImageDrawable(null); 

Answer 3

Trong RecyclerView mỗi hàng được tái chế với dữ liệu mới. Trong mã của bạn, bạn đang đặt ImageView chỉ khi không phải là null và không làm gì cả. Trong trường hợp này khi nó không rỗng ImageView sẽ hiển thị hình ảnh cũ vì bạn không override cho đối tượng hiện tại. Bạn có thể sửa lỗi này bằng cách thêm điều kiện khác và đặt ImageView để trống/trống bất kỳ thứ gì.

@Override 
    public void onBindViewHolder(ViewHolder holder, int position) { 
     if(parseList.get(position).get("logo") != null){ 
      ParseFile image = (ParseFile) parseList.get(position).get("logo"); 
      String url = image.getUrl(); 
      Glide.with(context) 
        .load(url) 
        .placeholder(R.drawable.piwo_48) 
        .transform(new CircleTransform(context)) 
        .into(holder.imageView); 


     } 
     else{ 
      holder.imageView.setImageDrawable(null); 
     } 
    } 

Answer 4

Có lẽ bạn cần phải thử một cái gì đó giống như

.signature(new StringSignature(String.valueOf(System.currentTimeMillis()))) 

mẫu này:

Glide.with(context) 
       .load(url) 
       .placeholder(R.drawable.progress_animation) 
       .crossFade() 
       .signature(new StringSignature(String.valueOf(System.currentTimeMillis()))) 
       .error(R.drawable.image_error_404) 
       .into(iv);