04.尚硅谷_图片加载框架Glide_在Recyclerview中加载图片.avi原创

好，接下来呢，我们讲解这个中啊加载图片啊好，那首先呢，我们来还是啊绘制一下它这个布局啊。找到哪儿了？找到recycle view。Glad。这里面有一个activity啊这个页面，然后呢，进入到这个页面啊，对它这个布局进行绘制，这个布局呢，我可以带大家看一看。点击这个啊，加载就这个就是一个啊，下面呢，就是这么一个Le啊就完事了，就这么简单，这个呢，我也不带大家画了啊。Alright can'see。好，那呢粘过来之后呢，带大家看一下，首先呢，是这么一个啊，线性布局，垂直方向导入这么一个T棒啊，就是它下面呢，就是在微七包下啊，有这么一个CE啊，也是这个5.0新特性啊，倒过来之后加一个ID啊就搞定了，那好，那我们回到这个主页面啊，对它进行这个操作。

Out shift加S初始化一下。嗯，好，初始化一下这个标题date。到家回车。TV。在recycle view中加载图片。Re c cle view。带着图片。接下来呢，就是初始化一下这个啊CY。

那怎么初始化呢？拿到它点set。Adapt。那你就需要这么一个adapter，那我就new一个adapt new一个什么adapter呢？New一个glad。Recycle adapter。Re CY c l e。A一样，这里面呢，我默认的传进去一个上下文。奥加回车。啊。将这个data传到这里面来，传进来，那么这个will要想工作啊，它还要需要设置一个啊。

Set layout manager需要这么一个manager，定一下它这个方向，我们这里呢，就来一个这个啊out啊，Manager里面需要一个上下文，那我们传进去一个。This。然后那个方向，那就是out ver垂直方向是否倒，我们这里这样就定义好了，之后呢，我们来创建一下这个。找到glad adapter。Right。然后呢，这里面需要继承的是view，嗯，DR adapt。填涯泛型，然后呢，定义一个holder class啊，That，一个class holder。

这个holder啊啊，必须要继承，继承谁呢？Recycle will.will holder奥加回车生成一下它的构造。之后呢，这里面就可以写了，写什么呢。Glad。Recy adapt DR。Will holder啊这样就可以了，好二加回收直线里面的方法啊，实现方法。最后呢，我们来创建一下构造out shift加S。这里面呢，传进来一个上下文，嗯，Contest。Private contest m。接收一下。啊，好。

这样呢，这个准备工作啊，就差不多了。回来啊，这边呢，也好了，好了之后呢，接下来你这个adapt要想显示啊，就必须要有数据，那么数据啊给大家准备好了，一共这么多URL。啊，这些呢，都是这个网络图片的这个URL地址啊，就是这么一个实训数组啊，实训数组CRC。啊，这个呢，就是要准备的数据都是网络中的图片地址，我可以看一下随便拿一个。啊，这个我被禁被禁止了啊，啊，正常是可以可以拿过来的啊，可以拿过来的都是这个图片地址。好，接下来，那么既然有了这个数据，就可以写这个适配器了啊，这里面我先写它。它，呃，如果等于等于。

空问号，那我等于零，否则的话就是它点length长度啊，第一个搞定，接下来我就开始写这个啊，On create，这个will holder啊，创建一个will holder，另一个will holder。当前这个啊，传进去一个itemmobile item。没有。当前条目的布局，然后呢，will.infl传进一个三小文m context，第二个布局r.lay out.item啊glad。JD recycle view re c cle。Recycle re c。View好，然后呢，后面出一个now啊，那我们创建一下这个布局，Out加回车。

啊，那看一下我们这个item这个布局啊，长什么样子啊，其实呢，就是这么一张图片啊，直接显示图片就完了啊。那这里面我们是不是直接可以将它变成图片呢？擦擦，我给他来一个。100。DP啊，其实一点一百P。好。啊，包裹吧，Web content wi web content。这个呢，干掉。里面来一个ID div glad，当前是这个recyle re c clw啊，Recyle view，好，Ctrl e，回来，回来之后呢，我们对它进行初始化一下啊，这里面呢，我还是用这个注解啊，At b band a.ID点啊，然后呢，以Miss。

Made啊，那同时呢，你在这里也需要啊，初始化一下这个button点传进一个this，然后呢，里面将这个item will啊传进来，初始化烫。之后呢啊，这就搞定了，搞定之后我们开始写它啊写它写它呢，这里面一共分两步，第一步获取当前item数据，第二步干嘛啊，显示数据，也就是加载数据。好，那么这个加载这个图片呢，啊，我直接把这个这个代码啊复制过来。加载图片啊，这个地方复制过来。然后呢，带大家看一下啊，首先上面呢这个呢，是这个获取这个图片这个宽高啊，这个图片进行宽高的一个一个转换啊好，那再往下呢，看一下具体这个glad位啊，Glad怎么使用，第一个传进来是上下文啊，第二个呢，也就是你这张图片来源于哪。

这个呢就是它的URL啊，这个呢，是上面这个集合嘛，啊，这个数组啊，数值里面存的就是这个图片的URL。然后呢，通过这个呃，获取到一条的ul，再往下这个place holder啊里面传进了一个这个logo，其实就是一个站位图啊，占位的就是没有加载图片之之前啊，显示的这么张图片之后呢，如果你这个加载图片错误了，那么我在这地方再设置一张图片，这里面我都设置的是这个logo啊。之后呢，这个是right，这个呢啊可有可无，这是设置这个图片这个显示分辨率的啊，可以转换成DP啊，在那个这个宽度和高度就是通过上面这种方式获取的，其实你这个不加啊也可以的，接下来呢，这是这个enemy，也就是你在加载图片的时候啊，一个动画显示这里我可以先给它注释掉，一会再加啊之后呢，这个是设置图片这个啊显示的这个样式啊，Filter center等等，之后呢，再往下就是将几张图片显示到哪个控件上，这里面我显示到哪呢？啊显示到它这个后这里，那么这时啊就结束了，那我们运行一下看看效果。

点击这个glad。啊，点击ta view。看这样是不是就把这个图片都加载过来了啊加载过来了，那么怎么样，这个加载图片这个过程中有这个动画效果呢？啊，我们把它打开啊打开打开之后呢，我们创建一下这个动画。

在这个。Z。在这下面建一个enemy这个文件夹A。然后呢，在这里面你有一个file。啊，还有这里面呢，你就可以去写这个动画的一个效果啊，这是一个组合动画啊，这个动画呢，我也不再具体写了啊，不会的同学可以看之前的这个代码。啊，可以大家说一下啊，这个呢是这个渐变从零到一啊缩放呢，这边是从零啊到100，这个呢是这个旋转，旋转呢是。从30度啊，一直旋转到360度啊，360度。好，那我们运行一下看看效果。哎，这动画我开了吗？看一下啊开了。

点击这个glad。Recycle。看这个加载这个图片啊，这个图片的过程中，就是带这个旋转啊，渐变缩放啊等等一些动画啊，这里都可以显示了。