106.Image-Loader下载&案例的运行.avi原创

我们要讲一个image load，所意其实联网请求框架到目前为止他也学了很多，比如说ple glad查都可以联网请求，还有wall是吧，是这么多请求啊，其中比较好的啊，就是啊这个啊，都很不错啊，他们是桌面型图片的，还有XUXU其实也不错，但是XU呢，它在国内还行，在国外，在世界的知名度不是很高啊，就是那但是呢，这个啊，我们今天所讲的这个啊，就没写漏，那可是在全球很知名的，但是呢。啊，这哥们呢，现在呢，也不用的也不是很多了，但是他也是之前是很有名的，因为图片就特用的特别多。为什么我们还得讲呢？是吧，这个现在用就是说现在用进油图片了啊，用的最多的可能是可莱，但是为什么我们还讲呢？是因为很多老的项目都用它，基本上早期的项目百分之八九十都是用它联盟请求知道吧，而且的话呢，它确实特别好用。

它有GB，它在VP中可以用，历史有中用一张图片可以用，还有一点它就回调，就是说这张图片它加载了百分之多少，他都能什么回调过来，就比如说QQ空间，QQ空间我们加大一张图片的时候，说明想看这张图片加了百分之多少啊，特别好啊，这点是很不错的，所以我们去了解一下，好，那接下来我们就来看一看呗，好这几个地方里面，这个是他一个使用的案例，这个是他的一个。项目下的地址，好，我们来搜一搜，注意啊，今天会讲很多第三方的。讲法都一样，讲法都是，第一来源于哪里，那就看官方的地址，第二，它的历史在什么情况用到，以及我们的项目的集成。

都是这么讲法啊，所以只要你会一个套路，其实都会了，明白吧，好，接下来我们来到官网，官网的话，那我就假设你们这个东西，你是听说一个image漏的，怎么办呢？都在get干呗，是吧，好，我们来了get上，然后搜一下啊image你看好数一下，注意image load好一回车。说过后嘞，你看第一个就是好，那第一个就是为啥呢？因为你看这里面最多吧，好这是官方的点击，点击过后好在这款里面的话呢，你看它就是这个有案例有有个图片是吧，历史预中雪求论请求，还有一配角中啊它可以请求，然后呢，在这个里面啊，他呢啊就教你怎么用，看到没有就怎么用，所以这教你怎么用啊，他这个案例显得很很low，很一般。好，但是他告诉啊告诉咱们就是说还有类似的请求图片的框架，你看他进介绍了一个什么啊啊啊这个呢，Facebook的这哥们更牛啊，到时候有时间给大家介绍好然后这个地方里面呢，还有wall是吧，还有这些啊你看我我们讲过吧，这个讲过吧，这个讲过吧，还有他正在讲是不是好，我们就讲了主流的地方请同学好接下来把它给下下来，好下下来啊那一点点这个量会下吧，对不对，好一点保存好，那这个呢，它不是很大，但是呢，我们已经呢已经下下过了啊昨天晚上我偷偷的下了啊为啥嘞，我又怕没网嘛，好这地方里面一点击大家好在地方已经下好了，大家看一下时间啊，昨天七点钟的时候我就啊下好了，就这个这没问题吧，我就不用下了啊，很你下的话也很简单是吧，好，那接下来有了过后我们下下下把它导进来啊，注意啊，这是。

原生的一点没改动的就直接从官网下了，好，我们把它解压下来。

解压过后呢，然后我们就把它给导进来，好，然后在地方里面导谁呀，导simple simple好，然后在我们这个地方里面的话呢，点击这个好右键。注意都是下载，然后导存好，然后案例叫simple，这个叫酷，一会儿我们来改啊。为什么呢？因为如果再倒另外一个库，另外一个是也叫，然后也叫symbol，这不就冲突了吗？好，那我们就叫image load的什么啊申报啊，这个我们要必须这么干。好，然后的话呢，嗯，这个库的话，我们能能改名字吗？改不了，那是一会运行起来过后没报错了，我们再去改啊好，那么同学们大家看好了。我是桌明，从网上线下线导，一般情况下90%都会报错，知道吧，好，你看导进来，你看是变差了，同学们是在倒的，遇到这种情况是很郁闷的，没关系，看我慢慢的给他给干掉是吧，首先版本要改成我当前的版本，你看啊，我APP里面我看一下我的版本是多少，你看是S3，然后S303，下面是一些S3.30的，OK，那我要把它改一改。

好，来到这里，这是我们搞的这个啊，这个案例好，我们可以先改库。进例都可以好，要改为多少三好，那么我们针对的是多少三好，那这个版本白最低版本，我们其实啊，可改可不改无所谓啊好但是这个的话，大家这这两个字段你看如果是你不知道是什么意思，你可以暂时什么先注释掉啊，不会影响好然后的话呢，这一块的话，这个留着，那这些东西是干其他事情做的啊，我们不用搭理他，好然后呢，把它给注释掉啊好，那这就就是我们最基本的吧，好，这些有了，那是库，然后我们再看一下这个格拉，这个改为多少啊三好这个是改为23。

好，这个的话呢啊，可以留着它这些东西啊给干掉干掉啊，这个的话呢，我们啊这个啊V4对对非常正确啊，要得改这个啊，谢谢同学们提示是吧，你们都出师了啊好，我们接下来就什么去看一下，大家好，一这是这个颜色，一会的话，如果一切正常会变个色。啊，当当看到没有好，那这个时候呢，我如果点yes就把它添加了，但是我想点no，为啥嘞，因为我想重构了过后再添加到的时候是吧，好那么改一个这个是库就可以了吧，注意啊，你重构库的时候一定要是能运行了，过后你看我运行。

肯定没问题的，就要能运行过后，你才把这个库的名字改啊，你别一导进来还没解决错误就是重构，我跟你说没用。就会导致你这个软件，你这个工程会变坏的，反而知道吧，一定要正确了，过后能运行起来了，大家看啊，你看啊。现在正在运行，你看咚咚咚应该是没问题了吧，运行了吧，好，这个时候你再去重构这个库明白吧，注意啊好，现在你去重构就没问题了。啊，点什么重构右键，这里有个什么，这个翻中文叫什么重构，这个重构重构名对吧，然后存个目录还是个model好，那这个时候在前面加上一个image啊然后呢，哎，这根们没有没有。

好是吧，Image的好加一个下划线啊好，那这个时候呢，点击什么OK好大家看一下它，这个时候它关联的它就会也会变是吧，也会变一个什么，好，这个时候我们就可以啊添加了。好，那同学们接下来我们再去预习，它还是一样的，还是照样可以运行。好，然后呢，给大家看一看呢。好，然后退出，然后运行起来，好，这个是还是灰色对吧，好，我们去把它运行起来。但凡是这种案例的话，都需要去运行好，运行了过后你会发现这图片什么是不行的，注意啊，是图片失效了啊，那图片失效了怎么办呢？没关系，我们来看一下这个案例，是不是他这个图片真的不行了，好，我们随便去请求一张图片啊。好请求图片好打开来，好打开这个地方，好这图片呢，是确实不行的，看没有好不行的话没关系，我嘞已经早有所准备是吧，好这地方里面第七这里面图片路径吧，好这些图片我是提前准备好的，准备这个图片我跟你说可发功夫了是吧啊然后嘞，你随便写下遍当当当啊换一这一个当当当，哎有了吧啊有图片你看这也也出来了，这边这两边都出来了吧，好出来了，所以的话呢，提前转好图图片，因为它默认的这个嘞。

默认这个网站，人家是啊，我看啊是老外的，老外他的图片呢，可能就是在中国访问不了这个图片知道吧，所以怎么办呢，咱们自己动手丰衣足食复制粘贴过来是吧，然后。好，这地方里面把它哒哒哒哒哒哒哒好，你都干掉是吧，好，然后咔嚓好。

好，然后这个时候再去运行它呢，就能显示了，诶我们就会看到我们想要的效果了啊好，并起来同学们，那练起来过后我们就列看一下它怎么做，然后提升一下，非常简单啊好，只是第三方的就很简单，好这个是在历史域中用到吧，当当当，所以它可以设置一个圆角是吧，把这图片给圆了吧，好然后呢，我们一点还可以进去是吧，还可以，还可以滑动是吧，对吧，那相当的不错，不是一般的不错是吧。好然后呢，好点击好，这是隶属于还有古来U是吧，你看诶它有个进度条，仔细看仔细看可进度条啊，就加载进度条啊啊然后这个玉配减预配减是他也可在玉配置中请求图片啊啊注意啊是这个是什么里没有漏，就是图片加载器对吧？啊好，这个是gallery里面加载啊然后嘞，这个是好这是历史入中还国内主义中，你看这是一个切换吧，好然后接下来我们略看一下啊，这个们要用它怎么用呢。

好，首先第一步要去关联我们的这个库。然后因为这里面它涉及到一些请求，所以他这方还用了o okp啊，就是案例啊，到时候我们可以不用这个对吧，但是我们就用一会用这个库。然后呢，好，我们再给大家看一看，它这个地方里面的话，它需还需要做一个什么初始化，初始化啊啊这要初始化注意啊，始化就这里面初始化，初始化呢，其实就是一些什么配置啊，这配置比如说我们这个啊，这个比如说我们这个文件是否MD加密，然后缓存的空间大小，然后这个时候的话嘞。

啊，这些方法的话，你看是是任务这个啊，就一个是不是要排排序，应该任务是啊等等这些，那么这些具体是什么意思的话呢？啊，你可以搜知道吧，就这样去学习，比如说我们的这个方法一搜你看你看人家都告诉你是干嘛了吧，一搜一大堆啊我们再找这个方法，你看他就告诉我们啊，那这里没有的话，你可以再找一个注释的。啊，这没有是吧，那这个地方里面默认是这个，那你也可以再搜啊，再搜在这里面。你看它就会有一些注释，好所以就说对于这些方法你都不用担心是吧，你看像这些它就告诉我们是干嘛了吧，对吧，然后将保存的时候，URL名称U就加密是不是，你看基本上你可以看这个注释的话就有，所以的话呢，具体的东西你去用一下就可以了，然后这个是初字化好第一步，那接下来有了过后，然后来到我们这个地方。

然后它会进到我们的home这里面，这home里面大家可以看到的就是什么这个页面啊，这个页面好，我们home页面有什么东西嘞，好可以去看一下，就是几个什么按钮，这便列吧，几个按钮看没有，那我们再看一下隶属U，它中中怎么用呢？好点进去隶属U怎么用呢？一点就跑到这个历U。那隶属U的话，这里面它是什么呢？注意这个大家可以看到的就是这个页面页面，那这个页面的话，怎么就是一个隶属U呢？好注意它本质上其实是一个什么ment啊base，那这里面呢，它去把一些基本的放在这啊好那么再看一下。

那在这个地方里面呢，要想用没漏几件事，第一件事要去把这个配置出的话。这配置这个统一看的话是加载的默认的图片。是不是这个默认图片吧，第二，如果这个ul是空的，那么它也会加载一张默认图片，就是没有没有找到，还有出错了，它也会加载一张图片，看到没有。就是这图片加里输错了，请求不了，还有就是说是否在内存中缓存是否在一个缓存等等，好，那还有这个是显示是否要啊，是否要圆角，你看这是一个圆角吧，这是一个圆角，那build这是一配置所有了过后呢，接下来在哪里用啊，在我们的这个在哪里啊啊在我们的中去用，知道吧中用好就这样一用就可以了，简单吧，就这么的，那这里面还有一个这个，这个就是一个啊hold的，这是一个图片路径，这个呢是一个配置，刚才的那个配置，刚才配置没吧，好，那还有一个呢，这就是锦上添花的了，一个渐变效果。

哪个嘞，这个动画啊，这里面呢，它就是一个什么呢？它本质上注意了，它本质上是一个什么动画呀，渐变动画，所以大家看到的效果是你你看加进来是慢慢的看到渐变的，仔细看一下是有渐变吗？有但时间很短啊，所以大家看到的时间可能比较短，好这时间有多短呢？500毫秒，那么如果你是啊，五五秒钟那个时候。啊，五秒钟太狠了是吧，两秒啊，那这个时候呢，你就可以看到比较明显啊，这是一个渐变动画，所以的话，这个案例的话。你会发现学这种第三方特简单，但是你要有一个能力，就是看代码的能力，如果这个能力没有的话，我跟你说，那你就无法在江湖上立足，就无法还独立行走，你看仔细看是有见面的效果啊，仔细看我放着。

有吗？有有，OK，同学们明白了，好，接下来我们再看第二案例，注意啊，看这些案例过后，我们没法集成进来，但只集成一部分了，好，接下来看一下，再看一下它这地方有一个谷内的入。点进去啊，这个5.0的模拟器有点卡进去了吧，它是还有一个进度条，仔细看一下，好，那点进去，然后呢，这个地方里面，它这个布局在哪里啊，在这这是。啊，错了错了，好，那我们要找的是这个吧，好，这里面就是它什么。布局是一个什么对吧，它有几列啊，1233列对不对，三列就看这几个好。然后有了过后的话呢，给大家看一下，在这个地方里面他就去啊，他他这个们叫做什么历史，其实本质上他是谁啊，有这无所谓吧，然后接下来他就是准备这个图片，这个图片你看就是刚才这些图片呢，看到没有统用一份图片来做试验，对吧？然后的话呢，这个时候啊出的话，你看这地方是刚才的配置差不多啊，但是这个时候配置以后呢，它就RGB565是正是。

是图片稍微要次一点的图片了，那接下来有过后呢，它就请求，请求过后大家看好这个地方里面就去显示，这个是图片地址，这个是写在哪个空间上，这是操作好，它这里面还做一些监听。这个前提就可以知道这张图片。啊，如果是失败了，就把它进度条消掉，如果刚开始启动就把它进度设为零，并且显示，如果正在加载的过程中，就把它不断的让进度往缓缓的往上推移，就这个进度啊，就是什么这个因为太快了，根本看不到，那如果网络比较慢的话，就很快啊，这就能看到了啊好，这就是什么有回调，OK，第二个搞定。

好，再看一下第三个就是我们的gallery gallery大家用过吗这个。这空间是第一次听说过啊，他翻译成中文叫叫什么叫画廊，画廊画廊画廊，那以前这个人们以为画廊就是有点色情行业是吧，但其实啊，就是其就是这个单就是说这个这个控件叫画廊知道吧，画廊和玉配姐类似，我们早期风行的那个顶部，这个顶部。那风行客户端它也有顶部知道吧，这部分，那么我用当时我用的有所画了，用这个空间你看大家可以看一下它实现什么样的效果呢。

看好啊，这个案例在这，这是A不是就是photo you了啊，刚才的那个空间这里好给他看好啊，这个就是啊画廊。好，最后一个是画廊，这个是画廊知道吧，这是画廊啊。这是画廊好，那么这个呢，这你看是有回弹的效果啊，好回廊，那画廊这个怎么做嘞，好点进去画廊，然后你看啊，它同样是也设置是VC啊，也点击某一条，好当我们点击某一条的时候。是进去啊，啊这比较简单，然后呢携带进去，然后呢，就把这个图片传过去啊，传过去过后呢，它就能够什么显示对吧，能够显示这是比较简单的事情啊好，那接下来。你看在这个地方里面一传进去，这个们呢，它有一个form就可以显示，让你传水进来，它就得到一个。

Le，然后最后呢，替换啊，它家就用去显示啊，好，那么有了过后我们再看一下。在这个地方里面，它是也是初始化呀。对吧，也数字画，然后它这个它显示的这个画廊啊。是有一个圆角啊好，那我靠谁呢？靠这个设置什么，这个矩形圆角能明白吧，是之前有圆的，是圆的，刚才给您看过了，这里面是不是有个圆呐。边，那这里面现在就不是不是就是什么圆虚角好，那这时候怎么用呢，特简单。一行代码就加一图片了。简单吧，OK，好继续继续好，接下来有过后大家再看一下国内的，国内的看到了吗。

看了是吧，好就是看了好，那接下来玉佩姐看了吗？玉佩姐大家看啊，在玉配件里面，它这里面就有个空间叫玉佩姐用过吧。啊，那有过后呢，这地方里面同样也是得到于配减，那设置适配器最核心的是谁呀？适配器吧，点进去适配器里面，这里面做了一个什么组化，好，那么我们可以看一下适配器里这哥们做了什么事情。这个时候它有圆角有有有这个有圆角吗？没有圆角，这个是没有圆角，没有圆角对吧，没有圆角好，然后图片呢，也不是很高清，这样的话避免内存溢出对吧？然后呢，这个出错空的图片就是好这个配置那有了，后来在这个地方里面大家看好图片，这个不变，这个不变，这多了一个什么，加载的一个监听加监听，就是如果开始监听。就开始加载就走，这个如果加载失败了，是我得到这些原因呢。

看没失败的原因是吧，是好种都错啊，一是内存溢出误，一是不知道错误是吧，这错误是好几种错误，他接听到啊。好，然后呢，并且弹个吐司告诉你，好，那加了文过后是不是还他也有回调啊好这这种的话也挺好的啊然的OK，同学们搞定了对吧，这是一个加载吧，对不对，好那么这个时候呢，就是我们的这种加载。好，那么这个还有一个。就是我们的啊，还有一个就是什么呢？就是预配件和历史预库的里面一个切换的，它在哪里呢？我看看啊。找到布局最后一个就他看一下要找到这个点击事件了是吧，然后去找一下，好就这点进去，点进去过后呢，他这边用的是一个对吧，然后我们要想看的话，要看到什么。

看它的这个什么，这这是要看的什么，看布局，它这个时候用到的，大家看好。这种左右滑动，诶大家想想左右滑动，还有标题这种。是可以用一个控件来做，叫这个空件叫啥可接title，诶，这个控件大家想想是又学到了哦，原来我们可以知道这哥们的高度。是吧，这么点。啊，宽度填充方窗体，那也就是说这应该就是什么，应该是如果不会猜错的话，就是这一块对吧？好，然后有了过后的话嘞，大家看一下左右滑动的又怎么做到的呢？对吧？好，那么我看我们也可以看一下这个控件，它其实继承的什么好，那我们看一下这个哥们这将怎么用呢？对吧，然后接下来这哥们呢，就被。

啊。在这个地方里面的话呢，我看看这个ID。哎。相诶，它在这个地方里面可解它去直接得到它，我看看点进去。哦，大家看一下外面套的是什么，黑解里面内置有这个东西是吧，结构这所以它实例化得到的是我们的啊预配，那这个时候预配节的话嘞，它照样去设置一个啊适配器，适配器里面的话嘞，好它就在这个地方里面，它就有两个什么。Lement这两个ment，诶是就是刚才我们那两个lement，一个是古和历史啊，是把它两个给用起来了，所以的话呢，在这个地方里面，它就内部实现了一个切换，大家看怎么切换的啊，它这些flag适配器，然后这个地方里面呢。

它就会当你去这样切换的时候，它返回于这时候返回隶属，所以呢，就实现这样的切换，而且它的适配器你看和我们之前适配器有点区别，就用这个啊，就这样就实现了，至少把刚才之前的分动给利用了。好，略知道一下啊，好，你知道一下，好，那同学们这个案例呢就用了，但是我们还用是吧，进到我们项目中来啊好，那同学们，这就是我们所讲的email的一个案例的运行，好把视频保存。