03.尚硅谷_图片加载框架Glide_Glide的基本使用.avi原创

好，接下来呢，我们具体的开始讲解这个基本的使用啊，再是这个基本使用啊，先带大家看一下这个效果啊，点击这个基本的这个方法使用，就会来到这个页面，这个页面这个布局啊啊，我就不带大家这个去画了啊，非常非常简单啊，这个呢就是test view啊，I image view test view I image view1共有这么九个啊，九个分别是test view和这个image view啊具体我就不在上面写了啊，这上面呢，这个是这个t bar啊t bar之前我们也讲过了啊，像这种简单的是简单的东西呢，我们就不在这浪费时间了啊，直接复制过来。有不会的同学呢，可以参照以前的。好，拿过来。找到这个base activity。啊，带着大家看一下这布局整体呢，是这么一个线性布局啊，垂直方向的垂直方向，然后呢，导入这个t bar啊，这就是它这个t bar，再往下呢，套了一个sc wheel啊，保证你这个能滚动啊具体里边呢，是一个Li lay out啊下面呢，为啥要套一个Li out，因为这个S里面啊只能有一个这个啊儿子只能有一个儿子，所以说呢，这里面啊给他包裹一下这多，那下面就是test view1image啊test view image啊详细的我就不说了啊这个ID呢，也是从这个一啊一直到这个九啊，从一一直到九。

啊，非常非常简单，好，接下来呢，我们直接来到这个啊主页面来到base。这来到这之后呢，我们快速的生成一下啊，它的对象out shift加S。这里面啊，全部生成。啊，快速生成。正常之后呢，我们初始化一下标题in。好，家回。

然后呢，拿到这个。TV title。点set test里面输入这个glad基本使用啊，基本使用标题，标题搞定之后啊，接下来呢，我们就开始写啊，具体的一个一个的例子啊，我们先从第一个开始，第一个呢，就是这个加下载这个网络图片啊，那怎么写呢？我直接给大家复制过来就行了啊，这也太简单了。啊，然后呢，带大家看一下。直接glide啊，调用这个位置。位置呢，里面传入的是这个当前的这个上下文啊，漏呢，漏的是你这个网络这个图片的地址啊，网络图片地址，最后呢，这一个呢，就是你要显示到哪一个控件上啊，我们这里呢，是这个IV glad1。啊，也就是他艾格莱德一，那我们可以看一下啊，就是。

诶，IV啊，缓过来啊。是IV啊，IV1进来是这张图片啊，就是这个位置显示它，好，那我们回过来。回回来之后，那它这个glad啊，因为我们还没有对它进行这个呃导包操作，所以呢，它目前是编译不过去的，那我们导一下这个包，呃导到哪呢。找字先添加这个依赖，嗯。一共这个使用步骤就这么三步嘛，啊，这个还是变换，有变换的时候才用啊，正常情况还不用，那我们直接过来。但到我们的guido。找到APP。往下走啊，这个位置，然后呢，同步一下。

这里同步完，哎，我们就已经编译过了啊，就编译过了，因为我们还没有这个啊，没有你看大家我是不是没有去找这个。V4包啊啊V4包，因为我们这里有谁呢？嗯，有这个V7啊，这个V7里啊有有部分代码啊，是包含这个V4的，所以说呢，它还是能这个正常啊这个地方啊是V7啊，V7里面包含这个微视啊，所以说呢，它能正常的使用啊，这里就不用管了，直接倒过来。加载一张啊网络图片，那我们可以运行一下看看这个效果。啊，进来之后点击glad。点击基本方法使用，哎，这样呢，就加载了这么一张啊图片啊，我在上面再写一下啊tvglad1.test，我再将这个标出来，加载网络图片啊，我再运行一下。

再丑啊。好，然后呢，点击glad。进来基本方法使用，哎，这样呢，就加载了这一张啊，网络图片啊，接下来我们再往下看啊，还有哪些方法，它还有这个加载资源图片啊，我们可以。直接复制过来啊，你要不复出来也行，把它复制过来啊，其实就是一行代码啊。这里面glide。点儿位置传进来上下文，嗯，然后点load，你这是资源的图片，那就是R点作包点我随便找一个啊艾特硅谷logo啊，然后呢，加载到哪呢？加载到IV啊，GLAD2啊，加载到第二张啊图片上，我们再运行一下看看效果。

好运气来了啊，点击glad。基本方法，这样呢，就加载了这张啊图片啊，我们再把这个台词view写一下啊TV。点赛。点set test。啊。啊，这个呢，我就不再运行了啊，不再运行了啊好再往下看啊，再往下看呢，是这个加载这个本地图片啊，本地去加载图片，那我们看一下这个代码啊，首先呢，是这个啊environment.get sal story啊获取这个外部SD卡这个路径，然后呢，后面跟着一个这个图片的名称啊，这个图片呢，这个名称啊，跟你这个放的啊名称有关系，我这里放的是这个美女一啊在哪里去找这图片呢？

在给大家的资源里，在这个图片资源啊，手机SD卡中有一个美女一啊，就是这张美女可以放进去。正常怎么放，把这张图片放到你这个SD卡中呢？啊，其实也比较简单，可以这样。找到这个tools安卓，然后呢，找到这个安卓device monitor。进来之后呢，点击这个啊，你当前这个手机啊，也就是这个模拟器，然后呢，找到呢，找到啊，然后呢，是。找到它啊SD card的啊零啊就行了，然后呢，将这张图片进去。

往这里一拖就行了，我这里呢，之前拖过啊，我就不再往里拖了啊。好，关掉。啊，看一下这个加载本地图片啊，再往下看，然后呢，这是得到这个路径，得到路径之后呢，你有这么一个file啊，你有这么一个file，返回1FILE，将这个file啊，再通过这个u r.from这个file啊，得到你一个具体的UR啊然后呢，就是glad点位啊，This u啊into这个。啊，这个Dis上下文啊，这个漏是你这个图片的，这个来源于哪儿啊，来源于这个本地SD卡，这个into呢，就是要在哪张啊VI上进行显示啊这里呢啊不再大家写了，直接复制过来。啊，直接复制过来。

加载这个本地图片，我们可以运行一下看看效果。Glad。基本使用啊，这样呢，就加载你看这张美女图片，哎，就加载上来了啊怎怎么这个呢。三。然后呢，是加载本地图片。啊好加来，我再快速的把其他的也都复制过来啊，带给大家讲一下就行了，加载这个网络这个gift啊复制过来。第四个。啊，我先把这句话复制过来。

四。加载网络GIF。好，那带大家看一下这个呢，是这个网络中啊gift图片这个URL啊，可以运行一下啊C。啊，就是这张图片啊，毛主席，然后呢，将这个URL传递到你这个glad这个load中啊，然后呢，再有一个place holder啊，这个表示什么呢？是占位符啊，就是说这张图片没有加载过来之前啊，我可以先用它去占位，也就是先显示这个啊，这个机器人啊，安卓这个logo显示它，那么等我把这个GI这个图片啊加载过来的时候，那我就把它替换掉了，就会显示它啊，是这个意思啊，具体显示到哪个控件上呢？就是这个IV4啊，就这个意思，那我们预习一下看看效果。

点击基本使用啊，1234这样呢，就把它啊都加载过来了啊，接下来我们第五个。第五呢是加载啊资源里的这个gift。直接复制过来。啊，这也是一行代码，一行代码备注一下。带大家看一下啊，这个代码也是glad点位置里面传一个上下文啊，接下来呢，这个就是你来源于啊，这个gift来源于哪啊，我们这里呢，来源于这个卓越包下面的这个loading啊，我们这目前还没有，然后呢，后面要带着一个as gift啊，同时这个是这个占位符啊，可有可无啊，上面这也是啊，你可以写可以不写，只是那个效果上啊，相对来说会好一点啊，有一个提前占位的东西啊，之后呢，还是显示到哪一个控件上啊，具体的那么这个load顶在哪呢？找到我们这个资源。

应用之源。工程中啊，GI1。按楼顶吧，把它复制过来。找到你的志愿目录。资源目录中的这个dragon。你这是GIF的动画啊，我直接粘过来。呃，放放在这儿吧。OK。啊，这样呢，啊就加载过来了，加载过来之后我们运行一下。

好，找到这个glad。基本使用。诶，下面这个加载这个GI的动画啊，就显示过来了啊，就这么一行代码啊，非常非常简洁啊。好，接下来呢，第六个。加载本地gift复制一下。然后呢，带着大家看一下啊，首先呢，这个是这个本地gift的这个啊路径啊，这个呢是SD卡的路径，加上后面这个美女二啊点JPG啊后面呢就得到了这个GI的这个路径，然后呢，通过这个file啊转换一下啊，将这个。Give file啊，传入到你这个漏的这个位置啊，漏的这个file之后呢，这个呢，还是这个站位符啊，站位符你可以可有可无啊，之后呢，就是加载到这个控件上啊，还这么简单，那么这个地方我带大家看一下这个美女是什么样的啊，还是在这个志愿目录下。

手机ID卡啊，就是它啊，这个美女二，美女二一会看一下，它会动起来的。那我们运行一下。好印下来之后呢，点击glad。这个呢，就是我们加载的啊，第六个啊，这个这个本地的这个GI的这个效果啊，可以加载，我把它复制复制一下。好，接下来呢，第七个。

第七个呢，是加载这个本地这个小视频啊，小视频其实它就能显示这个视频的第一第一个页面啊，给大家看一下。第七个。同样第一个呢，还是这个视频啊的路径啊，我这里面还是放到SD卡中啊，也是这个video.mv4啊，MP4这个呢就得到了路径，然后将它转换成这个file啊，然后呢，你去加载这个file啊就可以了啊，这个是file啊，File的这个U啊都可以，然后呢，同同样后面还是一个在位符啊，后面是加载到具体的控件上啊，跟上面都啊非常非常类似，那这个这个MP4啊，其实我已经加载过去了啊，这个资源呢，你也可以去我这个。啊，文件夹中去找啊，就是这个V点MP4啊。好，那我们来运行一下。

把他忘了。好，我们点击一下glad基本使用。第七个啊，就是这个这个视频的这个首页啊，就加载上来了啊，加上来了啊，接下来呢，我们来加载第八个，第八个呢是设置这个缩列啊比例，然后再加载这个缩略图啊，最后是加载这个原图，先加载缩略图，再加载原图。那么这个代码复制一下。顺过来之后呢，大家再看一下。这个同样啊，这个缩略图呢，还是找到你这个路径啊，其实呢，这个是这个靠这个写的啊，你也可以把它变成这样的。

啊，是一样的。加上。啊，美女一这个JPG啊，跟上面刚才那个是一样的效果，那我们看一下在下面这个怎么先加载这个数列图，然后再加载这个啊，原图它是漏这么一个U啊，然后后面加了一个啊这句话啊now。啊，然后是一个0.1F。那也就是这个数列图呢，是原图的这个0.1倍啊0.1倍，然后呢，这个三这种是中间居中，然后呢，后面这个是这个站位符啊，站位符最后呢，就是显示到哪一个控件上啊，这个地方啊，就是加了这么一句话啊，就表示你这个先加载数列图的多少啊，你就是加载原图的多少啊，这个数列图呢，是原图的这个0.1倍。

好，那我们一起来看效果。Glad。基本使用。到最后一个啊，最后一个这个，这也就是第八个啊，也就是将这张图片啊加载过来。也就是美女一嘛，啊美女一这张图片加载过来了。啊。你现在呢，是看不到这个效果啊，等你这个网速慢的时候啊，先加载略图的时候啊，它就能看到这个效果会更明显一点啊。目前呢，你可能看一眨眼就过去了，之后呢，看第九个啊，这个是什么意思呢？先建立一个这个数列图对象，然后嗯，先加载数列图，再加载原图啊，这个呢，这个数列图啊，不是啊在原图啊用的原图，而是那个你额外自己再加了一张图片。

可以大家看一下。啊。第八个。嗯，然后呢，这个是第九个。好，我们带大家看一下这个是什么样子呢？它首先是glad.with this啊load这么一个图片，这个图片是谁呢？啊，这个图片就是上面啊这张图片啊，看这个UI吗？UU吗？啊就是这个美女美女一啊这张图片，然后呢，它作为数图。

传到这个地方啊，这就是缩略图啊，表示说略图的意思，这里面传一缩略图，上面一步一步来，这是表示上下文，然后漏的呢，是具体的这张图片呢，Uri啊，这个uri是谁呢？就是上一个这个本地加载小图片啊，加载视频那个那个首页啊，也就是谁呢？也就是他啊，其实就是他那之后这个搞定之后呢，这个就是这个数列图啊，这个数列图我又额外自己再定义了一个啊没有用原图的啊百分之多少。那么这张图片是谁呢？这张图片就是。它啊，也就是上面的这个美女没美女一这张图片，它作为缩略图之后呢，就是站位符啊，站位符，然后最后是显示到哪一个控件上啊，理解起来还是比较简单的啊好复制一下，运行一下。好，然后呢，来到这个glad。

点击基本使用。最后。啊，这有一张图片应该是没加载上来。好，我们看一下啊，把这个地方改一下啊，改成九，我们再运行一下。然后来到这个g gladde啊，基本使用之后呢，往下走，哎，看这个地方呢啊，就把这张图片加载过来了，它加载是谁呢？就是加载是它啊加载这它，那么这个过程呢，其实也有一个数列图的过程啊，其实呢，这个数列图呢，在你网速卡的时候啊，它就会体现的更明显一点，先加载这个数列图，然后再加载这个原图啊，这样呢是用户体验啊会好很多，这样的这个基本使用啊，我们就做完了。