Picasso加载新图片时旧图残留问题求助（Fragment场景）

嘿，这个场景我太熟了！Fragment反复复用的时候，Picasso加载新URL的图片需要等网络请求完成，这段时间旧图一直挂着确实很影响用户体验，给你几个简单有效的解决办法：

方法一：加载前清空ImageView或者设置占位图 #

在调用Picasso加载新图之前，先把ImageView的现有内容清空，或者设置一个临时的占位图，直接覆盖旧图。这样用户看到的要么是空视图，要么是你设置的加载中占位，不会再看到旧图。

比如在你的代码前加一行：

ivParallex.setImageDrawable(null); // 清空旧图

或者直接在Picasso的链式调用里加占位图：

Picasso.with(context)
    .load(url)
    .networkPolicy(NetworkPolicy.NO_CACHE)
    .placeholder(R.drawable.your_loading_placeholder) // 替换成你的加载中占位图
    .error(R.drawable.your_error_placeholder) // 可选：加载失败时显示的图
    .into(ivParallex, new com.squareup.picasso.Callback() {
        @Override
        public void onSuccess() {
            getProductDetail(productId);
        }

        @Override
        public void onError() {
            // 这里也可以手动设置失败占位
        }
    });

方法二：用Picasso自带的清除方法 #

Picasso提供了专门的方法来取消ImageView的现有加载任务并清除显示的图片，这样能彻底避免旧图残留。在加载新图前调用：

Picasso.with(context).clear(ivParallex); // 清除ImageView的旧内容和加载任务

然后再执行你的加载代码，这样旧图会立刻被清除，直到新图加载完成才会显示新内容。

方法三：结合Fragment生命周期优化 #

因为Fragment是被反复调用的，建议在Fragment的onViewCreated或者onResume方法里处理图片加载，每次进入Fragment时先重置ImageView状态，再加载新的URL。比如：

@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    ivParallex = view.findViewById(R.id.iv_parallex);
    // 先清空或清除旧图
    Picasso.with(getContext()).clear(ivParallex);
    // 再加载新URL的图片
    loadNewImage(newUrl, productId);
}

private void loadNewImage(String url, String productId) {
    Picasso.with(getContext())
        .load(url)
        .networkPolicy(NetworkPolicy.NO_CACHE)
        .placeholder(R.drawable.loading)
        .into(ivParallex, new com.squareup.picasso.Callback() {
            @Override
            public void onSuccess() {
                getProductDetail(productId);
            }

            @Override
            public void onError() {
                ivParallex.setImageResource(R.drawable.load_fail);
            }
        });
}

为什么会出现这个问题？ #

本质是ImageView会保留上一次加载的Bitmap，而Picasso从网络加载新图需要时间，这段间隙里旧的Bitmap还会显示在View上。上面的方法都是在加载新图前先把旧的内容移除，用占位或者空视图过渡，等新图加载完成再替换。

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