Glide试讲

导入

我们每开发一个APP，基本都是显示文字与展示图片，图片加载肯定不需要大家自己封装，市场流行的图片加载框架有Glide、Picasso、Fresco，每个框架都很优秀，但是合不合脚只有我们自己知道，我比较喜欢用Glide。我们今天课程的主要内容是glide的学习，课程结束后大家会掌握随意处理图片了，比如模糊、圆角、黑白、大小等。

一.简介

Glide（读音纠正），一个被google所推荐的图片加载库，作者是bumptech。这个库被广泛运用在google的开源项目中，包括2014年的google I/O大会上发布的官方app。（PS：众所周知的简介就到此为止了）
Glide 对于 Android SDK 的最低要求是 API level 10
Glide滑行的意思，可以看出这个库的主旨就在于让图片加载变的流畅。现在被广泛使用，当然还是有很多开发者使用Square公司的picasso.

二.使用

添加依赖:

implementation 'com.github.bumptech.glide:glide:3.8.0'

添加网络权限:

1、加载图片到imageView

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

2、各种形式的图片加载到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);

3、加载带有占位图

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

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

4、加载失败放置占位符

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 ： 表示既缓存原始图片，也缓存转换过后的图片。

5、加载指定格式的图片--指定为静止图片

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

6、加载动态图片

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

7、加载指定大小的图片

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

8、关闭框架的内存缓存机制

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

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

//1、通过自己构造 target 可以获取到图片实例
SimpleTarget simpleTarget = new SimpleTarget() {
    @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);
}

10、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 ”，否则可能预加载失败，导致显示图片时，需要重新加载。

11、Glide 实现图片下载
使用 downloadOnly(int width, int height) 或 downloadOnly(Y target) 方法替代 into(view) 方法。

private void downImageByGlide() {
        new Thread(new Runnable() {
            @Override
            public void run() {
                final FutureTarget fileFutureTarget = Glide.with(MainActivity.this)
                        .load(Constant.imageUrl)
                        .downloadOnly(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL);
                try {
                    final String path = fileFutureTarget.get().getPath();
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Glide.with(MainActivity.this)
                                    .load(new File(path))
                                    .into(imageview);
                        }
                    });

                    Log.e("TAG", "path" + path);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }).start();
    }

(1)、有两个参数的 downloadOnly(int width, int height) 方法表示指定下载尺寸，用于在子线程内进行下载；
(2)、target.get() 方法可以获取到下载文件保存路径,如果未下载ok,方法就会阻塞住，一直等到图片下载完成才会有值返回；

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

12、监听 Glide 加载的状态--它可以用来监听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() {
                @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);
}

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

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

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

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

修改方法

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

通过 override() 方法设置大小

（2）、简单的图形变换

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

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

centerCrop()方法：等比例缩放图片，直到图片的宽高都大于等于ImageView的宽度，然后截取中间的显示
fitCenter() 方法：等比例缩放图片，宽或者是高等于ImageView的宽或者是高

（3）、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);

（4）、复杂的图像变换
首先需要再引入一个第三方框架。

dependencies {
    implementation 'jp.wasabeef:glide-transformations:4.0.0'
    // If you want to use the GPU Filters
    implementation 'jp.co.cyberagent.android.gpuimage:gpuimage-library:1.4.1'
}

部分样例:
图片虚化

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

图片黑白化

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

多个属性同时使用

Glide.with(this)
     .load(url)
     .bitmapTransform(new BlurTransformation(this), new GrayscaleTransformation(this))
     .into(imageView);

还有更多的好玩的属性，请到框架官网查看：https://github.com/wasabeef/glide-transformations

Glide试讲

导入

一.简介

你可能感兴趣的:(Glide试讲)