RecyclerView图片缓存竞态问题排查及解决方法咨询

你的推测完全正确！这就是RecyclerView复用Item时非常典型的图片错位/覆盖问题，核心原因就是你描述的：复用的ImageView在旧的网络请求延迟完成后，把刚设置好的正确图片给覆盖了。你已经精准命中了问题本质，没有遗漏关键环节～

下面给你几个针对性的解决方法，都是Picasso、Glide这类主流图片加载框架原生支持的方案：

1. 绑定请求与View，取消未完成的旧请求 #

这是最直接的解决方案，在Item复用的时候主动取消ImageView上未完成的旧请求，避免它后续覆盖新内容：

• Picasso实现：在Adapter的onBindViewHolder方法中，先取消当前ImageView的旧请求，再加载新图片：

  @Override
  public void onBindViewHolder(ViewHolder holder, int position) {
      YourData data = mDataList.get(position);
      // 取消ImageView上未完成的旧请求
      Picasso.get().cancelRequest(holder.imageView);
      // 加载当前Item对应的图片
      Picasso.get()
          .load(data.getImageUrl())
          .into(holder.imageView);
  }
  

• Glide实现：Glide内部默认做了部分复用场景的处理，但更严谨的话可以主动清除旧请求：

  @Override
  public void onBindViewHolder(ViewHolder holder, int position) {
      YourData data = mDataList.get(position);
      // 清除ImageView上的旧请求与旧图片
      Glide.with(holder.imageView.getContext())
          .clear(holder.imageView);
      // 加载新图片
      Glide.with(holder.imageView.getContext())
          .load(data.getImageUrl())
          .into(holder.imageView);
  }
  

2. 利用View回收回调提前清理（进阶优化） #

你还可以借助RecyclerView的View回收回调，在Item被回收时就主动清理请求和图片内容：

@Override
public void onViewRecycled(ViewHolder holder) {
    super.onViewRecycled(holder);
    // 回收时取消请求
    Picasso.get().cancelRequest(holder.imageView);
    // 清空ImageView内容，避免残留
    holder.imageView.setImageDrawable(null);
}

3. 设置占位图提升用户体验 #

虽然不能从根本解决请求覆盖问题，但可以设置占位图/错误图，减少错误图片带来的视觉困扰：

Picasso.get()
    .load(data.getImageUrl())
    .placeholder(R.drawable.placeholder_default) // 加载中占位图
    .error(R.drawable.image_load_error) // 加载失败图
    .into(holder.imageView);

总结一下，你的推测完全准确，核心矛盾就是复用View上的异步请求延迟完成导致的内容覆盖。用上面的方法就能彻底解决这个问题，其中第一种方案是日常开发中最常用也最有效的～

内容的提问来源于stack exchange，提问作者amitfr