图片加载（一）Glide

最新推荐文章于 2023-02-22 15:07:25 发布

米粒蜗牛

最新推荐文章于 2023-02-22 15:07:25 发布

阅读量420

点赞数

分类专栏： Android基础

本文链接：https://blog.csdn.net/weixin_41729259/article/details/95040893

版权

Android基础专栏收录该内容

18 篇文章 0 订阅

订阅专栏

图片加载（一）Glide

参考：

https://blog.csdn.net/sinyu890807/column/info/15318

https://www.jianshu.com/p/791ee473a89b

https://www.jianshu.com/p/ac0b5c5f3ca7

https://blog.csdn.net/hanxiongwei/article/details/86625333

Glide与Picasso的优缺点比较：
https://blog.csdn.net/guolin_blog/article/details/53759439

添加依赖：

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

添加访问网络权限

<uses-permission android:name="android.permission.INTERNET" />

一、常用的方法

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()//只加载静态图片，如果是git图片则只加载第一帧。
     .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)  //传入参数为false时，则关闭内存缓存。
     .into(imageView);

9、关闭硬盘的缓存

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

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

10、当引用的 url 存在 token 时解决方法–>重写 Glide 的 GlideUrl 方法

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

11、利用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());
    }

}

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

13、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否则可能导致加载图片到控件的时候，需要重新加载。

14、监听 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 表示处理。

15、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()方法按照原始的长宽比充满全屏和 fitCenter() 方法对原图的中心区域进行裁剪对图片进行相关设置。

（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:3.3.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

16、探究Glide的自定义模块功能（包含替换Glide组件，如网络请求更改为OKHttp3）

请查看 [郭神的文章《Android图片加载框架最全解析（六），探究Glide的自定义模块功能》。]
(https://blog.csdn.net/guolin_blog/article/details/78179422)

第一步新建AppGlideModule：

package com.guoshikeji.dramecard.utils;

import android.content.Context;
import android.support.annotation.NonNull;
import android.util.Log;

import com.bumptech.glide.Glide;
import com.bumptech.glide.GlideBuilder;
import com.bumptech.glide.Registry;
import com.bumptech.glide.annotation.GlideModule;
import com.bumptech.glide.load.model.GlideUrl;
import com.bumptech.glide.module.AppGlideModule;
import java.io.InputStream;

/**
 * Register {@link FlickrModelLoader} for the Flickr sample app.
 */

@GlideModule
public class FlickrGlideModule extends AppGlideModule {

    @Override
    public void applyOptions(@NonNull Context context, @NonNull GlideBuilder builder) {
        super.applyOptions(context, builder);
//        builder.setDefaultRequestOptions(new RequestOptions().format(DecodeFormat.PREFER_ARGB_8888));
    }

    @Override
    public void registerComponents(@NonNull Context context, @NonNull Glide glide,
                                   @NonNull Registry registry) {
        Log.e("tyl","-----registerComponents-------");
        registry.replace(GlideUrl.class, InputStream.class, new OkHttpUrlLoader.Factory());
    }
    @Override
    public boolean isManifestParsingEnabled() {
        return false;
    }

}

第二步 AndroidManifest.xml中配置meta-data ：

   <application>
   <meta-data
            android:name="com.guoshikeji.dramecard.utils.FlickrGlideModule"
            android:value="GlideModule" />
  <!--activitys />-->
   <application/>

第三步 proguard-rules.pro文件中忽略GlideModule混淆：

#GlideModule路径
-keepnames class com.guoshikeji.dramecard.utils.FlickrGlideModule
-keepresourcexmlelements manifest/application/meta-data@value=GlideModule

第四步在继承AppGlideModule类的registerComponents方法中添加忽略证书认证：

registry.replace(GlideUrl.class, InputStream.class, new OkHttpUrlLoader.Factory());
  <!--重点是这句话：new OkHttpUrlLoader.Factory()-->

重写OkHttpUrlLoader类的Factory，给OkHttpClient添加证书认证：

public static class Factory implements ModelLoaderFactory<GlideUrl, InputStream> {
        private static volatile Call.Factory internalClient;
        private final Call.Factory client;
        private static Call.Factory getInternalClient() {
//            glide添加双向认证
            OkHttpClient.Builder okHttpClient = new OkHttpClient().newBuilder();
            okHttpClient.hostnameVerifier(new Home());//忽略证书域名不受信任问题
           okHttpClient.sslSocketFactory(MySSLSocketFactory.getSocketFactory(MyApplication.getInstance()));//添加证书
            OkHttpClient build = okHttpClient.build();
            if (internalClient == null) {
                synchronized (Factory.class) {
                    if (internalClient == null) {
                        internalClient = build;
                    }
                }
            }
            return internalClient;
        }
  private static class Home implements HostnameVerifier {
            public SSLSession sslSession;

            @Override
            public boolean verify(String hostname, SSLSession session) {
                this.sslSession = session;
                return true;
            }
        }

添加证书的MySSLSocketFactory类代码可复制 https://www.jianshu.com/p/6229d10d3550 中的SSLSocketFactory类和X509TrustManager 这2个类即可！

各类知识点整理：

android https双向验证前言及总结：https://www.jianshu.com/p/07ce321d80ab
单双向验证基础知识点： https://www.jianshu.com/p/ea5f4b1d9c00
phpstudy搭建本地服务器： https://www.jianshu.com/p/bbf853fc28f3
浏览器获取证书文件（p12转cer）：https://www.jianshu.com/p/7f74acab6c74
https双向认证证书生成：https://www.jianshu.com/p/094c7fc8cb85
android okhttps双向验证(代码实现)：https://www.jianshu.com/p/6229d10d3550
android webView的双向验证：https://www.jianshu.com/p/e98119d04fd9
配置完成后的测试：https://www.jianshu.com/p/cfcf708a591a

工具类：

服务器网址检测（兼容性及协议检测）：https://www.ssllabs.com/index.html

源码：

github：https://github.com/fs437563/android_https

20.使用Glide原始网络请求加载https网址图片

参考：
https://blog.csdn.net/u014727709/article/details/77896286

主流的图片加载框架看我这篇文章： Android万能的图片加载框架(Glide、Fresco、Picasso).最后的问题是我不想换图片加载工具怎么办？我就要用glide，下面我们来看看怎么使用glide来加载https的图片网址。

网址如下：
① https://ad.12306.cn/res/delivery/0001/2017/08/31/201708311634229711.jpg
② https://ad.12306.cn/res/delivery/0002/2017/09/04/201709041647021598.jpg
③ https://www.guizhou12320.org.cn/filebase/hospital_img/429450012.jpg
④ https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png

接下来我们用glide来加载一下上面的https图片网址。
当然我们从最基本的用法开始，用这段代码来加载第一个网址：

  Glide.with(this)
        .load("https://ad.12306.cn/res/delivery/0001/2017/08/31/201708311634229711.jpg")
        .into(imageView);

然后神情愕然，图片就这样加载出来了？不应该很复杂的吗？你没看错，就这样出来了，赶紧试试吧！
然后我又试了试第二个网址：

Glide.with(this
        .load("https://ad.12306.cn/res/delivery/0002/2017/09/04/201709041647021598.jpg ")
        .into(imageView);

还是这段代码，两个图片网址如此类似，不出意外的话，也能出来，可是意外还是出来，图片没加载出来，想不通，真的想不通，吓得我赶紧寻找其他的解决办法：

  String url = "https://ad.12306.cn/res/delivery/0002/2017/09/04/201709041647021598.jpg";
    Glide.with(this)
         .load(url)
         .placeholder(R.drawable.ic_launcher)
         .priority(Priority.LOW)
         .error(R.drawable.ic_launcher)
         //             .override(width: 800, height: 400)
         .into(imageView);

对的，你没看错，图片有加载出来了，我赶紧再次换第三个https图片网址试试，还是没问题，就这样解决了glide加载https图片网址的问题？不行，我还得在找一个试试，再次加载第四个网址，very good，还是没问题。
然后又试了试还有没有其他的方法，又找到一个，如下代码也可行：

       Uri uri = Uri.parse("https://www.guizhou12320.org.cn/filebase/hospital_img/429450012.jpg");
  Glide.with(this)
       .load(uri)
       .placeholder(R.drawable.ic_launcher)
       .error(R.drawable.ic_launcher)
       .into(imageView);

最后又封装了一个glide的jar，加载任何图片或者gif图片，都只需用glide.with(this).load(“图片网址”).into(imageview);就行。这里附上我收集的一些项目开发中常用的工具类和优秀的第三方库，都放在了我的github上面，地址如下：史上最全开发工具类 ,对你有用的话就给个star吧！
最后附上封装的glide的jar包下载地址：
http://download.csdn.net/download/u014727709/9970335

更多转换请参考官方指南了解使用：https://muyangmin.github.io/glide-docs-cn/doc/getting-started.html

米粒蜗牛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图片加载（一）Glide

图片加载（一）Glide参考：hongshenhttps://blog.csdn.net/sinyu890807/column/info/15318https://www.jianshu.com/p/791ee473a89bhttps://blog.csdn.net/hanxiongwei/article/details/86625333Glide与Picasso的优缺点比较：http...
复制链接

扫一扫