Glide 基本使用（一）

一、前言：

下一篇：Glide 基本封装使用（二）https://www.jianshu.com/p/61de90eb6d93

Glide是谷歌为我们推荐的一个图片加载库。为什么要选择使用Glide呢？

Glide 轻量级；
速度快；
可以根据所需加载图片的大小自动适配所需分辨率的图；
支持多种格式图片（静态webp，动态gif，jpeg，jpg，png）；
支持多种数据源图片（url，drawable，src，file，asserts，raw）。

二、使用：

1. 添加依赖：

implementation 'com.github.bumptech.glide:glide:4.5.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.5.0'

2. 添加访问网络权限

<uses-permission android:name="android.permission.INTERNET" />
//它可以监听用户的连接状态并在用户重新连接到网络时重启之前失败的请求
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
//用于硬盘缓存和读取
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

3. Glide的常见用法：

with() 提供了几种构造方法，可以在源码里看，有Context, Activity, Fragment等，如果传入Application.this作为参数时，Glide的加载不受当前Activity生命周期影响，但这会导致即使Activity结束后，仍然继续加载图片。
load() 对象: String(文件路径，网络地址)，File(文件资源)，Integer(资源id)。
asGif() 表示的gif动画，加载GIF图片，不加该方法时，也可以加载GIF；加了该方法，如果资源不是GIF，会加载失败；
asBitmap：表示静态图，把图片当成bitmap对待，如果是Gif时会停留在第一帧；
diskCacheStrategy() 表示磁盘缓存策略。
1.DiskCacheStrategy.RESULT:展示小大的图片缓存
2.DiskCacheStrategy.ALL; 展示在控件中大小图片尺寸和原图都会缓存
3.DiskCacheStrategy.NONE：不设置缓存
4.DiskCacheStrategy.SOURCE：原图缓存
override(int width, int height)
设置加载图片的宽高，像素为单位，在自定义ImageView大小或者计算瀑布流高度时，偶尔会用到;
placeholder() 在加载过程中设置占位图，可以传入Drawable或resouceId ;
error() 加载失败显示的图片，可以传入Drawable或resouceId ;
thumbnail() 缩略图显示传入值(0-1f)，设置缩略图，先加载缩略图再加载完整图片,在大量的图片流列表里,这个方法还是挺好用的, 快速滑动列表时,不致于出现大量的空白， .thumbnail(0.1f) //缩略图为原来的十分之一；
crossFade() 显示动画-淡入淡出
transform() 设置图片圆角或圆形显示(继承 BitmapTransformation)这都是很常用的哦
centerCrop() 图片显示类型 fitCenter();
into() into直接传入ImageView;
dontAnimate() Glide加载时默认会有淡入淡出的加载效果，该方法可以去掉动画效果，直接显示图片 ;
skipMemoryCache(true) 跳过图片缓存 ;
priority(Priority.NORMAL) 加载优先级，优先级越高越先加载；
crossFade(int duration) 加载时淡入淡出动画时间，也可以不传，默认300ms ；
animate() 自定义加载动画；
bitmapTransform() 对图片进行转换，只能用于bitmap ；
transform() 对图片进行转换；
Glide.get(this).clearDiskCache() 清理磁盘缓存，需要在子线程中执行；
Glide.get(this).clearMemory(); 清理内存缓存，可以直接在主线程执行；

4. 加载图片到imageView

Glide.with(Context context).load(Strint url).into(ImageView imageView);

5. 各种形式的图片加载到ImageView

// 加载本地图片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);

// 加载应用资源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);

// 加载二进制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);

// 加载Uri对象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);

// 加载Url地址
String url = "http://img2.ph.126.net/OOEdWpTSE1Zi3ZUiwKUFFQ==/3374322020907845279.jpg";
Glide.with(this).load(url).into(imageView);

6. 加载带有占位图

Glide.with(this).load(url).placeholder(R.drawable.loading).into(imageView);

占位图目的为在目的图片还未加载出来的时候，提前展示给用户的一张图片；

7. 加载失败放置占位符

Glide.with(this).load(url).placeholder(R.drawable.loading).error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)//关闭Glide的硬盘缓存机制
     .into(imageView);

//DiskCacheStrategy.NONE： 表示不缓存任何内容。
//DiskCacheStrategy.SOURCE： 表示只缓存原始图片。
//DiskCacheStrategy.RESULT： 表示只缓存转换过后的图片（默认选项）。
//DiskCacheStrategy.ALL ： 表示既缓存原始图片，也缓存转换过后的图片。

8. 加载指定格式的图片--指定为静止图片

Glide.with(this)
     .load(url)
     .asBitmap()//只加载静态图片，如果是git图片则只加载第一帧。
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

9. 加载动态图片

Glide.with(this)
     .load(url)
     .asGif()//加载动态图片，若现有图片为非gif图片，则直接加载错误占位图。
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

10. 加载指定大小的图片

Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .override(100, 100)//指定图片大小
     .into(imageView);

11. 关闭框架的内存缓存机制

Glide.with(this)
     .load(url)
     .skipMemoryCache(true)  //传入参数为false时，则关闭内存缓存。
     .into(imageView);

12. 关闭硬盘的缓存

Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.NONE)     //关闭硬盘缓存操作
     .into(imageView);

//其他参数表示：
//DiskCacheStrategy.NONE： 表示不缓存任何内容。
//DiskCacheStrategy.SOURCE： 表示只缓存原始图片。
//DiskCacheStrategy.RESULT： 表示只缓存转换过后的图片（默认选项）。
//DiskCacheStrategy.ALL ： 表示既缓存原始图片，也缓存转换过后的图片。

13. 当引用的 url 存在 token 时解决方法-->重写 Glide 的 GlideUrl 方法

当 url 中存在用户信息，可以重写 Glide 中的方法进行判断。

public class MyGlideUrl extends GlideUrl {

    private String mUrl;

    public MyGlideUrl(String url) {
        super(url);
        mUrl = url;
    }

    @Override
    public String getCacheKey() {
        return mUrl.replace(findTokenParam(), "");
    }

    private String findTokenParam() {
        String tokenParam = "";
        int tokenKeyIndex = mUrl.indexOf("?token=") >= 0 ? mUrl.indexOf("?token=") : mUrl.indexOf("&token=");
        if (tokenKeyIndex != -1) {
            int nextAndIndex = mUrl.indexOf("&", tokenKeyIndex + 1);
            if (nextAndIndex != -1) {
                tokenParam = mUrl.substring(tokenKeyIndex + 1, nextAndIndex + 1);
            } else {
                tokenParam = mUrl.substring(tokenKeyIndex);
            }
        }
        return tokenParam;
    }

}

调用加载图片的方式为：

Glide.with(this)
     .load(new MyGlideUrl(url))
     .into(imageView);

14. Glide 实现预加载

//a、预加载代码
Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.SOURCE)
     .preload();

//preload() 有两种重载
 // 1、带有参数的重载,参数作用是设置预加载的图片大小；
//2、不带参数的表示加载的图片为原始尺寸；

//b、使用预加载的图片
Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.SOURCE)
     .into(imageView);

切记：diskCacheStrategy() 方法内必须设置参数为：“ DiskCacheStrategy.SOURCE ”，否则可能预加载失败，导致显示图片时，需要重新加载。

15. 利用Glide将图片加载到不同控件或加载成不同使用方式

（1）、拿到图片实例

//1、通过自己构造 target 可以获取到图片实例
SimpleTarget<GlideDrawable> simpleTarget = new SimpleTarget<GlideDrawable>() {
    @Override
    public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
        imageView.setImageDrawable(resource);
    }
};

//2、将图片实例记载到指定的imageview上，也可以做其他的事情
public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
         .load(url)
         .into(simpleTarget);
}

（2）、将图片加载到任何位置

/*
*将图片加载为控件背景
*/
public class MyLayout extends LinearLayout {

    private ViewTarget<MyLayout, GlideDrawable> viewTarget;

    public MyLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        viewTarget = new ViewTarget<MyLayout, GlideDrawable>(this) {
            @Override
            public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
                MyLayout myLayout = getView();
                myLayout.setImageAsBackground(resource);
            }
        };
    }

    public ViewTarget<MyLayout, GlideDrawable> getTarget() {
        return viewTarget;
    }

    public void setImageAsBackground(GlideDrawable resource) {
        setBackground(resource);
    }

}


//引用图片到指定控件作为背景
public class MainActivity extends AppCompatActivity {

    MyLayout myLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myLayout = (MyLayout) findViewById(R.id.background);
    }

    public void loadImage(View view) {
        String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
        Glide.with(this)
             .load(url)
             .into(myLayout.getTarget());
    }

}

16. Glide 实现图片下载

使用 downloadOnly(int width, int height) 或 downloadOnly(Y target) 方法替代 into(view) 方法。

public void downloadImage(View view) {
    new Thread(new Runnable() {
        @Override
        public void run() {
            try {
                String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
                final Context context = getApplicationContext();
                FutureTarget<File> target = Glide.with(context)
                                                 .load(url)
                                                 .downloadOnly(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL);
                final File imageFile = target.get();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, imageFile.getPath(), Toast.LENGTH_LONG).show();
                    }
                });
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }).start();
}

(1)、有两个参数的 downloadOnly(int width, int height) 方法表示指定下载尺寸，用于在子线程内进行下载；
(2)、一个参数的 downloadOnly(Y target) 方法在主线程内进行下载
(3)、target.get() 方法可以获取到下载文件保存路径；
使用下载完的图片的方式

public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
            .load(url)
            .diskCacheStrategy(DiskCacheStrategy.SOURCE)
            .into(imageView);
}

注意： diskCacheStrategy() 方法的参数应该为 DiskCacheStrategy.SOURCE 或者 DiskCacheStrategy.ALL否则可能导致加载图片到控件的时候，需要重新加载。

17. 监听 Glide 加载的状态

public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
            .load(url)
            .listener(new RequestListener<String, GlideDrawable>() {
                @Override
                public boolean onException(Exception e, String model, Target<GlideDrawable> target,
                    boolean isFirstResource) {
                    return false;
                }

                @Override
                public boolean onResourceReady(GlideDrawable resource, String model,
                    Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                    return false;
                }
            })
            .into(imageView);
}

（1）、onException() 方法表示加载失败，onResourceReady() 表示加载成功；
（2）、每个方法都有一个 boolean 的返回值，false表示未处理、true 表示处理。

18. Glide 的图形变换功能

（1）、禁用图形变换功能

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

这个方法时全局的，导致其他地方的图片也不可进行图形变换了。

（2）、修改方法，通过 override() 方法设置大小

Glide.with(this)
     .load(url)
     .override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)
     .into(imageView);

（3）、简单的图形变换

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

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

通过 centerCrop()方法按照原始的长宽比充满全屏和 fitCenter() 方法对原图的中心区域进行裁剪对图片进行相关设置。

（4）、override() 方法与 centerCrop() 方法配合使用

String url = "http://cn.bing.com/az/hprichbg/rb/AvalancheCreek_ROW11173354624_1920x1080.jpg";
Glide.with(this)
     .load(url)
     .override(500, 500)
     .centerCrop()
     .into(imageView);

三、总结：

1.为什么会偶尔看到类似于"You cannot start a load for a destroyed activity"的异常呢?

当你的图片还在loaidng，或者你在asynctask里面的 post 里去加载图片，当async 还在跑时，你back, finish 了你的activity，那么就报错了。所以请记住一句话：不要再非主线程里面使用Glide加载图片，如果真的使用了，请把context参数换成getApplicationContext()。这里是解决方案

2.另外Glide还提供了清除缓存的实现

Glide.get(context).clearDiskCache();(清除磁盘缓存) 必须在子线程
Glide.get(context).clearMemory();(清除内存缓存) 必须在主线程

3.圆形图片设置占位图后第一次只显示占位图，第二次才正常显示

这个问题比较多出现在用了自定义的圆形图片控件或者CircleImageView之类的，解决方法如下：
(1)不设置占位图
(2)使用Glide自带的转换来加载圆形图片

Glide.with(this)
     .load(url)
     .asBitmap()
     .centerCrop()
     .override(300, 300)
     .error(R.mipmap.delete)
     .into(new BitmapImageViewTarget(imageView) {
              @Override
              protected void setResource(Bitmap resource) {
              RoundedBitmapDrawable circularBitmapDrawable =
                      RoundedBitmapDrawableFactory.create(context.getResources(), resource);
              circularBitmapDrawable.setCircular(true);
              imageView.setImageDrawable(circularBitmapDrawable);
              }
       });

(3) 使用bitmap加载到CircleImageView中

Glide.with(mContext)
     .load(url) 
     .placeholder(R.drawable.loading_spinner)
     .into(new SimpleTarget<Bitmap>(width, height) {
        @Override 
        public void onResourceReady(Bitmap bitmap, GlideAnimation anim) {
            CircleImageView使用setImageBitmap(bitmap) 
        } 
    };

4. 设置了占位图后，第一次加载的图片大小和占位图一样

比如我在XML里这么写

     <ImageView
            android:id="@+id/normal_iv"
            android:layout_width="150dp"
            android:layout_height="200dp"
            android:scaleType="fitCenter"/>

在Activity里这么写

Glide.with(mContext)
                .load(Constant.IMAGE_URL)
                .placeholder(R.mipmap.ic_zhanwei)
                .into(normalIv);

占位图是一张正方形的图，要加载的是一张宽图，ScaleType用的是fitCenter,理论上讲加载出来的图片应该是居中等比例显示的，就像这样

图片.png

但实际上第一次加载时，是这样