• 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默认图片,长宽小于你加载的图片,不然即使使用的了作者的代码,任然会有变形的问题。

  • 相关阅读:
    托管C++中System::String^ 转换为 char*
    Oracle-11:联合查询
    Oracle-10:分析函数
    Oracle-09:聚合函数
    Oracle-08:连接查询
    Oracle-07:别名,去重,子查询
    Oracle-06:DML语言数据表的操作
    Oracle-05:伪表dual
    Oracle-04:DDL语言数据表的操作
    Oracle-03:关系型数据库和非关系的数据库的各自优缺点与区别
  • 原文地址:https://www.cnblogs.com/bylijian/p/6908813.html
Copyright © 2020-2023  润新知