SDWebImage的一些简单使用

SDWebImage是一个三方类库, 所以要使用它首先要把它引入我们的工程, 其托管在github上: https://github.com/rs/SDWebImage

有几种引入的方法, 一种是直接使用cocoaPods下载安装, 还有一种是直接拉入文件夹, 我们就演示这一种了
第一步: 把下载好的Demo中的"SDWebImage"文件拖入工程, 记得勾选

第二步: 进入Bulid Phases-->Link Binary With Libraries, 点击'+',
引入框架:ImageIO.framework, MapKit.framework, libxml2.2.dylib

第三步: 进入Bulid Setting , 在搜索栏搜索other link, 修改Other Linker Flags
为-ObjC:

OK! 现在我们可以进入正题了, 官方是在UITableView中演示的SDWebImage的使用,
我觉得tabView的显示没集合视图的好看, 所以我就用UICOllectionView来演示了
先引入SDWebImage的头文件: #import "UIImageView+WebCache.h"

创建集合视图, 这步省略了, 也可以用UITableView;
搜索一些图片的url, 创建为全局变量, 因为后面还要使用

老版本的SDWebImage中的方法和新版本的有些许的不同, 就是新版本的方法新都有"sd_"的前缀. 我用的是新版本的,
所以如果你找的是旧版本的话会发现我们的方法不太一样

先来一个基本的语句吧: - (void)sd_setImageWithURL:(NSURL *)url
placeholderImage:(UIImage *)placeholder
UIImageView调用它, url是要下载的图片的url,
placeholder是在图片还没下载完成是imgView显示的占位图片, 当图片下载完成后, 它会被替换成下载好的图片,
如图:

其中的四张相同的图片就是我设置的占位图片.

再创建一个ViewController, 用以显示每张缩略图的大图, 并push进去, 把小图的indexPath,
和urlString传入
SDWebImage除了刚才用的那种外还有几种比较简单的方法, 总的代码总结如下:

//1. 基本语句, 异步加载及缓存图片一步到位

   
[imgView sd_setImageWithURL: url placeholderImage: [UIImage
imageNamed:@"3"]];

//2. 读取缓存, 有占位图片, 可从url下载图片
    
//Handle image refresh（控制图像刷新）
    
//默认情况下，SDWebImage确实非常积极的缓存。它忽略了所有类型的通过HTTP服务器返回的缓存控制头，并且没有时间限制地缓存返回的图像。
这意味着你的图像url是永远不会改变的、指向图像的静态url。如果指向的图片发生了变化，那么url也会相应的跟着变化。如果你不控制你的图像服务
器，当它的内容更新时你不能改变它的url。Facebook头像就是这种情况的例子。在这种情况下，你可以使用
SDWebImageRefreshCached的标志。这将稍微降低性能，但将会考虑到HTTP缓存控制头：
    
[imgView sd_setImageWithURL:url placeholderImage:[UIImage
imageNamed:@"3"] options:SDWebImageRefreshCached];

//3. block
    
[imgView sd_setImageWithURL:url completed:^(UIImage *image, NSError
*error, SDImageCacheType cacheType, NSURL *imageURL) {
         
if (image) {
              
imgView.image = image;
         
}
    
}];

//4. 管理
    
SDWebImageManager *imageManager = [SDWebImageManager
sharedManager];
    
[imageManager downloadImageWithURL:url options:0
progress:^(NSInteger receivedSize, NSInteger expectedSize) {

} completed:^(UIImage *image, NSError *error, SDImageCacheType
cacheType, BOOL finished, NSURL *imageURL) {
         
if (image) {
              
imgView.image = image;
         
}
    
}];

//5. 使用blocks，你将被告知下载进度，完成时是成功还是失败：
    
[imgView sd_setImageWithURL:url placeholderImage:[UIImage
imageNamed:@"3"] completed:^(UIImage *image, NSError *error,
SDImageCacheType cacheType, NSURL *imageURL) {
         
if (error) {
              
NSLog(@"%@", error);
         
}
    
}];

//6. 独立地使用异步图像下载
    
[[SDWebImageDownloader sharedDownloader] downloadImageWithURL:url
options:0 progress:^(NSInteger receivedSize, NSInteger
expectedSize) {

} completed:^(UIImage *image, NSData *data, NSError *error, BOOL
finished) {
         
if (image && finished) {
              
imgView.image = image;
         
}
    
}];

最后效果图: