RecyclerView快速滚动后显示错误图像

Question

在我的应用程序中，我正在使用RecyclerView.Adapter自定义Holder类。每个项目都由几个TextView和一个ImageView（图标）组成。问题是RecyclerView快速滚动后显示错误的图像。

例：

真相

不真实

因此，我的持有人是：

public class CafeHolder extends RecyclerView.ViewHolder implements OnClickListener {
TextView itemName, itemType, itemMarksCount, itemCommentsCount, itemRating;
ImageView imgCafe;
ImageLoader imgLoader;
private Context context;
private int cafeId;

public CafeHolder(View view, Context context){
    super(view);
    this.context = context;
    itemName = (TextView) view.findViewById(R.id.tvCafeName);
    imgCafe = (ImageView) view.findViewById(R.id.imgCafe);
    itemType = (TextView) view.findViewById(R.id.tvCafeType);
    itemMarksCount = (TextView) view.findViewById(R.id.tvMarksCount);
    itemCommentsCount = (TextView) view.findViewById(R.id.tvCommentsCount);
    itemRating = (TextView) view.findViewById(R.id.tvRatingCount);
    imgLoader = new ImageLoader(context);
    view.setOnClickListener(this);
}

@Override
public void onClick(View v) {
    Intent intent = new Intent(context, InfoActivity.class);
    intent.putExtra(CafeDomain.ID, cafeId);
    context.startActivity(intent);
}

public void setCafeId(int cafeId){
    this.cafeId = cafeId;
}

还有我的RecyclerView.Adapter：

public class CafeAdapter extends RecyclerView.Adapter<CafeHolder> {
private Context context;
List<CafeDomain> listItems;

public CafeAdapter(List<CafeDomain> listItems, Context context) {
    this.listItems = listItems;
    this.context = context;
}

@Override
public CafeHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.my_cafe_item2, parent, false);
    CafeHolder vh = new CafeHolder(v, context);
    return vh;
}

@Override
public void onBindViewHolder(CafeHolder holder, int position) {
    CafeDomain dItem =  this.listItems.get(position);
    holder.imgCafe.setImageDrawable(null);
    holder.itemName.setText(dItem.getName());
    ArrayList<TypeDomain> types = dItem.getTypes();
    StringBuilder sbTypes = new StringBuilder();
    for (int i = 0; i < types.size(); i++){
      sbTypes.append(types.get(i).getName());
      if (i!=types.size()-1)
          sbTypes.append(", ");  
    }
    holder.itemType.setText(sbTypes.toString());
    if (!dItem.getIconUrl().isEmpty()){
        holder.imgLoader.DisplayImage(dItem.getIconUrl(), holder.imgCafe); //load image from cache or web
    }
    else{
        holder.imgCafe.setImageResource(R.drawable.icon200); //set default image
    }


    holder.itemMarksCount.setText(String.valueOf(dItem.getMarksCount()));
    holder.itemCommentsCount.setText(String.valueOf(dItem.getCommentsCount()));
    holder.itemRating.setText(String.valueOf(dItem.getRating()));
    holder.setCafeId(listItems.get(position).getId());
}

@Override
public int getItemCount() {
    return listItems.size();
}

}

我可以看到，这段代码：

else{
        holder.imgCafe.setImageResource(R.drawable.icon200); //set default image
    }

正在工作，但是反正有两个图像是错误的:(

更新：问题仅在于当您快速滚动列表而磁盘中没有图像缓存时。当我们有了缓存时，这里没有问题...

Answer 1

嗨，我认为你的问题在这里：

\n\n

 if (!dItem.getIconUrl().isEmpty()){\n        holder.imgLoader.DisplayImage(dItem.getIconUrl(), holder.imgCafe); //load image from cache or web\n    }\n    else{\n        holder.imgCafe.setImageResource(R.drawable.icon200); //set default image\n    }\n

\n\n

我可以为您提供两种可能有效的解决方案。首先检查你的 imageUrl 是否为空TextUtils.isEmpty()

\n\n

 if (!TextUtils.isEmpty(dItem.getIconUrl())){\n        holder.imgLoader.DisplayImage(dItem.getIconUrl(), holder.imgCafe); \n    }\n    else{\n        holder.imgCafe.setImageResource(R.drawable.icon200); //set default image\n    }\n

\n\n

empty url\xc4\xb0f 如果您可以设置可绘制图像或url loading fail将其留给图像下载器并仅使用以下代码，则这不起作用：

\n\n

holder.imgLoader.DisplayImage(dItem.getIconUrl(), holder.imgCafe); \n

\n