在图片加载库烂大街的今天,选择一个适合自己使用的图片加载库已经成为了每一个 Android 开发者的必经之路。现在市面上知名的图片加载库有UIL,Picasso,Volley ImageLoader,Fresco以及我们今天的主角Glide。它们各有千秋,不能评定谁一定比谁好,只能说哪一个更适合你。
我的理解
下面我来谈一下个人对这些图片加载库的理解,如有错误,还望指教。
Universal Image Loader:一个强大的图片加载库,包含各种各样的配置,最老牌,使用也最广泛。
Picasso: Square 出品,必属精品。和 OkHttp 搭配起来更配呦!
Volley ImageLoader:Google 官方出品,可惜不能加载本地图片~
Fresco:Facebook 出的,天生骄傲!不是一般的强大。
Glide:Google 推荐的图片加载库,专注于流畅的滚动。
更多详情请看 stackoverflow 上这个问题。
初试 Glide
下面进入今天的主题,相信之前很多同学都看到过这篇介绍 Glide 的文章,中文版在这里。文中从各个方面介绍和比较了 Glide 与 Picasso,总体来说二者极为相似,有着近乎相同的 API 的使用风格。但 Glide 在缓存策略和加载 GIF 方面略胜一筹。最后作者也极力推荐了这个库。
而且据说在 Google 新出的 Photos 应用中,到处可见 Glide 的踪迹。看到这里,你是不是已经迫不及待的想试一试这个库呢?就在你下定决心尝试一记的时候,你又听说 Yelp app(据说是美国的大众点评)也在使用这个吊炸天的库。你的心中激动万分,发四一定要使用这个库。说干就干,打开 Android Studio,在 builde.gradle 里面添加上
1 | compile 'com.github.bumptech.glide:glide:3.6.1' |
然后全局搜索图片加载的地方,全部换成了下面的代码:
1 | Glide.with(mContext) |
在经过漫长的编译过程之后,再次打开 APP,看到有着渐现效果的图片呈现在你的面前,你不禁叫道:“wocao,真 TM 帅!为什么我以前没有发现呢?”。
不过在你使用了几天之后你会发现一些问题:
为什么 有的图片第一次加载的时候只显示占位图,第二次才显示正常的图片呢?
为什么 我总会得到类似 You cannot start a load for a destroyed activity 这样的异常呢?
为什么 我不能给加载的图片 setTag()呢?
为什么?为什么?这么 NB 的库竟然会有这么多的问题。没错,这就是我今天要讲的重点。怎么避免上面的问题发生。
一些解决方案
1.如果你刚好使用了这个圆形Imageview 库或者其他的一些自定义的圆形 Imageview,而你又刚好设置了占位的话,那么,你就会遇到第一个问题。如何解决呢?
方案一: 不设置占位;
方案二:使用 Glide 的 Transformation API 自定义圆形 Bitmap 的转换。这里是一个已有的例子;
方案三:使用下面的代码加载图片:
1 | Glide.with(mContext) |
2.至于第二个问题,请记住一句话:不要再非主线程里面使用 Glide 加载图片,如果真的使用了,请把 context 参数换成 getApplicationContext。更多的细节请参考这个 issue。
3.为什么不能设置 Tag,是因为你使用的姿势不对哦。如何为 ImageView 设置 Tag 呢?且听我细细道来。
方案一:使用 setTag(int,object)方法设置 tag,具体用法如下:
Java 代码是酱紫的:
1 | Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(imageViewHolder.image); |
同时在 values 文件夹下新建 ids.xml,添加
1 | <item name="image_tag" type="id"/> |
大功告成!
方案二:从 Glide 的 3.6.0 之后,新添加了全局设置的方法。具体方法如下:
先实现 GlideMoudle 接口,全局设置 ViewTaget 的 tagId:
1 | public class MyGlideMoudle implements GlideModule{ |
同样,也需要在 ids.xml 下添加 id
1 | <item name="glide_tag_id" type="id"/> |
最后在 AndroidManifest.xml 文件里面添加
1 | <meta-data |
又可以愉快的玩耍了,嘻嘻`(∩_∩)′。
方案三:写一个继承自 ImageViewTaget 的类,复写它的 get/setRequest 方法。
1 | Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(new ImageViewTarget<GlideDrawable>(imageViewHolder.image) { |
一些使用技巧
1.Glide.with(context).resumeRequests()和 Glide.with(context).pauseRequests()
当列表在滑动的时候,调用 pauseRequests()取消请求,滑动停止时,调用 resumeRequests()恢复请求。这样是不是会好些呢?
2.Glide.clear()
当你想清除掉所有的图片加载请求时,这个方法可以帮助到你。
3.ListPreloader
如果你想让列表预加载的话,不妨试一下 ListPreloader 这个类。
一些基于 Glide 的优秀库
一个基于 Glide 的 transformation 库,拥有裁剪,着色,模糊,滤镜等多种转换效果,赞的不行不行的~~
一个可以在 Glide 加载时很方便使用 Palette 的库。