学习Picasso(毕加索)

最新推荐文章于 2021-02-26 22:07:14 发布
最新推荐文章于 2021-02-26 22:07:14 发布
阅读量711 收藏
点赞数
分类专栏： Android

Picasso 完美兼容 OkHttp3.3，缓存优化两不误

字数1327  阅读792  评论0 

Tamic 专注移动开发！更多文章请关注http://www.jianshu.com/p/6241950f9daf

为何在Fresco，Glide这么强大的背景下，我又想起了当初的Picasso，又为何写这篇文章？是因为最近项目采用了square公司的RxAndroid，Retrfit和OKhttp, 不得不联想到这个公司曾经还有款图片加载Picasso，所以采用了square公司的全家桶来进行项目开发，为了减少开发成本和也防止Apk增大，毕竟一个公司的框架之前兼容性不用担心，那么请让我们回顾一下Picass之路

首先先让我们看看主流图片加载库

  • Picasso，Square公司的开源项目 ，和Square的网络库一起能发挥最大作用。占用内存小，自身不带缓存，需依赖OKhttps实现缓存，不支持gif图片

  • Fresco，FB的明星项目，也是2015最火的项目之一，匿名共享缓存等机制保证低端机表现极佳，但是源代码基于C/C++，阅读困难度提升。效率高，sdk库占用包体积比较大

  • Glide，Google员工私人项目，但是Google很多项目在用，占用内存小，减低oom更靠谱，相对Picasso在Gif方面有优势,并自带缓存功能！

我做了一个实验对比 用一个普通listview加载50张图片，并快速滑动列表，下面分别是glide和picasso消耗内存图


glide

Picasso

  • 分析后得出 一个占用内存大 一个占用cpu资源大, 这种区别是由于picasso只缓存一张大图，每次加载根据imagview的大小裁剪，因此消耗的cpu资源高，glide是分别存储不同尺寸的小图，每次不用计算，因此消耗内存比较多，加载速度相对Picasso也快，但也很耗流量.

  • 为了避免OOM, 我毫不犹豫选择了消耗内存较小的picasso, Fresco不用说都是加载速度第一的框架，采用c库 ，我没做集成测试，具体消耗多少cpu资源我无法给出数据，据说业界第一，但是对apk大小要求的很可能不太合适，这里对Apk包体积要求不高的项目优先的首选。

喜欢glide的朋友可以看看这篇文章 ：http://mrfu.me/2016/02/27/Glide_Getting_Started/

实验测试并做了简单比较后，为何还要继续说Picasso，不是说他有多块多流畅，只是当你使用了square公司其他的开源项目，会发现他们都会依赖okhttp，okhttp的强大不言而喻，今天只介绍piacsso相关的，说说picasso（官方：https://github.com/square/picasso） 的一些常用技巧！

Picasso

使用方式：

配置gradle

dependencies {
c
compile 'com.squareup.picasso:picasso:2.5.2'
compile 'com.squareup.okhttp3:okhttp:3.3.1'
compile 'com.squareup.okhttp3:logging-interceptor:3.3.1'
}

据说目前的2.5.3已修复了2.52无法兼容okhttp3的问题，但我还是选择了2.52版本。

用法

Picasso.with(getApplication())
.load(url)
.into(imageView);

以上用法很简单，加载图片时提供url插入到imageview即可，picasso其他强大功还没有太多的理解的同学请Follow Me!

裁剪图片

 Picasso.with(getApplication()).resize(width, height);

这句方法会出现bug,误用！

请用Transformation来进行转义实现：

       Picasso.with(getApplication())
        .load(url)
        .transform(new PaTransformation(width, height)).into(imageView);

Transformation可以拦截到picasoo返回的bitmap，拿着bitmap随心所欲!

public class TamicTransformation implements Transformation {

private int width;
private int height;
private String key;

public PaTransformation(int width, int height) {
    this(width, height,  width + "*" + height);
}

public PaTransformation(int width, int height, String key) {
    this.width = width;
    this.height = height;
    this.key = key;
}

@Override
public Bitmap transform(Bitmap source) {

   略 拿着source进行裁剪缩放即可


    if (result != source) {
        // Same bitmap is returned if sizes are the same
        source.recycle();
    }
    return result;
}

@Override
public String key() {

    return key;
}

}

列如处理圆形头像

 public class CircleTransformation implements Transformation {   
 private static final int STROKE_WIDTH = 5;  

 @Override   
 public Bitmap transform(Bitmap source) {   
   int size = Math.min(source.getWidth(), source.getHeight());   
   int x = (source.getWidth() - size) / 2; 
   int y = (source.getHeight() - size) / 2;  

   Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);  
   if (squaredBitmap != source) { 
        source.recycle();   
   } 
   Bitmap bitmap = Bitmap.createBitmap(size, size,source.getConfig()); 
   Canvas canvas = new Canvas(bitmap); 
   Paint avatarPaint = new Paint();  
   BitmapShader shader = new BitmapShader(squaredBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);avatarPaint.setShader(shader);  

   Paint outlinePaint = new Paint();
   outlinePaint.setColor(Color.WHITE);
   outlinePaint.setStyle(Paint.Style.STROKE);
   outlinePaint.setStrokeWidth(STROKE_WIDTH);
   outlinePaint.setAntiAlias(true);

   float r = size / 2f;  
   canvas.drawCircle(r, r, r, avatarPaint); 
   canvas.drawCircle(r, r, r - STROKE_WIDTH / 2, outlinePaint);

   squaredBitmap.recycle();
   return bitmap;  
  }

  @Override  
  public String key() { 
   return "circle)";
  }
}

接着设置渲染模式

           Picasso.with(getApplication()) .fit().centerCrop()

清空缓存

新的版本2.52 已经无法直接拿到之前的cache，因此可以用Picasso.invalidate()的实现清楚缓存！

以前我们可以这样

 Clear.clearCache(Picasso.with(context));

但现在 不行了

稍加封装成了这样子:

void clearCache(Uri uri, File file, String path) {

if (!TextUtils.isEmpty(uri.toString())) {
mPicasso.invalidate(uri);
return;
}
if (!NullUtils.isNull(file)) {
mPicasso.invalidate(file);
return;
}
if (!TextUtils.isEmpty(path)) {
mPicasso.invalidate(path);
}
}

当然也可以这样！

  Picasso.with(getContext()).load(Url).memoryPolicy(MemoryPolicy.NO_CACHE).into(image);

在加载图片时直接不让做缓存！

加入缓存

当然2.5.2没做对oKhttp3.3的兼容，因此我们加入自定义的cilent,对okhttp做下缓存定制，请照着下面姿势作

构建OkHttpClient

    // creat the OkHttpClient.
    OkHttpClient client =new OkHttpClient
            .Builder()
            .cache(new Cache("你的缓存路径", 1000*1024))
            .addInterceptor(new CaheInterceptor(context, null))
            .addNetworkInterceptor(new CaheInterceptor(context, null))
            .build();

拦截器Interceptor

拦截器大家都不陌生，尤其是玩过okhttp和retofit的朋友，那肯定是拦截http的拦截请求和响应的，

public class CaheInterceptor implements Interceptor {

private Context context;
public CaheInterceptor(@NonNull Context context) {
    this.context = context;
}

@Override
public Response intercept(Chain chain) throws IOException {
    Request request = chain.request();
    if (NetworkUtil.isNetworkAvailable(context)) {
        Response response = chain.proceed(request);
        // read from cache for 60 s
        int maxAge = 300;
        String cacheControl = request.cacheControl().toString();
        Log.e("Tamic", maxAge+ "s load cahe:" + cacheControl);
        return response.newBuilder()
                .removeHeader("Pragma")
                .removeHeader("Cache-Control")
                .header("Cache-Control", "public, max-age=" + maxAge)
                .build();
    } else {
        Log.e("Tamic", " no network load cahe");
        request = request.newBuilder()
                .cacheControl(CacheControl.FORCE_CACHE)
                .build();
        Response response = chain.proceed(request);
        //set cahe times is 3 days
        int maxStale = 60 * 60 * 24 * 3;
        return response.newBuilder()
                .removeHeader("Pragma")
                .removeHeader("Cache-Control")
                .header("Cache-Control", "public, only-if-cached, max-stale=" + maxStale)
                .build();
    }
}

}

添加到Picasso中

    // Generate the global default Picasso instance.
  Picasso   mPicasso = getPicasso(context, null);
    mPicasso.setLoggingEnabled(true);

}

自定义DownLoader

为了兼容okhttp3.31 实现下载器！

 public class ImageDownLoader implements Downloader {
OkHttpClient client = null;

public ImageDownLoader(OkHttpClient client) {
    this.client = client;
}

@Override
public Response load(Uri uri, int networkPolicy) throws IOException {

    CacheControl cacheControl = null;
    if (networkPolicy != 0) {
        if (NetworkPolicy.isOfflineOnly(networkPolicy)) {
            cacheControl = CacheControl.FORCE_CACHE;
        } else {
            CacheControl.Builder builder = new CacheControl.Builder();
            if (!NetworkPolicy.shouldReadFromDiskCache(networkPolicy)) {
                builder.noCache();
            }
            if (!NetworkPolicy.shouldWriteToDiskCache(networkPolicy)) {
                builder.noStore();
            }
            cacheControl = builder.build();
        }
    }

    Request.Builder builder = new Request.Builder().url(uri.toString());
    if (cacheControl != null) {
        builder.cacheControl(cacheControl);
    }

    okhttp3.Response response = client.newCall(builder.build()).execute();
    int responseCode = response.code();
    if (responseCode >= 300) {
        response.body().close();
        throw new ResponseException(responseCode + " " + response.message(), networkPolicy,
                responseCode);
    }

    boolean fromCache = response.cacheResponse() != null;

    ResponseBody responseBody = response.body();
    return new Response(responseBody.byteStream(), fromCache, responseBody.contentLength());

}

@Override
public void shutdown() {

    Cache cache = client.cache();
    if (cache != null) {
        try {
            cache.close();
        } catch (IOException ignored) {
        }
    }
}

}

接着将ImageDownLoader 加入到Picasso
/**

 * Download Big Image only, Not singleton but shared cache
 */
 public Picasso getPicasso(Context context) {
    OkHttpClient client = getProgressBarClient();
    return new Picasso.Builder(context)
            .downloader(new ImageDownLoader(client))
            .build();
}

/**

 * Not singleton
 */
private  OkHttpClient getProgressBarClient() {
    return client.newBuilder()
            .addInterceptor(new CaheInterceptor(context))
            .addNetworkInterceptor(new CaheInterceptor(contextr))
            .build();
}

这样我们在做图片加载时 就可以：

  getPicasso(context) .load(Url).into(image)

因此用了Picasso我们可以直接将缓存策略用到retrofit上去，其实一箭双雕，大大简化了开发成本！

优化相关

优化不缓存策略

        public RequestCreator skipMemoryCache(RequestCreator requestCreator) {
    return requestCreator.memoryPolicy(MemoryPolicy.NO_STORE, MemoryPolicy.NO_CACHE)
            .networkPolicy(NetworkPolicy.NO_STORE, NetworkPolicy.NO_CACHE);
}

降低内存消耗
设置RGB_565编码格式，降低内存消耗

public RequestCreator cutDownMemory(RequestCreator requestCreator) {
    return requestCreator.config(Bitmap.Config.RGB_565);
}

取消加载

public class TamicImageView extends ImageView  {



public TamicImageView(Context context) {
    this(context, null, 0);
}

public TamicImageView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public TamicImageView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);

}

@Override
protected void onDetachedFromWindow() {
    super.onDetachedFromWindow();
     // 不可见时释放Bitmap
    setImageDrawable(null);
   // 暂停加载
   mPicasso.pauseTag(this);

}

}

还有很多api，比如

  • requestCreator.tag(tag);设置key

  • requestCreator.error(); 设置加载失败图片

  • mPicasso.pauseTag(); 暂停加载

  • mPicasso.resumeTag();恢复加载

  • mPicasso.cancelRequest();取消加载

  • requestCreator.priority()优先级

  • requestCreator..rotate() 旋转之类

后记

总之虽然picasso 并不是最快的图片加载框架，但是他在基本的加载本地和网络图片基础上，还能很好的提供了让我们自我扩展能力，其扩展性和适应性更强，相信你结合了ohttp+ rxJava + Picasso 后你会发现他确实适合你！

shizhesx
关注
专栏目录
Android Picasso教程
从零开始的教程世界
07-11 3025
Android Picasso is a powerful image downloading and caching library. In this tutorial, we’ll be discussing and implementing Picasso library in our android application. Android Picasso是一个功能强大的图像下载和缓存库。...
计算机视觉中的深度学习9大常见应用！
Tecsae的博客
01-11 1874
计算机视觉的领域正从统计方法转变为深度学习神经网络方法。在计算机视觉中仍然需要解决许多具有挑战性的问题。 尽管如此，深度学习方法仍在某些特定问题上取得了最新的成果。有趣的不仅仅是深度学习模型在基准问题上的表现。 事实是，单个模型可以从图像中学习含义并执行视觉任务，从而不需要专门的手工方法。 在本文中，你将发现九个有趣的计算机视觉任务，其中深度学习方法正在取得进展。注意，在图像分类...
picasso 图形库源码
07-10
picasso 图像库源代码, Picasso是一个高质量，高性能2D图像渲染库，可以移植到任何平台上。
巧用第三方快速开发Android App 热门第三方SDK及框架
weixin_34364071的博客
01-12 433
巧用第三方快速开发Android App 热门第三方SDK及框架 历经大半年的时间，终于是把这门课程给录制出来了，也就在今天，正式在慕课网上上线了 项目地址:巧用第三方快速开发Android App 热门第三方SDK及框架 这这篇博客也是专门来聊聊这门课程有什么不一样，首先，这门课程是比较针对于快速学习，快速上手的同学...
Okhttp和Picasso配合使用外加ACache实现缓存
ITPlus的博客
05-27 2047
app开发对于网络请求是整个项目的一大块，对于新开的项目的新需求我也打算换一套框架试试。以前用的google官方的volley，现在想试一下其他的。volley确实很方便，但是对https这块需要我们手动改volley源码。所以果断选择okhttp，为了更长远的打算。 Okhttp和Picasso采用了同样的设计模式— 建造者模式【Builder Pattern】 ，详见http:/
【Android】Picasso加载本地图片如何清理缓存cache？
Mlib
03-08 1万+
使用Picasso加载SD卡图片的时候，Picasso也会对该图片进行缓存。所以如果该图片即使已经变了，Picasso在加载时会仍然使用缓存，而不更新图片。Picasso缓存策略 我们都知道图片缓存使用的是Map键值对存储的，这里的Key就是加载的图片的Url，所以如果我们使用相同的ImageUrl去加载图片的话，如果使用了缓存，Picasso会直接读取缓存的内容，而不是从SD卡、或者网络Http中
毕加索：CNN展示台
02-06
"毕加索：CNN展示台"是一个项目，它利用深度学习技术，特别是卷积神经网络（CNN），结合Tensorflow和Keras这两个强大的机器学习库，进行图像识别与分析的可视化展示。这个项目的名字可能寓含了对著名艺术家毕加索的...
毕加索：使用Swing从头开始用Java编写的简单3D游戏引擎
02-04
毕加索游戏引擎 毕加索是一个非常简单的3D游戏引擎和物理引擎，仅使用Swing... 随意修改，改编和从项目中学习，并完全放弃演示游戏，并扩展引擎以满足您的需求或制作自己的游戏。 如果您有任何疑问，请随时给我发送电
PicassoPalette,安卓棒棒糖调色板现在很容易使用毕加索！.zip
09-25
《 PicassoPalette：安卓棒棒糖调色板与毕加索库的优雅结合》 ...通过这个项目，我们可以学习到如何更好地利用Android的系统特性，以及如何将第三方库的功能进行拓展和整合，进一步提升开发效率和应用品质。
高中历史第四章雅尔塔体系下的“冷战”与和平4.2巴伯罗毕加索文本素材北师大版选修3202105071177
09-10
5. 艺术风格演变：毕加索的画风经历了多次转变，从早期的表现派主题，到学院派技巧的学习，再到蓝色时期和玫瑰红时期的创作，再到立体主义和超现实主义的探索。 6. 蓝色时期：这个时期的画作表现出忧郁和悲观情绪，...
Picasso：一种sketch生成代码插件，可将sketch设计稿自动解析成前端代码
02-06
毕加索 一款sketch插件，可将sketch设计稿页面自动解析成前端代码。 简介 是58个同城推出的一个素描设计稿解析插件，可将素描设计稿自动解析成还原精确，可用度高的开头代码。 最早 草图> = 60 使用 注：安装picasso插件之前，请先安装 => picasso.sketchplugin.zip解压缩压缩包，双击安装即可，如下： 安装完成后在sketch软件中使用插件，如下图所示： 功能介绍 选择画板 挑选画板：对当前样本的画板进行代码生成。 全部画板：对所有画板进行代码生成。 生成代码 网站代码：普通网站代码，结构布局合理，代码可用度高；适用于移动端列表，详情等页面。 web运
picasso_2.0.0_alpha
10-16
Picasso is a high quality vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Picasso之内存优化
07-23 708
最近在做一个相册的东西，用Picass加载图片，发现内存涨的有点厉害，琢磨的一段时间，有这几个措施1 如果在不需要缓存图片的地方 加载的时候可以加上memoryPolicy(MemoryPolicy.NO_CACHE, MemoryPolicy.NO_STORE)2 在需要缓存图片但是图片数量又较大的时候Picasso.Builder builder = new Picasso.Builder(
Picasso详解
听海的博客
07-03 2452
附：Data Binding Library详解：Android 依赖注入库之Data Binding Library(MVVM设计模式)详解
C&C++图形图像处理开源库
热门推荐
墙角里的光线
10-30 2万+
Google三维APIO3D O3D 是一个开源的 WebAPI 用来在浏览器上创建界面丰富的交互式的 3D 应用程序。这是一种基于网页的可控3D标准。此格式期望真正的基于浏览器，独立于操作系统之外，并且支持主流的3D显卡，这样就可以在网页中实现效果逼真的3D动画。 绘图引擎RRDtoo 简单的说，RRDtool (RoundRobin Database Tool)就是一个强大的绘图的引擎，
Picasso入门教程(一)
u011337574的专栏
06-02 1158
load(String imageUrl) 将picasso依赖到你的项目上 Gradle 在你的项目的build.gradle添加如下这句话： compile 'com.squareup.picasso:picasso:2.5.2' Maven Picasso也支持Maven的项目： com.squareup.picasso picasso
java代码中设置背景_java – 如何在代码中使用毕加索设置背景图像
weixin_42566108的博客
02-26 78
我知道Picasso将图像加载到imageview等，但是如何使用毕加索设置我的布局背景图像？请任何帮助将有所帮助。我的代码：public class MainActivity extends ActionBarActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedIns...
图片加载框架－Picasso最详细的使用指南
weixin_34378922的博客
02-26 734
写在前面 Android 中有几个比较有名的图片加载框架，Universal ImageLoader、Picasso、Glide和Fresco。它们各有优点，以前一直用的是ImageLoader 做项目中的图片加载，由于作者宣布ImageLoader 不会在更新了，因此新的项目打算换一个图片加载框架－Picasso, Picasso 是Square 公司开源的Android 端的图片加载和缓存框架...
ssm9293农家乐管理系统.zip
最新发布
09-28
技术选型 【后端】：Java 【框架】：ssm 【前端】：vue/jsp 【JDK版本】：JDK1.8 【服务器】：tomcat7+ 【数据库】：mysql 5.7+ 包含：项目源码、数据库脚本、项目功能介绍文档等，该项目源码可作为毕设使用。 项目都经过严格调试，确保可以运行！ 具体项目介绍可查看博主文章
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值