Glide知识点梳理

Android常用图片库：Glide、Fresco

1. 图片库比较

Fresco：Facebook出品，
功能强大，使用较复杂，对图片的转换不好处理，占用内存较低，能有效避免图片OOM。体积偏大
Glide和Picasso用法类似，Glide更流畅速度更快，功能更强大，但库相比Picasso更大，方法数更多。细节可参考 http://blog.csdn.net/richiezhu/article/details/46968569

1. 今天来学习下Glide (3.7.0版Glide)

第一步：怎么用？关键三步走：先with()，再load()，最后into()。熟记这三步，你就已经入门Glide了

// with()可接收Context、Activity 或 Fragment参数，也可传入全局Application
// 传入实例会决定Glide加载图片的生命周期，若传入的是Activity或Fragment实例
// 那么当这个Activity或Fragment被销毁时，图片加载也会停止。
// 若传入的是Application，那么只有当应用程序被杀掉的时候，图片加载才会停止
Glide.with(mContext)
// Glide支持加载各种图片资源，包括网络图片、本地图片、应用资源、二进制流、Uri对象等等
        .load(url)
        // 禁用内存缓存
        .skipMemoryCache(true)
        // Glide可自动判断加载Bitmap或gif。
        // .asBitmap()
        .asGif()
        .placeholder(R.drawable.loading_spinner)
        // 图片加载失败占位图
        .error(R.drawable.net_error)
        // 禁用缓存
        .diskCacheStrategy(DiskCacheStrategy.NONE)
        // 调用crossFade方法在加载图片的过程中会有动画效果，体验更好
        .crossFade()
        .into(mTargetView);
        
// 加载本地图片
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);
 

第二步：还是怎么用？如何自定义Target（ViewTarget和SimpleTarget）

SimpleTarget simpleTarget = new SimpleTarget() {
    @Override
    public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
        // TODO 
    }
};

public void loadImage(View view) {
    Glide.with(this)
         .load(url)
         .into(simpleTarget);
}

第三步：还是怎么用？Glide回调与监听（例如：当下载图片单独处理处理时）

    Glide.with(this)
            .load(url)
            .listener(new RequestListener() {
                @Override
                public boolean onException(Exception e, String model, Target target,
                    boolean isFirstResource) {
                    return false;
                }

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

第四步：如何展示下载后处理成圆角，圆形，模糊等图片

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

这里附上一个图片变换库：https://github.com/wasabeef/glide-transformations

第五步：如何自定义Glide相关配置，以及替换网络请求库

public class MyGlideModule implements GlideModule {

    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        // 这是自定义图片缓存位置
        builder.setDiskCache(new ExternalCacheDiskCacheFactory(context));
    }

    @Override
    public void registerComponents(Context context, Glide glide) {

    }

}

// 最后在AndroidManifest.xml文件里面添加

老规矩，参考链接：https://blog.csdn.net/guolin_blog/article/details/78179422

第六步：Glide如何实现带进度条的效果

参考链接：https://blog.csdn.net/guolin_blog/article/details/78357251

第七步：了解Glide的一些原理和细节

1. Glide如何在当前页面退出时，中止当前页面图片下载的？

答案是通过在当前页面创建一个隐藏的Fragment来获知页面是否退出的

2. Glide缓存有几种策略？

内存缓存外加磁盘缓存

3. Glide如何预加载图片

Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.SOURCE)
     .preload();

第八步：使用踩过的坑

1. Glide可以加载图片和gif动画，如果想将gif加载为一张静态图片，可以调用。asBitmap()
2. 当列表在滑动的时候，调用pauseRequests()取消请求，滑动停止时，调用resumeRequests()恢复请求。当你想清除掉所有的图片加载请求时，可以调用Glide.clear()
3. Glide有时加载不出来图片有可能是因为图片缓存机制的问题，可以调用.override(int, int)方法加载并缓存指定大小图片
4. 使用Glide加载圆角图片使用方法如下

Glide.with(context)
.load(pe.img_url)
// 如果要实现更复杂的图片变换则要重写BitmapTransformation这个类，或者使用glide-transformations这个glide的增强库
// bitmapTransform方法传入的参数为BitmapTransformation的对象
// 实现自己的图片转换需要继承这个类，并重写它的transform方法
// 加载圆形的图片使用CropCircleTransformation这个类
// 在加载圆角图片的过程中，CropTransformation，使用这个类除了实现圆角图片之外，可以指定显示图片的部位，比如上半部分或者中间部分等
.bitmapTransform(new RoundTrans(context, 5))
.into(mTargetView);

5. 如果使用了其他的一些自定义的圆形Imageview，而你又刚好设置了占位的话，那么可能出现有的图片第一次加载的时候只显示占位图，第二次才显示正常的图片

1. 解决方案一: 不设置占位；
2. 使用Glide的Transformation API自定义圆形Bitmap的转换。这里是一个已有的例子；http://stackoverflow.com/questions/25278821/how-do-rounded-image-with-glide-library
3. 使用下面的代码加载图片：

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

6. 在使用Glide给imageview加载图片的过程用不能使用view的setTag方法，否则会出现问题，如果要使用最好使用setTag(int,object)方法

参考链接：

1. https://blog.csdn.net/guolin_blog/article/details/53759439
2. Glide的更详细的用法和介绍可以参考 http://mrfu.me/2016/02/27/Glide_Getting_Started/
3. https://iwatching.github.io/blog/%E6%A1%86%E6%9E%B6/2018/05/12/frame4.html
4. https://github.com/bumptech/glide
5. https://blog.csdn.net/guolin_blog/article/details/78582548 (爱走捷径的直接看这篇足以)