欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android中Glide加载库的图片缓存配置究极指南

程序员文章站 2024-02-29 12:53:04
零、选择glide 为什么图片加载我首先推荐glide? 图片加载框架用了不少,从afinal框架的afinalbitmap,xutils的bitmaputil...

零、选择glide
为什么图片加载我首先推荐glide?

图片加载框架用了不少,从afinal框架的afinalbitmap,xutils的bitmaputils,老牌框架universalimageloader,著名开源组织square的picasso,google推荐的glide到facebook推出的fresco。这些我前前后后都体验过,那么面对这么多的框架,该如何选择呢?下面简单分析下我的看法。

afinal和xuils在github上作者已经停止维护了,开源社区最新的框架要属kjframework,不过这种快速开发框架看似很好用,功能也应有尽有,小型项目也罢,大型项目我不是很推荐,这样做项目的耦合度太高,一旦出现停止维护,而新的问题不断增加,没人处理就麻烦了。

在glide和fresco还未出来的时候,当时最火的莫过于universalimageloader和picasso了,当时觉得universalimageloader配置相对picasso麻烦,虽然提供了各种配置,但是没有实践过,根本不知道如何配置,还不如都采用默认配置,就选择了picasso作为图片加载框架,用了近一年的时间,没有太大的问题,且使用简单,或许是因为之前的项目太过于简单,周期也并不是很长,还有使用eclipse开发,一个很大的问题一直都没有暴露出来,换上了最新的android studio可以清晰的看到各种性能相关的监控,如cpu还有内存监控,终于知道了之前做的项目都那么的卡顿的罪魁祸首,picasso加载稍微大一点的图片就特别耗内存,通常一个listview或者顶部滑动广告栏都含有多张图片,这使得做出的页面只要含图片较多就异常卡顿(之前的时候还把它归结为测试机不好),知道这一点后我就有点想把picasso给替换掉,但这一次我不能那么粗心。

测试了picasso,glide,universalimageloader,fresco这四个框架,测试内容大概有以下几项,内存测试,大图片测试,小图片测试,本地图片,网络图片当然还结合官方文档体验其特色功能,内存测试中,glide,universalimageloader,fresco表现都非常优秀,picasso这一点上实在是太糟糕了,小图片差别也不是很大,稍微大点图片内存消耗就要比其他高出几倍,这一点上证明了我的猜想,picasso不能再用了,下面一项项分析其他框架,在高于2m左右大图测试中fresco的表现则和picasso一样直接神马都不显示,项目中要实现大图预览功能,这点上是不行的,接着看universalimageloader和glide在这几项测试中成绩都很好,到底该如何选择呢?

因为我项目之前用的picasso,glide从用法上几乎就是另一个picasso,从picasso转移到glide相对改动较少,还有一点就是这个项目是google在维护,我也能给它更多的信任,相比较universalimageloader,glide可以支持gif和短视频,后期也需要用到,这里不得不谈一下glide优秀的缓存机制了,glide图片缓存默认使用rgb565相当于argb8888可以节省不少的空间,支持与activity,fragment,application生命周期的联动,更智能管理图片请求当然还有其他的扩展更多可以看?glide介绍?当然,glide的方法数量比universalimageloader多了1000多个,遇到64k问题的会比较关注这个。

刚才只是掠过fresco,其实我对他的期待还是蛮大的,因为刚出来还有居多不稳定的地方,里面存在着大量吸引着我的功能,支持webps格式(和jpg一样都是有损压缩格式,webps相同质量图片更节省空间),支持渐进式jpeg,可以轻松的定制image的各种属性,支持多图请求和图片复用,并支持手势缩放和旋转等等,更多介绍?fresco,当然,实际用的时候并没有那么好,很多功能都有待完善。

还有一点细节的地方要注意的,最好不要直接拿来用,至少经过自己简单的封装,而不是直接在项目中使用,一个简单的例子,后期图片过多,可能需要另外配置一台机器单独存放图片,主机地址做成可配置,可不要因为一个简单的需求又要加班了
更多。


一、glide3.0以来的新特性

1.动态的gif图片加载:

glide.with(context).load(...).asbitmap() //显示gif静态图片
glide.with(context).load(...).asgif() //显示gif动态图片

2.本地视频快照:

glide现在还可以把视频解码为一张图片:

 glide.with(context).load(“视频路径“)


(经过我的测试,只能把手机本地的mp4视频解析为一张图片,把mp4文件放在raw文件中,不能解析)

3.对缩略图的支持:

 //加载yourview1/10尺寸的缩略图,然后加载全图
glide.with(yourfragment).load(yoururl).thumbnail(0.1f).into(yourview)

4.生命周期集成

同时将activity/fragment作为with()参数的好处是:图片加载会和activity/fragment的生命周期保持一致,

请求会在onstop的时候自动暂停,

在onstart的时候重新启动,gif的动画也会在onstop的时候停止,以免在后台消耗电量。

5.转码

glide的.tobytes()和.transcode()方法允许在后台获取、解码和转换一个图片,你可以将一张图片转换成更多有用的图片格式,比如,上传一张250*250的图片

 glide.with(context)
  .load(“/user/profile/photo/path”)
  .asbitmap()
  .tobytes()
  .centercrop()
  .into(new simpletarget<byte[]>(250, 250) {
    @override
    public void onresourceready(byte[] data, glideanimation anim) {
      // post your bytes to a background thread and upload them here.
    }
  });

6.动画:3.x加入了cross fades和view的属性动画的支持

比如

 (.animate(viewpropertyanimation.animator))


7. 网络模块可以选择okhttp或者volley的支持

you can now choose to use either okhttp, or volley, or glide's httpurlconnection default as your network stack.

volley和okhttp可以在gradle文件当中添加依赖,注册相应的modelloaderfactory

 

二、图片的缓存和缓存的时效机制

1.图片缓存的键值

图片缓存的键值主要用于diskcachestrategy.result,glide当中的键值主要包含三个部分:

通过datafetcher.getid()方法返回的string数据作为键值。一般的datafetchers会简单返回数据模型data model的tostring()结果,如果是url/file会返回相应的路径

图片的尺寸,主要是通过override(width,height)或者通过target's getsize()方法确定的尺寸信息

包含一个可选的签名所有的这些东西会通过一种散列算法生成一个独有、安全的文件名,通过此文件名将图片缓存在disk中

2.缓存失效

因为glide当中图片缓存key的生成是通过一个散列算法来实现的,所以很难手动去确定哪些文件可以从缓存当中进行删除

2.1 当内容(url,file path)改变的时候,改变相应的标识符就可以了,glide当中也提供了signature()方法,将一个附加的数据加入到缓存key当中

多媒体存储数据,可用mediastoresignature类作为标识符,会将文件的修改时间、mimetype等信息作为cachekey的一部分

文件,使用stringsignature

urls ,使用stringsignature

 glide.with(yourfragment)
  .load(yourfiledatamodel)
  .signature(new stringsignature(yourversionmetadata))
  .into(yourimageview);


 glide.with(fragment)
  .load(mediastoreuri)
  .signature(new mediastoresignature(mimetype, datemodified, orientation))
  .into(view);

自定义标识符:

 public class integerversionsignature implements key {
  private int currentversion;
  public integerversionsignature(int currentversion) {
     this.currentversion = currentversion;
  }
  @override
  public boolean equals(object o) {
    if (o instanceof integerversionsignature) {
      integerversionsignature other = (integerversionsignature) o;
      return currentversion = other.currentversion;
    }
    return false;
  }
  @override
  public int hashcode() {
    return currentversion;
  }
  @override
  public void updatediskcachekey(messagedigest md) {
    messagedigest.update(bytebuffer.allocate(integer.size)
.putint(signature).array());
  }
}

2.2、不缓存可以通过diskcachestrategy(diskcachestrategy.none.)实现

 

三、配置glidemodules

可以通过glidemodule接口来配置glide的配置文件,并且像modelloaders一样注册相关组件。

包含一个glidemode :

第一步、to use and register a glidemodule, first implement the interface with your configuration and components:

 public class myglidemodule implements glidemodule {
  @override
  public void applyoptions(context context, glidebuilder builder) {
    // apply options to the builder here.
  }
  @override
  public void registercomponents(context context, glide glide) {
    // register modelloaders here.
  }
}

第二步、然后将上面的实现了加入到proguard.cfg当中:

 -keepnames class * com.mypackage.myglidemodule

第三步、在androidmanifest.xml文件中添加meta-data,以便glide能够找到你的module

 <meta-data
 android:name="com.bumptech.glide.samples.flickr.flickrglidemodule"
  android:value="glidemodule" />


四、library项目

一个library项目可能会定义一个或者多个glidemodules,如果一个library项目添加一个module到library项目的manifest当中,依赖于此library的应用就会自动加载依赖库(library项目)当中的module。

当然,如果manifest的合并不正确,那么library里面module就必须手动地在应用当中添加进去。

 

五、glidemodules冲突

虽然glide允许一个应用当中存在多个glidemodules,glide并不会按照一个特殊的顺序去调用已注册的glidemodules,如果一个应用的多个依赖工程当中有多个相同的modules,就有可能会产生冲突。

如果一个冲突是不可避免的,应用应该默认去定义一个自己的module,用来手动地处理这个冲突,在进行manifest合并的时候,可以用下面的标签排除冲突的module。

 <meta-data android:name=”com.mypackage.myglidemodule” tools:node=”remove”/>


六、通过glidebuilder配置全局配置文件

glide允许开发者配置自定义的全局操作应用于所有的请求,这个部分可以通过glidemodule接口中的applyoptions方法的glidebuilder参数实现 :

1.diskcache

1.1、硬盘缓存是在一个后台线程当中,通过一个diskcache.factory接口进行缓存的。

开发者能够通过glidebuilder的setdiskcache(diskcache.factory df)方法设置存储的位置和大小

通过传入diskcacheadapter来完全禁用缓存

自定义一个diskcache来完全禁用缓存,

glide默认是用internalcachediskcachefactory类来创建硬盘缓存的,这个类会在应用的内部缓存目录下面创建一个最大容量250mb的缓存文件夹,使用这个缓存目录而不用sd卡,意味着除了本应用之外,其他应用是不能访问缓存的图片文件的。

1.2.设置disk缓存的大小 : internalcachediskcachefactory

 builder.setdiskcache(new internalcachediskcachefactory(context, yoursizeinbytes));

1.3.设置缓存的路径

可以通过实现diskcache.factory,然后使用disklrucachewrapper创建一个新的缓存目录,比如,可以通过如下方式在外存当中创建缓存目录:

  builder .setdiskcache(new diskcache.factory() {
    @override
    public diskcache build() { 
      // careful: the external cache directory doesn't enforce permissions
      file cachelocation = new file(context.getexternalcachedir(), "cache_dir_name");
      cachelocation.mkdirs();
      return disklrucachewrapper.get(cachelocation, yoursizeinbytes);
    }
  });


2.内存当中的缓存和pools

glidebuilder当中,允许开发者去设置内存当中图片缓存区的大小,主要涉及到的类包括memorycache和bitmappool

2.1 大小的设置

默认内存缓存的大小是用过memorysizecalculator来实现的,这个类会根据设备屏幕的大小,计算出一个合适的size,开发者可以获取到相关的默认设置信息:

 memorysizecalculator calculator = new memorysizecalculator(context);
int defaultmemorycachesize = calculator.getmemorycachesize();
int defaultbitmappoolsize = calculator.getbitmappoolsize();

如果在应用当中想要调整内存缓存的大小,开发者可以通过如下方式:

glide.get(context).setmemorycategory(memorycategory.high);

2.2 memory cache

glide内存缓存的目的是减少i/o,提高效率

可以通过glidebuidler的setmemorycache(memorycache memorycache)去设置缓存的大小,开发者可以通过lruresourcecache类去设置缓存区的大小

builder.setmemorycache(new lruresourcecache(yoursizeinbytes));

2.3 bitmap pool

可以通过glidebuilder的setbitmappool()方法设置池子的大小,lrubitmappool是glide的默认实现,使用如下:

 builder.setbitmappool(new lrubitmappool(sizeinbytes));

.图片格式

glidebuilder允许开发者设置一个全局的默认图片格式,

在默认情况下,glide使用rgb_565格式加载图片,如果想要使用高质量的图片,可以通过如下方式设置系统的图片格式:

 

builder.setdecodeformat(decodeformat.always_argb_8888);


七、自定义显示控件

除了可以将图片、视频快照和gifs显示在view上面之外,开发者也可以在自定义的target上面显示这些媒体文件

1.simpletarget

重点内容

如果你想简单地加载一个bitmap,你可以通过以下简单的方式而不是直接地显示给用户,可能是显示一个notification,或者上传一个头像,glide都能很好地实现

simpletarget提供了对target的简单实现,并且让你专注于对加载结果的处理

为了使用simpletarget,开发者需要提供一个宽和高的像素值,用来加载你的资源文件,并且你需要去实现

 onresourceready(r resource,glideanimation<? super r> glideanimation)
int mywidth = 512;
int myheight = 384;

glide.with(yourapplicationcontext))
  .load(youurl)
  .asbitmap()
  .into(new simpletarget<bitmap>(mywidth, myheight) {
    @override
    public void onresourceready(bitmap bitmap, glideanimation anim) {
      // do something with bitmap here.
    }
  };

说明:

通常你去加载资源的时候,是将他们加载到一个view当中,当fragment或者activity失去焦点或者distroyed的时候,glide会自动停止加载相关资源,确保资源不会被浪费

在大多数simpletarget的实现当中,如果需要资源的加载不受组件生命周期的影响,glide.width(context)当中的context是application context而不是fragment或者activity

另外,由于一些long running operations可能会导致内存泄露,如果你打算使用一个这样的操作,可以考虑使用一个静态的内部类而不是一个动态的内部类。

2.viewtarget

如果你想加载一张图片到一个view当中,但是又想改变或者监听glide默认的部分设置,就可以通过重写viewtarget或者他的子类来实现

如果你想gidle加载图片的时候可以自定义图片的大小,或者想要设置一个自定义的显示动画,就可以通过viewtarget来实现,可以通过一个静态的viewtarget或者动态的内部类来实现相关的功能

 glide.with(yourfragment)
  .load(yoururl)
  .into(new viewtarget<yourviewclass, glidedrawable>(yourviewobject) {
    @override
    public void onresourceready(glidedrawable resource, glideanimation anim) {
      yourviewclass myview = this.view;
      // set your resource on myview and/or start your animation here.
    }
  });

说明:

加载一张静态的图片或者一张gif动态图,可以在load后面加上asbitmap()/asgif()

.load(url)会通过asxxx()替换viewtarget当中的glidedrawable参数,也可以通过实现lifecyclelisener,给target设置一个回调。

3.覆盖默认的相关设置

如果只是想使用glide的默认配置,可以使用glide当中imageviewtargets的两个子类:

glidedrawableimageviewtarget 默认的实现,可以通过asgif()加载动态图片

bitmapimageviewtarget 可以通过asbitmap()加载静态图片

如果想要使用glide默认实现,可以在他们的子类方法当中使用super.xx()即可,例如:

 glide.with(yourfragment)
  .load(yoururl)
  .asbitmap()
  .into(new bitmapimageviewtarget(yourimageview)) {
    @override
    public void onresourceready(bitmap bitmap, glideanimation anim) {
      super.onresourceready(bitmap, anim);
      palette.generateasync(bitmap, new palette.paletteasynclistener() { 
        @override
        public void ongenerated(palette palette) {
          // here's your generated palette
        }
      });
    }
  });

八、使用glide下载自定义尺寸的图片

glide的modelloader接口为开发者提供了装载图片的view的尺寸,并且允许开发者使用这些尺寸信息去选择合适的url去下载图片。选用适当的尺寸可以节省宽带和设备的空间开销,提高app的性能

2014年googlei/o大会发表了一篇文章,阐述了他们如何使用modelloader接口去适配图片的尺寸,见下面的连接:https://github.com/google/iosched/blob/master/doc/images.md

1、通过http/https下载图片,可以通过继承baseglideutlloader来实现:

 public interface mydatamodel {
  public string buildurl(int width, int height);
} 
public class myurlloader extends baseglideurlloader<mydatamodel> {
  @override
  protected string geturl(mydatamodel model, int width, int height) {
    // construct the url for the correct size here.
    return model.buildurl(width, height);
  }
}


2、可以使用你自定义的modelloader去加载图片了

 glide.with(yourfragment)
  .using(new myurlloader())
  .load(yourmodel)
  .into(yourview);

如果你想避免每次加载图片都要使用.using(new myurlloader()) ,可以实现是一个

modelloaderfactory然后使用glide将它注册到glidemodule当中

 public class myglidemodule implements glidemodule {
  ...
  @override
  public void registercomponents(context context, glide glide) {
    glide.register(mydatamodel.class, inputstream.class, 
      new myurlloader.factory());
  }
}

这样你就可以跳过.using()了

 glide.with(yourfragment)
  .load(yourmodel)
  .into(yourview);


九、集成库

1.什么是集成库

glide包含一些小的、可选的集成库,目前glide集成库当中包含了访问网络操作的volley和okhttp

2.为什么要包含集成库

这些集成库,和glide的modelloader系统允许开发者使用一致地框架去进行网络相关的操作

3.如何将一个库集成到glide当中,

将一个库集成到glide当中需要两步操作,

包含正确的dependency,

确保创建了该集成库的glidemodule,比如,

将volley集成到glide当中

第一步、添加依赖

 dependencies {
  compile 'com.github.bumptech.glide:volley-integration:1.2.2'
  compile 'com.mcxiaoke.volley:library:1.0.5'
}


第二步、创建volley集成库的glidemodule

 <meta-data
 android:name="com.bumptech.glide.integration.volley.volleyglidemodule"
  android:value="glidemodule" />


然后改变混淆文件:

 -keep class com.bumptech.glide.integration.volley.volleyglidemodule
#or
-keep public class * implements com.bumptech.glide.module.glidemodule


将okhttp集成到glide当中:

第一步、添加依赖

 dependencies {
  compile 'com.github.bumptech.glide:okhttp-integration:1.2.2'
  compile 'com.squareup.okhttp:okhttp:2.0.0'
}


第二步、创建okhttp集成库的glidemodule

 <meta-data
  android:name="com.bumptech.glide.integration.okhttp.okhttpglidemodule"
android:value="glidemodule" />

-keep class com.bumptech.glide.integration.okhttp.okhttpglidemodule
#or
-keep public class * implements com.bumptech.glide.module.glidemodule


十、在后台线程当中进行加载和缓存

为了保证glide在后台线程当中加载资源文件更加容易,glide除了glide.with(fragment).load(url).into(view)之外还提供了

 downloadonly(int width, int height)
downloadonly(y target)// y extends target<file>
into(int width, int height)


1.downloadonly

glide的downloadonly()允许开发者将image的二进制文件下载到硬盘缓存当中,以便在后续使用,

在ui线程当中异步下载,在异步线程当中则是使用width和height

在异步线程当中同步调用下载,在同步线程当中,

downloadonly使用一个target作为参数

(1)在后台线程当中下载图片,可以通过如下的方式:

 futuretarget<file> future = glide.with(applicationcontext)
  .load(yoururl)
  .downloadonly(500, 500);
file cachefile = future.get();

当future返回的时候,image的二进制文件信息就存入了disk缓存了,值得注意的是downloadonly api只是保证图片个bytes数据在disk当中是有效的。

(2)下载完毕之后如果想要进行显示,可以通过如下方式进行调用:

 glide.with(yourfragment)
  .load(yoururl)
  .diskcachestrategy(diskcachestrategy.all)
  .into(yourview);

通过diskcachestrategy.all或者diskcachestrategy.source,可以保证程序会去读取缓存文件

2. 如果想要在后台线程当中获取某个url对应的bitmap

不通过downloadonly,可以使用into(),会返回一个futuretarget对象,比如,想要得到一个url对应的500*500的centercrop裁剪图片,可以通过如下方式实现:

 bitmap mybitmap = glide.with(applicationcontext)
  .load(yoururl)
  .asbitmap()
  .centercrop()
  .into(500, 500)
  .get()


注意:上面的调用只能在异步线程当中,如果在main thread当中调用.get(),会阻塞主线

十一、转换器

1.默认的转换器

glide两个默认的转换器,fitcenter和centercrop,其他的转换器详见https://github.com/wasabeef/glide-transformations,可以将图片转为各种形状,例如圆形,圆角型等等

用法:

 

glide.with(yourfragment)
  .load(yoururl)
  .fitcenter()
  .into(yourview);


 glide.with(yourfragment)
  .load(yoururl)
  .centercrop()
  .into(yourview);


 // for bitmaps:
glide.with(yourfragment)
  .load(yoururl)
  .asbitmap()
  .centercrop()
  .into(yourview);
// for gifs:
glide.with(yourfragment)
  .load(yoururl)
  .asgif()
  .fitcenter()
  .into(yourview);



甚至可以在两幅图片进行类型转换的时候进行transformed

 glide.with(yourfragment)
  .load(yoururl)
  .asbitmap()
  .tobytes()
  .centercrop()
  .into(new simpletarget<byte[]>(...) { ... });


2.自定义转换器

方法:

第一步、编写转换器类 ,继承bitmaptransformation:

 

private static class mytransformation extends bitmaptransformation {
  public mytransformation(context context) {
    super(context);
  }
  @override
  protected bitmap transform(bitmappool pool, bitmap totransform, 
      int outwidth, int outheight) {
    bitmap mytransformedbitmap = ... // apply some transformation here.
    return mytransformedbitmap;
  }
  @override
  public string getid() {
    // return some id that uniquely identifies your transformation.
    return "com.example.myapp.mytransformation";
  }
}


第二步、在glide方法链当中用.transform(…)替换fitcenter()/centercrop()

 glide.with(yourfragment)
  .load(yoururl)
  .transform(new mytransformation(context))
  .into(yourview);
// for bitmaps:
glide.with(yourfragment)
  .load(yoururl)
  .asbitmap()
  .transform(new mytransformation(context))
  .into(yourview);
// for gifs:
glide.with(yourfragment)
  .load(yoururl)
  .asgif()
  .transform(new mytransformation(context))
  .into(yourview);


3.自定义转换器的尺寸

在上面使用过程当中没有设置尺寸值,那么转换器转换的图片尺寸怎么确定呢,

glide实际上已经足够智能根据view的尺寸来确定转换图片的尺寸了

如果需要自定义尺寸,而不是用view和target当中的尺寸,那么可以使用override(int,int)设置相关的宽和高

4. bitmap 再利用

为了减少垃圾收集,可以通过bitmappool接口去释放不需要的bitmaps,当然也可以对里面的bitmap进行再利用。

例如在一次转换中,

从pool当中得到一个bitmap

将bitmap回设给canvas

使用matrix、paint在canvas上面绘制原始的bitmap,或者通过一个shader来转换一个image

4.1 不要手动地去释放一个转换的bitmap资源,也不要将transform()之后的bitmap重新放置到bitmappool当中去

 protected bitmap transform(bitmappool bitmappool, bitmap original, int width, int height) {
  bitmap result = bitmappool.get(width, height, bitmap.config.argb_8888);
  // if no matching bitmap is in the pool, get will return null, so we should //allocate.
  if (result == null) {
    // use argb_8888 since we're going to add alpha to the image.
    result = bitmap.createbitmap(width, height, bitmap.config.argb_8888);
  }
  // create a canvas backed by the result bitmap.
  canvas canvas = new canvas(result);
  paint paint = new paint();
  paint.setalpha(128);
  // draw the original bitmap onto the result bitmap with a transformation.
  canvas.drawbitmap(original, 0, 0, paint);
  // since we've replaced our original bitmap, we return our new bitmap here. glide will
  // will take care of returning our original bitmap to the bitmappool for us. 
  return result;
}