Glide填坑指南

最新推荐文章于 2022-11-09 22:33:25 发布

Ltp_zy

最新推荐文章于 2022-11-09 22:33:25 发布

阅读量370

点赞数

Glide填坑指南

一、前言：再优秀的开源库都有坑要填

手上的项目使用的图片加载框架是：Universal-Image-Loader+业务需要定制化的一些代码。Universal-Image-Loader 这个框架是一个非常经典好用的框架，唯一的问题是是作者很久之前就不再更新了。所以综合考虑下，确定使用Glide+封装代替当前的图片加载框架。

二、困惑：

在没有真正使用 Glide 之前，我所看到的文章基本都是赞美这个库的功能强大，加载流畅。然而，当我用上了以后，才发现并不完美。遇到了不少的坑，需要自己填。

2.1 Glide 配合 OKHttp 使用的坑：

需要在Gradle中引入：
compile "com.github.bumptech.glide:glide:3.7.0"
compile "com.github.bumptech.glide:okhttp3-integration:1.4.0@aar"
这里就有一个坑，如果你用到自定义的 GlideModule，这里的可能会失效，被com.github.bumptech.glide:okhttp3-integration:1.4.0@aar默认的替换
解决方法是升级版本号：
compile "com.github.bumptech.glide:okhttp3-integration:1.4.0@aar" -》 compile "com.github.bumptech.glide:okhttp3-integration:1.5.0" 注意，没有@arr

2.2 OKHttpClient 超时设置导致图片无法加载坑：

因为Glide本身只负责图片加载，网络请求图片数据由网络框架决定。网络请求一般会有超时的问题，坑的是OKHttp默认的超时时间太短了，如果不修改，网络状态比较差
就很容易请求超时，图片自然就加载不出来。我设置的参数是60,60,30这个可以自己根据实际情况确定。

//这个是源码里面的，默认超时时间，都是10s，10000ms
connectTimeout = 10_000;
readTimeout = 10_000;
writeTimeout = 10_000;

//手动设置超时时间
 OkHttpClient client=new OkHttpClient.Builder()
                                .connectTimeout(HTTP_CONNECT_TIMEOUT, TimeUnit.SECONDS)
                                .readTimeout(HTTP_READ_TIMEOUT, TimeUnit.SECONDS)
                                .writeTimeout(HTTP_WRITE_TIMEOUT, TimeUnit.SECONDS)
                                .build;

2.3 Glide 查看 log 的坑：

如果你使用 Glide 经常出现图片加载不出来或者加载有问题，你需要查看 Glide 本身的 log，不过这个必须通过 adb 命令开启，详情百度，需要注意如果是请求图片问题，关注请求的 log，图片加载||转换的问题，关注图片加载||转换的log。

2.4 Glide 加载的图片内存占用巨多的坑：

在使用 Glide 的第一个版本，OOM 问题一下子爆炸了，查看内存占用，使用 Universal-Image-Loader 的旧版本，App 占用50m~80m内存，
而使用 Glide 加载列表大图的时候，突然猛增到120M+，低端机器自然很容易就 OOM 了。
Glide 有一个优点被很多人称赞，就是它会根据图片控件的大小对 Bitmap 进程缩放处理，适应控件的大小。
但是，如果是一个控件，在高分屏下，它的控件大小往往比实际图片尺寸大很多，举例一个控件:
长宽：1080400，图片原始尺寸540200，如果不做任何设置，Glide 会把 bitmap 放大到控件大小，那么占用的内存就变成了原始大小四倍。。。

这个是 Glide 的特性，暂时没有找到的方法修改。
临时方案：为了避免Glide自动把bitmap放大，使用在加载图片的时候，使用 .override(width, height) 限制图片的宽高

2.5 Glide 使用过渡动画造成图片变形的 bug

Glide 默认会加载图片的时候会有一个过渡效果，其原理是采用TransitionDrawable实现的。
但是这个和 placeHolder,一起使用，尤其是你的playHolder的尺寸比你加载的图片要大，这个时候就会出现，你加载出来的图片变形的问题。
很多人推荐使用 .dontAnimate() 解决问题，即去掉过渡动画。
但是，如果产品一定需要加入过渡动画，官方其实没有提供完美的解决方案，Glide的作者之一在stackoverflow有回答并且给出了 github 的代码。
http://stackoverflow.com/questions/32235413/glide-load-drawable-but-dont-scale-placeholder
https://github.com/TWiStErRob/glide-support/tree/master/src/glide4/java/com/bumptech/glide/supportapp

注意：我在使用的过程中发现，如果你的ImageView的type是center_crop 的话，那么必须确保你的place_holder默认图片，长宽小于你加载的图片，不然即使使用的了作者的代码，任然会有变形的问题。