Glide

Glide常用:

//原生加载,图片过大,OOM异常

private void init1() {
    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
    img.setImageBitmap(bitmap);

    Bitmap bitmap1 = BitmapFactory.decodeStream(null);
    if (bitmap1!=null){
        bitmap1.recycle();
        System.gc();//列表请求不主动调用回收,会阻塞主线程
    }
}

使用Glide加载

private static String imgUrl = "http://img1.dzwww.com:8080/tupian_pl/20150813/16/7858995348613407436.jpg";

//1.网络加载
Glide.with(this).load(imgUrl).into(img);

//4.加载GIF图片
Glide.with(this).load(imgUrl).into(img);

//2.缓存设置
RequestOptions options  = new RequestOptions()
        .skipMemoryCache(true)//设置内存缓存
        .diskCacheStrategy(DiskCacheStrategy.NONE);//设置硬盘缓存
Glide.with(this).load(imgUrl).apply(options).into(img);

//3.清除内存和硬盘缓存
Glide.get(this).clearMemory();//清除内存缓存,主线程执行
new Thread(){
    @Override
    public void run() {
        super.run();
        //清除硬盘缓存,子线程执行,硬盘扫描耗时操作子线程执行
        Glide.get(MainActivity.this).clearDiskCache();
    }
}.start();
Glide.with(this).clear(img);//清除单个缓存


//5.占位图
RequestOptions options1 = new RequestOptions()
        .placeholder(R.mipmap.ic_launcher)//默认
        .error(R.mipmap.ic_launcher)//出错
        .fallback(R.mipmap.ic_launcher);//null回调

Glide.with(this).load(imgUrl).apply(options1).into(img);

//6.原型圆角
RequestOptions options2 = new RequestOptions()
        .optionalCircleCrop();
RequestOptions options3 = new RequestOptions()
        .circleCrop();
RequestOptions options4 = RequestOptions
        .bitmapTransform(new CircleCrop());
RequestOptions options6 = RequestOptions.circleCropTransform();

Glide.with(this).load(imgUrl).apply(options6).into(img);

//7.设置优先级:页面同时显示多个图片,设置优先显示   相对优先
RequestOptions options5 = new RequestOptions()
        .priority(Priority.HIGH);

//8.优先加载缩略,再加载原图   原图1/10
Glide.with(this).load(imgUrl).thumbnail(0.1f).into(img);

//9.设置图片大小
RequestOptions options = new RequestOptions()
        .override(200, 100);
Glide.with(this)
     .load(url)
     .apply(options)
     .into(imageView);

Glide

1.简介

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

2.配置使用

3.0
添加依赖:implementation 'com.github.bumptech.glide:glide:3.8.0'
添加网络权限:<uses-permission android:name="android.permission.INTERNET"/>

4.0
添加依赖:

implementation('com.github.bumptech.glide:glide:4.8.0') {
        exclude group: "com.android.support"
    }
    annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0'
  implementation 'com.github.bumptech.glide:glide:4.9.0'
  annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'

添加网络权限:<uses-permission android:name="android.permission.INTERNET"/>

3.基本使用

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);
占位图目的为在目的图片还未加载出来的时候,提前展示给用户的一张图片;

    RequestOptions options = new RequestOptions()
            .placeholder(R.drawable.loading);
    
    Glide.with(this)
         .load(url)
         .apply(options)
         .into(imageView);

最后,在Glide的加入一个apply()方法,来应用我们刚才创建的RequestOptions对象。

4、加载失败 放置占位符
Glide.with(this).load(url).placeholder(R.drawable.loading).error(R.drawable.error).into(imageView);​

错误占位:

    RequestOptions options = new RequestOptions()
            .placeholder(R.drawable.ic_launcher_background)
            .error(R.drawable.error)
            .diskCacheStrategy(DiskCacheStrategy.NONE);
    Glide.with(this)
         .load(url)
         .apply(options)
         .into(imageView);
  1. 设置硬盘缓存、内存缓存
    缓存机制
    Glide的缓存设计可以说是非常先进的,考虑的场景也很周全。在缓存这一功能上,Glide又将它分成了两个模块,一个是内存缓存,一个是硬盘缓存。
    这两个缓存模块的作用各不相同,内存缓存的主要作用是防止应用重复将图片数据读取到内存当中,而硬盘缓存的主要作用是防止应用重复从网络或其他地方重复下载和读取数据。
    内存缓存和硬盘缓存的相互结合才构成了Glide极佳的图片缓存效果,那么接下来我们就来分别学习一下这两种缓存的使用方法。

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

    Glide.with(this).load(url)
         .diskCacheStrategy(DiskCacheStrategy.NONE)//关闭Glide的硬盘缓存机制
         .into(imageView);​
    //DiskCacheStrategy.NONE: 表示不缓存任何内容。
    //DiskCacheStrategy.SOURCE: 表示只缓存原始图片。
    //DiskCacheStrategy.RESULT: 表示只缓存转换过后的图片(默认选项)。
    //DiskCacheStrategy.ALL : 表示既缓存原始图片,也缓存转换过后的图片。
    
    
    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根据图片资源智能地选择使用哪一种缓存策略(默认选项)。
其中,DiskCacheStrategy.DATA对应Glide 3中的DiskCacheStrategy.SOURCE,DiskCacheStrategy.RESOURCE对应Glide 3中的DiskCacheStrategy.RESULT。而DiskCacheStrategy.AUTOMATIC是Glide 4中新增的一种缓存策略,并且在不指定diskCacheStrategy的情况下默认使用就是的这种缓存策略。

7、加载指定格式的图片--指定为静止图片(asBitmap和asGif必须在with后边

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

8、加载动态图片

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

9、加载指定大小的图片

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

指定图片大小
实际上,使用Glide在大多数情况下我们都是不需要指定图片大小的,因为Glide会自动根据ImageView的大小来决定图片的大小,以此保证图片不会占用过多的内存从而引发OOM。
不过,如果你真的有这样的需求,必须给图片指定一个固定的大小,Glide仍然是支持这个功能的。修改Glide加载部分的代码,如下所示:

    RequestOptions options = new RequestOptions()
            .override(200, 100);


    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);

这样的话,Glide就不会再去自动压缩图片,而是会去加载图片的原始尺寸。当然,这种写法也会面临着更高的OOM风险。

  1. 利用Glide将图片加载到不同控件或加载成不同使用方式
//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);
}

11、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 ”,否则可能预加载失败,导致显示图片时,需要重新加载。
  1. 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)、target.get() 方法可以获取到下载文件保存路径,如果未下载ok,方法就会阻塞住,一直等到图片下载完成才会有值返回;
使用下载完的图片的方式
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否则可能导致加载图片到控件的时候,需要重新加载。

  1. 监听 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 表示处理。

  1. 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)、简单的图形变换

//圆角
RoundedCorners roundedCorners = new RoundedCorners(8);
requestOptions.transform(roundedCorners);
//圆形
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);
RequestOptions options = new RequestOptions()
        .transforms(...);
Glide.with(this)
     .load(url)
     .apply(options)
     .into(imageView);


RequestOptions options = new RequestOptions()
        .centerCrop();
​
RequestOptions options = new RequestOptions()
        .fitCenter();
​
RequestOptions options = new RequestOptions()
        .circleCrop();
Glide.with(this)
     .load(url)
     .apply(options)
     .into(imageView);


当然,这些内置的图片变换API其实也只是对transform()方法进行了一层封装而已,它们背后的源码仍然还是借助transform()方法来实现的。
可以看到,现在展示的图片是对原图进行圆形化裁剪后得到的图片。

当然,除了使用内置的图片变换操作之外,我们完全可以自定义自己的图片变换操作。理论上,在对图片进行变换这个步骤中我们可以进行任何的操作,你想对图片怎么样都可以。包括圆角化、圆形化、黑白化、模糊化等等,甚至你将原图片完全替换成另外一张图都是可以的。

关于图片变换,最后我们再来看一个非常优秀的开源库,glide-transformations。它实现了很多通用的图片变换效果,如裁剪变换、颜色变换、模糊变换等等,使得我们可以非常轻松地进行各种各样的图片变换。

glide-transformations的项目主页地址

下面我们就来体验一下这个库的强大功能吧。首先需要将这个库引入到我们的项目当中,在app/build.gradle文件当中添加如下依赖:

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

我们可以对图片进行单个变换处理,也可以将多种图片变换叠加在一起使用。比如我想同时对图片进行模糊化和黑白化处理,就可以这么写:

String url = "http://guolin.tech/book.png";
RequestOptions options = new RequestOptions()
        .transforms(new BlurTransformation(), new GrayscaleTransformation());
Glide.with(this)
     .load(url)
     .apply(options)
     .into(imageView);

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354

推荐阅读更多精彩内容