Android Glide加载图片、网络监听、设置资源监听

//glide

implementation ‘com.github.bumptech.glide:glide:4.11.0’

annotationProcessor ‘com.github.bumptech.glide:compiler:4.11.0’

然后Sync同步一下。

之后在res下新建一个xml文件夹，文件夹下新建一个network_config.xml文件，里面的代码如下：

<?xml version="1.0" encoding="utf-8"?>

为什么要加这个呢？因为在Android9.0以后访问网络默认使用密文地址，也就是https访问，加上这个就可以访问http了，当然你还需要在AndroidManifest.xml中配置才行。

同时，别忘了添加网络访问权限，否则你是无法加载网络url图片的。

下面进入activity_main.xml中，修改布局如下：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<ImageView

android:id=“@+id/iv_bg”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#000”

android:scaleType=“centerCrop” />

二、显示网络图片

---

这里我只是增加了一个图片控件，用于显示网络图片。

下面进入到MianActivity。

//网络图片URL

private String imgUrl = “http://cn.bing.com/th?id=OHR.LargestCave_ZH-CN2069899703_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp”;

//图片控件

private ImageView ivBg;

网络图片是使用必应的图片，然后在onCreate中进行配置显示。

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//绑定id

ivBg = findViewById(R.id.iv_bg);

//显示图片

Glide.with(this).load(imgUrl).into(ivBg);

}

下面运行一下，你可以选择模拟器或者真机。

嗯，这就加载出来了，我相信你平常也是这么来使用Glide的。

三、添加设置资源监听

---

但如果你的图片很大，网络又不是很好的情况下，就会让用户有一种不好的体验，比如，当你在地铁站里浏览资讯时，此时网络环境很差，你加载图片没有反应，而用户也无法感知，此时就会认为你的软件有问题，所以你应该告诉用户当前的图片加载情况。

加载状态监听

private static final String TAG = “MainActivity”;

然后将

Glide.with(this).load(imgUrl).into(ivBg);

改成

//显示图片

Glide.with(this).load(imgUrl).into(new ImageViewTarget(ivBg) {

//图片开始加载

@Override

public void onLoadStarted(@Nullable Drawable placeholder) {

super.onLoadStarted(placeholder);

Log.d(TAG,“图片开始加载”);

}

@Override

public void onLoadFailed(@Nullable Drawable errorDrawable) {

super.onLoadFailed(errorDrawable);

Log.d(TAG,“图片加载失败”);

}

//图片加载完成

@Override

public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {

super.onResourceReady(resource, transition);

// 图片加载完成

ivBg.setImageDrawable(resource);

Log.d(TAG,“图片加载完成”);

}

@Override

protected void setResource(@Nullable Drawable resource) {

Log.d(TAG,“设置资源”);

}

});

这里使用了ImageViewTarget，它里面传入ImageView，这里默认是要你实现一个方法，那就是setResource，不过要是想实现这个状态的监听，则还需要实现onLoadStarted、onLoadFailed、onResourceReady这三个方法。现在我在上面打印了日志，下面重新运行一下，待图片加载出来之后，看一下日志。

这里可以看到，这是正常加载的情况，下面你可以把网络关掉，然后卸载刚才安装的应用，重新安装。

你会发现关闭网络之后图片确实没有加载出来，但是日志也没有看到有失败的字样。

这里你就要多重考虑一下了，因为加载网络图片实际上是分为两步的，第一步请求网络资源，第二步缓存资源显示出来，刚才把网络关闭了，那么我们就应该对网络请求增加监听才对。

四、添加设置资源监听

---

改动代码如下所示。

//显示图片

Glide.with(this)

.load(imgUrl)

.listener(new RequestListener() {

@Override

public boolean onLoadFailed(@Nullable GlideException e, Object model, Target target, boolean isFirstResource) {

Log.d(TAG,“网络访问失败，请检查是否开始网络或者增加http的访问许可”);

return false;

}

@Override

public boolean onResourceReady(Drawable resource, Object model, Target target, DataSource dataSource, boolean isFirstResource) {

Log.d(TAG,“网络访问成功，可以显示图片”);

return false;

}

})

.into(new ImageViewTarget(ivBg) {

//图片开始加载

@Override

public void onLoadStarted(@Nullable Drawable placeholder) {

super.onLoadStarted(placeholder);

Log.d(TAG, “图片开始加载”);

}

@Override

public void onLoadFailed(@Nullable Drawable errorDrawable) {

super.onLoadFailed(errorDrawable);

Log.d(TAG, “图片加载失败”);

}

//图片加载完成

@Override

public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {

super.onResourceReady(resource, transition);

// 图片加载完成

ivBg.setImageDrawable(resource);

Log.d(TAG, “图片加载完成”);

}

@Override

protected void setResource(@Nullable Drawable resource) {

Log.d(TAG, “设置资源”);

}

});

可以看到我又增加了一个listener，里面有对网络访问的返回，成功和失败，网络状态不好的情况下才会失败，像刚才我们没有开始网络就根本不会发起网络请求，自然不会有请求的返回。

下面开启网络，运行试一下。

这样你就完成了加载网络图片是网络状态的监听。

五、添加加载进度条

---

如果你还想加上一点变化的话可以这样，修改activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<ImageView

android:id=“@+id/iv_bg”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#000”

android:scaleType=“centerCrop” />

<ProgressBar

android:id=“@+id/progressBar”

android:visibility=“gone”

android:layout_centerInParent=“true”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

这里我修改了根布局为RelativeLayout ，然后加上了一个ProgressBar，它默认是隐藏的，下面回到MainActivity中。

//进度条

private ProgressBar progressBar;

然后在onCreate中

progressBar = findViewById(R.id.progressBar);

然后在图片设置资源时，开始时显示加载进度条，完成时隐藏进度条然后显示图片。

运行的效果就像下面这样。

当然这个加载速度取决于你的网速，快的话就是一闪而过。

现在你回头看这个Glide的加载，如果要同时满足网络加载和图片资源设置的监听，代码量就会比较多，如果我一个页面有多个地方要加载网络图片呢？我总不能写这么多重复的代码吧。因此我们可以写一个工具类来帮助我们做这一步。

六、封装工具类

---

新建一个GlideUtil类。

在里面写入如下代码。

/**

• Glide工具类

• @author llw

*/

public class GlideUtil {

//上下文

private static Context context;

public static void init(Context context) {

GlideUtil.context = context;

}

/**

• 显示网络Url图片

• @param url

• @param imageView

*/

public static void loadImg(String url, ImageView imageView) {

Glide.with(context).load(url).into(imageView);

}

/**

• 显示资源图片

• @param recourseId 资源图片

• @param imageView

*/

public static void loadImg(Integer recourseId, ImageView imageView) {

Glide.with(context).load(recourseId).into(imageView);

}

/**

• 显示bitmap图片

• @param bitmap

• @param imageView

*/

public static void loadImg(Bitmap bitmap, ImageView imageView) {

Glide.with(context).load(bitmap).into(imageView);

}

/**

• 显示drawable图片

• @param drawable

• @param imageView

*/

public static void loadImg(Drawable drawable, ImageView imageView) {

Glide.with(context).load(drawable).into(imageView);

}

}

目前这个代码很简单，通过init方法获取上下文，然后通过多参数方法来显示图片，当然这个可以根据实际需求来进行增减，这样写其实就减少了一步操作，可以在程序初始化的时候获取应用的上下文即可，你应该知道是什么了，没错就是Application，你如果不自己写则会使用默认的，但日常开发中都会自己自定义一个Application，在里面完成一些应用的初始化配置，比如数据库的创建，一个资源库的初始化。

下面新建一个MyApplication，然后集成Application，重写onCreate方法，在里面通过GildeUtil的init方法获取上下文。

/**

• 自定义应用

• @author llw

*/

public class MyApplication extends Application {

@Override

public void onCreate() {

super.onCreate();

GlideUtil.init(this);

}

}

然后你还需要到AndroidManifest.xml的application标签下进行配置，如下图所示:

下面你就可以使用这个工具类来加载图片了。

修改MainActivity中onCreate中的代码。

//显示图片

loadImg(imgUrl, ivBg);

然后你可以运行了，虽然这种封装方式并不是很高明，但是起码代码很简洁不是吗。它可以让你选择不同的图片资源类型，根据需求选择。

当然这只是普通的显示，如果我在知道网络请求的情况呢？

在GlideUtil中添加

private static final String TAG = “GlideUtil”;

//图片加载网络监听

private static RequestListener requestListener = new RequestListener() {

@Override

public boolean onLoadFailed(@Nullable GlideException e, Object model, Target target, boolean isFirstResource) {

Log.d(TAG,“网络访问失败，请检查是否开始网络或者增加http的访问许可”);

return false;

}

@Override

public boolean onResourceReady(Drawable resource, Object model, Target target, DataSource dataSource, boolean isFirstResource) {

Log.d(TAG,“网络访问成功，可以显示图片”);

return false;

}

};

然后增加一个方法。

/**

• 显示网络Url图片 附带加载网络监听

• @param url

• @param imageView

*/

public static void loadImgListener(String url, ImageView imageView) {

Glide.with(context)

.load(url)

.listener(requestListener)

.into(imageView);

}

然后在MainActivity中修改代码。

下面运行一下，然后看日志是否有打印。

这样就可以了。那如果我也要知道这个设置图片资源的监听呢？依葫芦画瓢就行了。

在GlideUtil中增加一个方法。

/**

• 获取ImageViewTarget

• @param imageView

• @return

*/

private static ImageViewTarget getImageViewTarget(final ImageView imageView) {

ImageViewTarget imageViewTarget = new ImageViewTarget(imageView) {

@Override

public void onLoadStarted(@Nullable Drawable placeholder) {

super.onLoadStarted(placeholder);

Log.d(TAG, “开始加载图片”);

}

@Override

public void onLoadFailed(@Nullable Drawable errorDrawable) {

super.onLoadFailed(errorDrawable);

Log.d(TAG, “加载图片失败”);

}

@Override

public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {

super.onResourceReady(resource, transition);

// 图片加载完成

imageView.setImageDrawable(resource);

Log.d(TAG, “加载图片完成”);

}

@Override

protected void setResource(@Nullable Drawable resource) {

}

};

return imageViewTarget;

}

然后修改loadImgListener方法。

再运行一下，看日志。

当然这种写法还是不够人性化，可能你只需要其中一个，或者都需要，或者都不需要，那如果要满足这个需求就还需要改动一下这个loadImgListener方法。

改动如下：

/**

• 显示网络Url图片 附带加载网络监听和设置资源监听

• @param url 网络图片url

• @param imageView 图片控件

• @param needNetListener 是否需要网络监听

• @param needResourceListener 是否需要设置资源监听

*/

public static void loadImgListener(String url, ImageView imageView,

boolean needNetListener, boolean needResourceListener) {

if (needResourceListener) {

Glide.with(context)

.load(url)

.listener(needNetListener ? requestListener : null)

.into(getImageViewTarget(imageView));

} else {

Glide.with(context)

.load(url)

.listener(needNetListener ? requestListener : null)

.into(imageView);

}

}

这里我增加了两个参数，用于控制是否需要网络监听和设置图片资源监听，然后改动一下MainActvity中的代码调用。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

其实要轻松掌握很简单，要点就两个：

1. 找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。
2. 多练。 （视频优势是互动感强，容易集中注意力）

你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。下面资料部分截图是我花费几个月时间整理的，诚意满满：特别适合有3-5年开发经验的Android程序员们学习。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中…(img-ruE3SRtI-1713079972466)]

[外链图片转存中…(img-PtaBcMa8-1713079972467)]

[外链图片转存中…(img-GobszTa3-1713079972467)]

[外链图片转存中…(img-sITSLZfN-1713079972467)]

[外链图片转存中…(img-zkZcquXc-1713079972468)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

其实要轻松掌握很简单，要点就两个：

1. 找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。
2. 多练。 （视频优势是互动感强，容易集中注意力）

你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。下面资料部分截图是我花费几个月时间整理的，诚意满满：特别适合有3-5年开发经验的Android程序员们学习。

[外链图片转存中…(img-h1JTAaQP-1713079972468)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！