iOS学习笔记46——图片异步加载之SDWebImage

在开发中经常会遇到列表加载的功能，其中大部分都包括图片列表加载，但移动设备本身内存有限，而大量图片加载又很耗内存。今天主要就介绍一个第三方图片异步加载库SDWebImage，Github地址为： https://github.com/rs/SDWebImage ，这个库主要实现了为UIImageView添加一个类别方法，让使用者使用图片异步加载就好像直接为UIImageView设置image一样，使用非常方便。

一、主要功能

• An UIImageView category adding web image and cache management to the Cocoa Touch framework
• An asynchronous image downloader
• An asynchronous memory + disk image caching with automatic cache expiration handling
• Animated GIF support
• WebP format support
• A background image decompression
• A guarantee that the same URL won't be downloaded several times
• A guarantee that bogus URLs won't be retried again and again
• A guarantee that main thread will never be blocked
• Performances!
• Use GCD and ARC

包括图片异步下载器、内存和本地缓存、GIF支持、相同URL不会重复下载、不会阻塞UI线程等。

二、集成使用步骤

• Download and unzip the last version of the framework from the download page（下载framwork包并解压）
• Right-click on the project navigator and select "Add Files to "Your Project":（右击工程选择添加库到项目工程）
• In the dialog, select SDWebImage.framework:（选择SDWebImage.framwork库）
• Check the "Copy items into destination group's folder (if needed)" checkbox（选择拷贝到工程复选框）
• 添加ImageIO.framework库支持
• 添加Linker Flag，如下图

按下Command+B,编译工程，如果编译成功则说明集成成功了，如果出现framwork找不到的异常，则将工程目录中SDWebImage-3.3.framwork改名为SDWebImage.framwork再编译就没问题了，由于我下的是最新3.3版本，可能原配置文件搜索的编译路径名是不带“-3.3”的，所以提一下这个问题。配置和编译成功后就可以开始使用了：

三、Demo实现

先看看最终实现的效果图，主要实现了UITableView的列表加载和单个图片的异步加载：

                           

在需要使用异步图片加载的头文件导入：

#import <SDWebImage/UIImageView+WebCache.h>

列表实现在UITableView的协议方法中只需要很简单的调用UIImageView的类别方法即可完成异步加载：

[cpp]  view plain copy

1. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
2. {  
3.     static NSString *Identifier = @"UITableViewIdentifier";  
4.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:Identifier];  
5.     if (cell == nil) {  
6.         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:Identifier];  
7.     }  
8.   
9.     NSInteger row = indexPath.row;  
10.     cell.textLabel.text = @"My Text";  
11.     [cell.imageView setImageWithURL:[arr_imgs objectAtIndex:row]];  
12.       
13.     return cell;  
14. }  

单击UITableView的item进入单个图片加载页面，使用SDWebImageDownloader加载：

[cpp]  view plain copy

1. //单独异步下载一个图片  
2.     [[SDWebImageDownloader sharedDownloader] downloadImageWithURL:[NSURL URLWithString:self.imgURL] options:0 progress:^(NSUInteger receivedSize, long long expectedSize) {  
3.           
4.     } completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished) {  
5.         if (image && finished) {  
6.             imageView.image = image;  
7.         }  
8.     }];  

以上只给出关键代码，具体Demo详情请下载工程源码： 下载