Google推荐的图片加载库Glide:最新版使用指南(含新特性)

阅读 1874
收藏 103
2017-08-07
原文链接:mp.weixin.qq.com

作者博客

http://blog.csdn.net/u013005791/

文章目录

  • 概述

  • 集成

  • 基本用法

  • 注解V4新特性和自定义方法

    • 在项目中实现AppGlideModule

    • GlideExtension

      • 21 GlideOption

      • 22 GlideType

  • 占位符

    • 设置占位符

  • Options

    • RequestOptions

    • TransitionOptions

    • RequestBuilder

  • Transformations

    • 使用RequestOptions

    • 使用RequestOptions中的transform方法

    • V4特性

    • 多个变换

  • Transitions动画

    • 普通动画

    • 自定义过渡动画

  • 基本配置

    • 配置内存缓存

      • 方法一

      • 方法二

      • 方法三

    • 磁盘缓存

    • 禁止解析Manifest文件

    • View尺寸

      • 方法一 继承ImageViewTarget

      • 方法二 使用override

    • Recycle的加载优化

0

概述

Glide是一个Android的图片加载和缓存库,它主要专注于大量图片的流畅加载,Glide几乎可以胜任任何你需要使用到图片从网络拉取,压缩,显示的场景。

本文主要基于Glide4.0版本介绍其基本使用方法。

1

集成

Github:

https://github.com/bumptech/glide

app或lib级别的build.gradle文件添加依赖:

在proguard.pro/proguard.cfg中添加混淆:

2

基本用法

大多数情况下载图片只需要一行代码:

取消加载也很简单:

实际上你并不需要取消加载。。。

因为当你在with方法中传入的Activity或Fragment被销毁的时候,Glide会自动取消加载并且回收所有的加载过程中所使用的资源。

3

注解(V4新特性)和自定义方法

Glide使用了annotation processor来生成API,允许应用修改RequestBuilder、RequestOptions和任意的包含在单一流式API库中的方法。这是V4的特性,运用注解后使用起来更方便:

Glidev4中的Glide.with().load()后没有之前版本的fitCenter和placeholder这样的方法,但是 GlideApp有,可以直接在builder中使用。GlideApp可以代替之前版本的Glide开头。

这样做的目的是:

  1. 对于library项目来讲可以使用自定义方法继承Glide的API ;

  2. 对于应用来讲,在继承Glide的API后,可以通过添加自定义方法。

虽然你也可以手动继承RequestOptions,但是显然这样做更加麻烦,也破坏了流式API特性。

在项目中实现AppGlideModule:

这个类实现必须要有@GlideModule注解,如果你添加的方法失效,那就检查下这里。

如果是library就实现LibraryGlideModule,以使用OkHttp为例:

OkHttpUrlLoader是Glide的OKHttp扩展库中的类,如果需要使用Glide的实现,可以在依赖中添加:

添加完依赖不需要自己实现OkHttpLibraryGlideModule类,库中已经自带了,会自动使用OKHttp的。

然后编译工程可以发现在build中生成了四个类:

GlideExtension

为了添加新的方法,修改已有的方法或者添加对其他类型格式的支持,你需要在扩展中使用加了注解的静态方法。

GlideOption用来添加自定义的方法,GlideType用来支持新的格式。

GlideOption

先新建一个CustomGlideExtension类:

编译工程,打开build目录中的GlideOptions,可以看见自动生成了两个方法:

现在可以使用你自定义的方法了:

GlideType

以添加对GIF格式的支持为例,只是举例,实际上API中已经支持了。

在刚才的CustomGlideExtension类中加上:

编译工程,打开build目录中的GlideRequests,可以看见自动生成了一个方法:

现在可以使用你添加的类型了:

4

占位符

占位符就是请求的图片没加载出来时显示的默认图片。 Glide支持三种不同情况下的占位符:

  • Placeholder 请求图片加载中

  • Error 请求图片加载错误

  • Fallback 请求url/model为空

设置占位符

之后的显示优先级,我画了个流程图。

5

Options

RequestOptions

Glide中的大多请求参数都可以通过RequestOptions类和apply()方法来设置。

Glide中的请求参数主要有:

  1. Placeholders 占位符

  2. Transformations 变换

  3. Caching Strategies 缓存策略

  4. 组件特定参数:编码质量,解码参数等。

比如,要将图片的显示方式设为CenterCrop,你可以这么做:

但是其实完全可以在layout文件中设置ImageView为android:scaleType="centerCrop",Glide会自动根据这个属性设置图片的显示方式。

apply方法可以调用多次,但是如果两次apply存在冲突的设置,会以最后一次为准。

TransitionOptions

TransitionOptions决定图片加载完成如何从占位符图片(或者之前的图片)过渡。

  1. 淡入

  2. 交叉淡入

  3. 不过渡

注意

TransitionOptions是和你要加载的资源的类型绑定的,也就是说,如果你请求一张位图(Bitmap),你就需要使用BitmapTransitionOptions,而不是DrawableTransitionOptions。因此,你请求的这张位图,你需要用简单的淡入,而不能用 交叉淡入(DrawableTransitionOptions.withCrossFade())。  如果既不是Bitmap也不是Drawable可以使用GenericTransitionOptions

RequestBuilder

作用:

  1. 指定加载类型。asBitmap()、asGif()、asDrawable()、asFile()。

  2. 指定要加载url/model。

  3. 指定要加载到那个View。

  4. 指定要应用的RequestOption

  5. 指定要应用的TransitionOption

  6. 指定要加载的缩略图

那么如何得到RequestBuilder呢?

默认得到一个Drawable RequestBuilder,如果要指定类型为Bitmap,可以这样写:

应用RequestOptions

RequestBuilder也可以重复使用:

6

Transformations

Glide会自动读取ImageView的缩放类型,所以一般在layout文件指定scaleType即可。

CenterCrop, CenterInside, CircleCrop, FitCenter, RoundedCorners

Glide支持在Java代码中设置这些缩放类型:

  1. CenterCrop 缩放宽和高都到达View的边界,有一个参数在边界上,另一个参数可能在边界上,也可能超过边界

  2. CenterInside 如果宽和高都在View的边界内,那就不缩放,否则缩放宽和高都进入View的边界,有一个参数在边界上,另一个参数可能在边界上,也可能在边界内

  3. CircleCrop 圆形且结合了CenterCrop的特性

  4. FitCenter 缩放宽和高都进入View的边界,有一个参数在边界上,另一个参数可能在边界上,也可能在边界内

  5. RoundedCorners 圆角

有三种用法:

使用RequestOptions

使用RequestOptions中的transform方法

V4特性

第三种方法最简便,推荐。

多个变换

7

Transitions(动画)

普通动画

Glide中的过渡动画是指占位符到请求图片或缩略图到完整尺寸请求图片的动画。过渡动画只能针对单一请求,不能跨请求执行。

过渡动画执行时机:

  • 图片在磁盘缓存 

  • 图片在本地 

  • 图片在远程

如果图片在内存缓存上是不会执行过渡动画的。如果需要在内存缓存上加载动画,可以这样:

通常的用法如下:

TransitionOptions的介绍:TransitionOptions。有三种TransitionOptions:

  • GenericTransitionOptions 通用型

  • DrawableTransitionOptions

  • BitmapTransitionOptions

如果要使用自定义的动画,可以使用GenericTransitionOptions.with(int viewAnimationId)或者BitmapTransitionOptions.withCrossFade(int animationId, int duration)或者DrawableTransitionOptions.withCrossFade(int animationId, int duration)。

出于性能考虑,最好不要在ListView,GridView,RecycleView中使用过渡动画,使用TransitionOptions.dontTransition()可以不加载动画,也可以使用dontAnimate不加载动画

自定义过渡动画

  • 实现TransitionFactory 

  • 重写build() 

可以控制图片在内存缓存上是否执行动画。

具体写法参考DrawableCrossFadeFactory,然后调用TransitionOptions的with(TransitionFactory transitionFactory)加载。

8

基本配置

基本配置

Glide会自动合理分配内存缓存,但是也可以自己手动分配。

方法一

通过MemorySizeCalculator设置

setMemoryCacheScreens设置MemoryCache应该能够容纳的像素值的设备屏幕数,说白了就是缓存多少屏图片,默认值是2。

方法二

方法三

自己实现MemoryCache接口。

清楚内存缓存,在主线程调用:

在使用的时候,可以跳过内存缓存:

磁盘缓存

Glide使用DiskLruCacheWrapper作为默认的磁盘缓存,默认大小是250M,缓存文件放在APP的缓存文件夹下。

用法如上,可以指定缓存在内部存储或外部存储,也可以指定缓存大小和文件夹。

自定义磁盘缓存

自己实现DiskCache接口。

清楚磁盘缓存,在主线程调用:

加载图片时设置磁盘缓存策略:

默认的策略是DiskCacheStrategy.AUTOMATIC DiskCacheStrategy有五个常量:

  • DiskCacheStrategy.ALL 使用DATA和RESOURCE缓存远程数据,仅使用RESOURCE来缓存本地数据。

  • DiskCacheStrategy.NONE 不使用磁盘缓存

  • DiskCacheStrategy.DATA 在资源解码前就将原始数据写入磁盘缓存

  • DiskCacheStrategy.RESOURCE 在资源解码后将数据写入磁盘缓存,即经过缩放等转换后的图片资源。

  • DiskCacheStrategy.AUTOMATIC 根据原始图片数据和资源编码策略来自动选择磁盘缓存策略。

禁止解析Manifest文件

主要针对V3升级到v4的用户,可以提升初始化速度,避免一些潜在错误。

View尺寸

Glide对ImageView的width和height属性是这样解析的:

  • 如果width和height都大于0,则使用layout中的尺寸。

  • 如果width和height都是WRAP_CONTENT,则使用屏幕尺寸。

  • 如果width和height中至少有一个值<=0并且不是WRAP_CONTENT,那么就会在布局的时候添加一个OnPreDrawListener监听ImageView的尺寸

Glide对WRAP_CONTENT的支持并不好,所以尽量不要用。

那么如何在运行修改ImageView尺寸呢?

方法一 继承ImageViewTarget

我这里指定的View的类型是ImageView,资源类型是Bitmap,可根据需要修改,onResourceReady(Bitmap bitmap, Transition<? super Bitmap> transition)方法中可以通过bitmap获取图片的尺寸。

使用:

方法二 使用override()

Recycle的加载优化

只在拖动和静止时加载,自动滑动时不加载。

今日推荐

Android Studio 实用小技巧

点赞与转发就是对我最大的支持!

评论