一旦我们进入了MVVM，那么MVVM一发不可收拾了。有了MVVM，我们再也不用漫天遍野的去look layout里的UI组件id了，想用时直接dataBinding.layout驼峰命名，即可到处使用这个组件了。

        我们之前的Glide为了演示，显示的是本地图片用法。它从@mipmap里得到一个image的id，是一个int值，即可把图片传到ImageView里进行显示了。

        但是实际生产级别Android应用，我们一般会遵照以下原则在Android里进行图片显示：

1. 小图标、按钮背景、输入框背景使用本地mipmap的图片；
2. 内容、可变图片一律需要来自于网络（CDN）图片即这个图片不在本地保留的而是一个url；

      所以，当图片的使用场景增多了，我们的Glide的使用场景也随之增多。

      但是Glide新版本>4.9版本在加载网络图片时会有一些问题，最著名的就是它在加载图片时会抛出一个“Failed to find GeneratedAppGlideModule”的Exception。

        要解决这个问题其实非常简单，下面我们直接来看项目。

项目整体情况

        一个手机APP，通常来说都是在后台维护各种CMS素材图片。

1. 图片上传至后台在数据库里存储成这样的格式“/img/petthecat/pet_the_cat_1.jpg”；
2. 后台会实时/定时跑批处理把图片往云的CDN上传上去，传完后会得到CDN返还的一个该图片成功上传CDN后的url，把这个url存在DB的cdn_url字段；
3. 把这样的地址通过手机APP的获取商品信息接口从数据存储的cdn_url字段拿出来，和其它相关的数据、内容一起拼成JSON报文返回给到前台APP；
4. 前台APP通过Glide把图片的URL前面再拼上一个CDN的地址，然后显示该图片；

所以为此我们自己搭了一个nginx来模拟“CDN”。

Nginx中hosting物理小图片存储目录。

Nginx配置

Glide组件使用

gradle文件中的依赖

        我们在此用的是Glide4.11.0，是属于高版本的Glide了。因此，我们需要书写一个类

这个类是继承自AppGlideModule，其内容如下。

MyAppGlideModule.java

        内容为空即可，如果没有这个类在项目里，在使用Glide加载远程图片时，你就会遇到“ Failed to find GeneratedAppGlideModule”这个exception。为了解决这个异常提示特意新建了一个工具类，只要继承了AppGlideModule,在加载图片的时候Glide就会自己用到的。

        然后来看我们的使用。

         附上相应的layout xml

        在显示时我们只需要在这个layout inflate后，在需要setAdapter前如下操作即可正确显示远程网络图片了。

         自己不妨动一下手试试看吧。