Android 中图片缓存、显示框架Picasso和Glide对比分析

Glide是Google推荐的用于Android平台上的图片加载与缓存的函数库。这个函数库被广泛应用在Google的开源项目中,Glide和Picasso有90%的相似度,可以说就是Picasso的克隆版本。只是细节上还是存在不少的区别,Glide为包含图片的滚动列表做了尽可能流畅的优化。除了静态图片,Glide也支持GIF格式的图片显示。Glide提供了灵活的API可以让开发者方便的替换下载图片所用的网络函数库,默认情况下,它使用HttpUrlConnection作为网络请求模块,开发者也可以根据自己项目的实际需求灵活使用Google的Volley或者Square公司的OKHttp等函数库进行替换。Glide是3级缓存,也就是说依次按照 内存 > 磁盘 >网络 的优先级来加载图片

创建glide的主要目的有两个:

  • 一个是实现平滑的图片列表滚动效果
  • 另一个是支持远程图片的获取、大小调整和展示。

glide 3.0版本以后加入了多项重要功能,同时还支持使用gradle以及maven进行构建。该版本包括很多值得关注的新功能,如支持gif 动画和视频剧照解码、智能的暂停和重新开始请求、支持缩略图等,具体新增功能如下如下:

  • gif动画的解码:通过调用glide.with(context).load(“图片路径“)方法,gif动画图片可以自动显示为动画效果。如果想有更多的控制,还可以使用glide.with(context).load(“图片路径“).asbitmap()方法加载静态图片,使用glide.with(context).load(“图片路径“).asgif()方法加载动画图片

  • 本地视频剧照的解码:通过调用glide.with(context).load(“图片路径“)方法,glide能够支持android设备中的所有视频剧照的加载和展示

  • 缩略图的支持:为了减少在同一个view组件里同时加载多张图片的时间,可以调用glide.with(context).load(“图片路径“).thumbnail(“缩略比例“).into(“view组件“)方法加载一个缩略图,还可以控制thumbnail()中的参数的大小,以控制显示不同比例大小的缩略图

  • activity生命周期的集成:当activity暂停和重启时,glide能够做到智能的暂停和重新开始请求,并且当android设备的连接状态变化时,所有失败的请求能够自动重新请求

  • 转码的支持:glide的tobytes() 和transcode() 两个方法可以用来获取、解码和变换背景图片,并且transcode() 方法还能够改变图片的样式

  • 动画的支持:新增支持图片的淡入淡出动画效果(调用crossfade()方法)和查看动画的属性的功能okhttp和volley的支持:默认选择httpurlconnection作为网络协议栈,还可以选择okhttp和volley作为网络协议栈

其他功能:如在图片加载过程中,使用drawables对象作为占位符、图片请求的优化、图片的宽度和高度可重新设定、缩略图和原图的缓存等功能

添加依赖:

dependencies {
  compile 'com.github.bumptech.glide:glide:3.5.2'
  compile 'com.android.support:support-v4:22.0.0'
}

不管怎样,glide 需要 android support library v4 包,千万不要忘了像上面的代码做的那样添加 android support library v4 包的依赖。不过这都不是什么大问题,因为现在 android support library v4 基本是每一个新 android 项目的标配了。

就如我所说的glide和picasso非常相似,glide加载图片的方法和picasso如出一辙。

glide.with(context)
  .load("http://inthecheesefactory.com/uploads/source/glidepicasso/cover.jpg")
  .into(ivimg);

虽然两者看起来非常相似,但是 glide 的代码无疑设计得更好,因为 glide 的 with() 方法不光接受 context,还接受 activity 和 fragment。此外,with() 方法还能自动地从你放入的各种东西里面提取出 context,供它自己使用。

同时将activity/fragment作为with()参数的好处是:图片加载会和activity/fragment的生命周期保持一致,比如 paused状态在暂停加载,在resumed的时候又自动重新加载。所以我建议传参的时候传递activity 和 fragment给glide,而不是context。

下面是加载图片时和picasso的比较(1920x1080 像素的图片加载到768x432的imageview中)

可以看到glide加载的图片质量要差于picasso(ps:我看不出来哈),为什么?这是因为glide默认的bitmap格式是rgb_565 ,比argb_8888格式的内存开销要小一半。下面是picasso在argb8888下与glide在rgb565下的内存开销图(应用自身占用了8m,因此以8为基准线比较):

如果你觉得 glide 在默认的 rgb_565 格式下加载的图片质量可以接受的话,可以什么都不做。但如果你觉得难以接受,或者是你的实际需求对图片的质量有更高的要求的话,你可以像下面的代码那样创建一个 glidemodule 子类,把 bitmap 的格式转换到 argb_8888:

public class glideconfiguration implements glidemodule {

  @override
  public void applyoptions(context context, glidebuilder builder) {
    // apply options to the builder here.
    builder.setdecodeformat(decodeformat.prefer_argb_8888);
  }

  @override
  public void registercomponents(context context, glide glide) {
    // register modelloaders here.
  }
}

然后在androidmanifest.xml中将glidemodule定义为meta-data

<meta-data android:name="com.inthecheesefactory.lab.glidepicasso.glideconfiguration"
      android:value="glidemodule"/>

我们再来看看内存开销图,虽然看起来这次 glide 的内存开销接近于上次的两倍,但是picasso的内存开销仍然远大于glide。

但是上面那样做的问题在于你需要手动计算 imageview 的尺寸,又或者是你对 imageview 设置了具体的尺寸大小,为了解决这样的麻烦,你可以在 picasso 中通过这样做简化你的代码:

picasso.with(this)
  .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
  .resize(768, 432)
  .into(ivimgpicasso);

但是问题在于你需要主动计算imageview的大小,或者说你的imageview大小是具体的值(而不是wrap_content),你也可以这样:

picasso.with(this)
  .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
  .fit()
  .centercrop()
  .into(ivimgpicasso);

现在picasso的内存开销就和glide差不多了

虽然内存开销差距不大,但是在这个问题上glide完胜picasso。因为glide可以自动计算出任意情况下的imageview大小。

image质量的细节

这是将imageview还原到真实大小时的比较。

很显然,glide 加载的图片有些像素点变得很模糊,看起来也没有 picasso 那么平滑。而且直到现在,我也没有找到一个可以直观改变图片大小调整算法的方法。但是这并不算什么坏事,因为很难察觉。

* 磁盘缓存*

picasso和glide在磁盘缓存策略上有很大的不同。我们刚刚做了一个使用 glide 和 picasso 加载同一张高清图片的实验,我在实验后检查缓存目录时发现: glide 缓存的图片和 imageview 的尺寸相同,而 picasso 缓存的图片和原始图片的尺寸相同。

上面提到的平滑度的问题依然存在,而且如果加载的是rgb565图片,那么缓存中的图片也是rgb565。我尝试将imageview调整成不同大小,但不管大小如何picasso只缓存一个全尺寸的。glide则不同,它会为每种大小的imageview缓存 一次。尽管一张图片已经缓存了一次,但是假如你要在另外一个地方再次以不同尺寸显示,需要重新下载,调整成新尺寸的大小,然后将这个尺寸的也缓存起来。

具体说来就是:假如在第一个页面有一个200x200的imageview,在第二个页面有一个100x100的imageview,这两个imageview本来是要显示同一张图片,却需要下载两次。

不过,你可以改变这种行为,让glide既缓存全尺寸又缓存其他尺寸:

glide.with(this)
   .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
   .diskcachestrategy(diskcachestrategy.all)
   .into(ivimgglide);

下次在任何imageview中加载图片的时候,全尺寸的图片将从缓存中取出,重新调整大小,然后缓存。

glide的这种方式优点是加载显示非常快。而picasso的方式则因为需要在显示之前重新调整大小而导致一些延迟,即便你添加了这段代码来让其立即显示:

//picasso
.nofade();

picasso 和 glide 在磁盘缓存策略上各有所长,你应该根据自己的需求选择最合适的。对我而言,我更喜欢glide,因为它远比picasso快,虽然需要更大的空间来缓存。

* 特性*

你可以做到几乎和picasso一样多的事情,代码也几乎一样。

  • image resizing
// picasso
.resize(300, 200);
// glide
.override(300, 200);
  • center cropping
// picasso
.centercrop();

// glide
.centercrop();
  • transforming
// picasso
.transform(new circletransform())

// glide
.transform(new circletransform(context))
  • 设置占位图或者加载错误图:
// picasso
.placeholder(r.drawable.placeholder)
.error(r.drawable.imagenotfound)

// glide
.placeholder(r.drawable.placeholder)
.error(r.drawable.imagenotfound)

有什么glide可以做而picasso 做不到?

  • glide可以加载gif动态图,而picasso不能。同时因为glide和activity/fragment的生命周期是一致的,因此gif的动画也会自动的随着activity/fragment的状态暂停、重放。glide 的缓存在gif这里也是一样,调整大小然后缓存。

  • 用 glide 显示动画会消耗很多内存,因此谨慎使用。

  • 除了gif动画之外,glide还可以将任意本地视频解码成一张静态图片。
  • 还有一个特性是你可以配置图片显示的动画,而picasso只有一种动画:fading in。
  • 最后一个是可以使用thumbnail()产生一个你所加载图片的thumbnail。
  • 其实还有一些特性,不过不是非常重要,比如将图像转换成字节数组等。
  • 配置有许多可以配置的选项,比如大小,缓存的磁盘位置,最大缓存空间,位图格式等等。可以在这个页面查看这些配置 configuration 。

总的来说,glide和picasso都是非常完美的库。glide加载图像以及磁盘缓存的方式都要优于picasso,速度更快,并且glide更有利于减少outofmemoryerror的发生,gif动画是glide的杀手锏。不过picasso的图片质量更高。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值