深入理解Glide（1）——Glide的使用

在Android开发过程中，我们常常需要涉及大量的图片加载，图片加载框架设计，是Android高级开发工程师必备的技能，本节将通过分析Glide图片加载框架，来学习如何设计一个图片加载框架。

注意：本节所使用的Glide版本为4.8.0。

Gilde是Android开发最常用的图片加载框架之一，使用非常方便，我们首先来学习一下这个框架的使用方法。

引入Glide

在项目中引入Glide方式十分方便，首先在在project层级下的build.gradle添加如下内容：

repositories {
  mavenCentral()
  google()
}

其次在app层级下的build.gradle添加如下内容：

dependencies {
    implementation 'com.github.bumptech.glide:glide:4.8.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0'
}

同时需要添加如下混淆配置

-keep public class * implements com.bumptech.glide.module.GlideModule
-keep public class * extends com.bumptech.glide.module.AppGlideModule
-keep public enum com.bumptech.glide.load.ImageHeaderParser$** {
  **[] $VALUES;
  public *;
}

# for DexGuard only
-keepresourcexmlelements manifest/application/meta-data@value=GlideModule

最后需要添加访问网络权限

<uses-permission android:name="android.permission.INTERNET" />

基本使用

我们通过一个demo来展示Glide的使用方法，首先创建一个Android工程，在布局中添加一个ImageView，用于展示图片。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="250dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

图片加载
最简单的图片加载代码如下：

Glide.with(context).load(url).into(imageView);

涉及的函数说明：
1.with：重载方法，可传入context，Activity，Fragment等
2.load：重载方法，可传入图片地址的Uri，本地资源id等
3.into：参数为一个ImageView或Taget对象

占位图设置
为了给用户更好的体验，在图片还未加载出来时候，我们一般会设置一张占位图，等图片加载完成后进行替换，Glide也提供了这个功能。

  //设置占位图
        RequestOptions options = new RequestOptions().placeholder(R.drawable.ic_launcher_background).error(R.drawable.ic_launcher_foreground);
        Glide.with(this).load(url).apply(options).into(imageView);

placeholder为设置图片加载前占位图,error为设置加载出错后占位图。
注意：参数只能资源id或者Drawable类型。

指定图片大小
Glide默认会根据ImageView的大小决定图片的大小，保证图片不会导致OOM，但我们还可以在加载时候就指定图片大小

 RequestOptions options = new RequestOptions().override(200,200);
 Glide.with(this).load(url).apply(options).into(imageView);

如果想加载一张原始尺寸，可以使用Target.SIZE_ORIGINAL关键字

   RequestOptions options = new RequestOptions().override(Target.SIZE_ORIGINAL);
   Glide.with(this).load(url).apply(options).into(imageView);

注意：当我们使用override制定图片大小后，最终展示在imageview的效果，是与imageview的scanType叠加的效果。

显示GIF
Glide的强大之处在于除了加载图片之外，还可以加载GIF

 Glide.with(this).asGif().load(url).into(imageView);

如上代码即可展示GIF图，如果图片不是GIF格式则会按error处理

设置缓存
Glide缓存的设计是三级缓存，两级内存缓存和一级硬盘缓存，默认情况下开启了内存缓存和硬盘缓存，如果需要将内存缓存禁掉，可以使用如下代码：

 RequestOptions options = new RequestOptions().skipMemoryCache(true);
        Glide.with(this).load(url).apply(options).into(imageView);

禁掉硬盘缓存，可以使用如下代码：

   RequestOptions options = new RequestOptions().diskCacheStrategy(DiskCacheStrategy.NONE);
        Glide.with(this).load(url).apply(options).into(imageView);

对于硬盘缓存，有以下几种策略：

DiskCacheStrategy.NONE:表示不缓存
DiskCacheStrategy.DATA：只缓存原始图片
DiskCacheStrategy.RESOURCE:只缓存转换后的图片
DiskCacheStrategy.ALL:既缓存原始图片，也缓存转换后的图片
DiskCacheStrategy.AUTOMATIC：Glide根据图片资源自动的选择哪一种缓存策略（默认）

回调和监听
有时候我们需要监听图片加载的状态，Glide也提供了回调，使用方法如下：

 RequestListener requestListener =new RequestListener() {
            @Override
            public boolean onLoadFailed(@Nullable GlideException e, Object model, Target target, boolean isFirstResource) {
                return false;
            }

            @Override
            public boolean onResourceReady(Object resource, Object model, Target target, DataSource dataSource, boolean isFirstResource) {
                return false;
            }
        };
        Glide.with(this).load(url).apply(options).addListener(requestListener).into(imageView);

返回值false表示这个事件不会被处理，交给Glide进行处理，比如我们在onResourceReady方法中返回了true，那么就会不会回调到Glide的Target中的onResourceReady()方法了。

图片转换
我们可以在Glide将图片加载到ImageView显示之前进行一些操作，比如实现圆角化、圆形化、模糊化等等，Glide内置了一些转换的API

RequestOptions options = new RequestOptions()
        .centerCrop();
 
RequestOptions options = new RequestOptions()
        .fitCenter();
 
RequestOptions options = new RequestOptions()
        .circleCrop();

更多的效果需要开发者自己实现，也可以使用第三方库，github上的开源库glide-transformations，实现了如裁剪变化、颜色变化、模糊变换等效果。

Glide还有很多使用方式，感兴趣的读者可以在github上去了解。