android - 在 picasso 加载实际图像之前模糊缩略图

Question

我正在使用 picasso 显示来自 URL 的图像，我在加载实际图像之前先显示缩略图，我想模糊该缩略图，我如何在 picasso 中实现？

这是我的源代码

pb.setVisibility(View.GONE);
        Picasso.with(getApplicationContext())
                .load(thumbUrl) // thumbnail url goes here
                //.placeholder(R.drawable.progress_animation)
                .resize(width, width)
                .transform(new BlurTransformation(getApplicationContext(), 25, 1))
                .into(imageview, new Callback()
                {
                    @Override
                    public void onSuccess()
                    {
                        pb.setVisibility(View.GONE);
                        Log.e(TAG,"OnSuccess");
                        Picasso.with(getApplicationContext())
                                .load(url) // image url goes here
                                .resize(width, width)
                                .placeholder(imageview.getDrawable())
                                .into(imageview);
                        iv_reDownload.setVisibility(View.GONE);
                    }

                    @Override
                    public void onError()
                    {
                        pb.setVisibility(View.GONE);
                        Log.e(TAG,"OnError");
                        Picasso.with(getApplicationContext())
                                .load(url) // image url goes here
                                .resize(width, width)
                                .placeholder(imageview.getDrawable())
                                .into(imageview);
                        iv_reDownload.setVisibility(View.VISIBLE);
                    }
                });

Answer 1

据我所知，Picasso 目前不支持此“功能”。用法非常相似的 Glide 库确实有一个功能可以轻松使用“快速预览”，即低分辨率缩略图，加载速度比全尺寸图像快。

函数是 thumbnail(float) 并接受比例因子作为参数，例如 0.1f 是原始图像大小的十分之一。

Glide 的案例使用可能是这样的。

Glide.with(mFragment)
            .load(wFile.getUriForThumb())                
            .override(length, length)
            .thumbnail(.05f)
            .placeholder(R.drawable.placeholder_image_128px)
            .into(holder.mImageThumb);

override 方法与 Picasso 中的 resize(int,int) 非常接近。

要了解两个库之间的完整比较，您可以查看这个不错的指南:Glide vs. Picasso