Glide

作者: 资本家大恶人 | 来源:发表于2020-05-22 23:17 被阅读0次

    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)
             .load(url)
             .asGif()//加载动态图片,若现有图片为非gif图片,则直接加载错误占位图。
             .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

    相关文章

      网友评论

          本文标题:Glide

          本文链接:https://www.haomeiwen.com/subject/dfkgghtx.html