iOS开发之自定义NSOperation

本文主要介绍通过自定义NSOperation实现图片异步下载功能。下面直接上代码。

1.    先把程序的框架搭建起来：

window的主视图式导航栏控制器UINavigationController，导航栏控制器UINavigationController的根视图是UITableView。效果如下：

2.    向UITableView上设置数据，这里加载的是plist文件：

3.    将plist文件中的数据转化成模型，创建模型HXApp。

HXApp.h

#import <Foundation/Foundation.h>@interface HXApp : NSObject/** *  应用名称 */@property (nonatomic, copy) NSString *name;/** *  应用图标 */@property (nonatomic, copy) NSString *icon;/** *  应用下载量 */@property (nonatomic, copy) NSString *download;+ (instancetype)appWithDict:(NSDictionary *)dict;- (instancetype)initWithDict:(NSDictionary *)dict;@end

HXApp.m

#import "HXApp.h"@implementation HXApp+ (instancetype)appWithDict:(NSDictionary *)dict {    return [[self alloc] initWithDict:dict];}- (instancetype)initWithDict:(NSDictionary *)dict {    HXApp *app = [[HXApp alloc] init];        [app setValuesForKeysWithDictionary:dict];        return app;}@end

4.    在控制器中读取plist文件数据，创建一个模型数组apps（懒加载），转化成模型后添加到数组中；

- (NSMutableArray *)apps {    if (_apps == nil) {                // 读取数据        NSArray *appArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"apps.plist" ofType:nil]];                // 将数据中的字典转化成模型        NSMutableArray *apps = [NSMutableArray array];        for (NSDictionary *appDict in appArray) {            HXApp *app = [HXApp appWithDict:appDict];            [apps addObject:app];        }        _apps = apps;            }    return _apps;}

5.    实现tableView的数据源方法：

#pragma mark - tableView datasource- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    return self.apps.count;}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {    // 创建cell    static NSString *identifier = @"APP";    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];    if (cell == nil) {        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];    }     // 设置数据    HXApp *app = self.apps[indexPath.row];    cell.textLabel.text = app.name;    cell.detailTextLabel.text = app.download;       <span style="color:#FF0000;">// 显示图片（重点介绍该部分）</span>    return cell;}

6.    下载图片，我们通过自定义的NSOperation（HXDownLoadOperation）来完成，我们让HXDownLoadOperation专门用来下载图片。HXDownLoadOperation要先下载图片就得知道url，又因为它是下载cell中的图片，还要知道是哪个cell的图片。

HXDownLoadOperation.h

#import <Foundation/Foundation.h>#import <UIKit/UIKit.h>@interface HXDownLoadOperation : NSOperation/** *  下载路径 */@property (nonatomic, copy) NSString *url;/** *  下载的图片索引 */@property (nonatomic, strong) NSIndexPath *indexPath;@end

7.    在cellForRowAtIndexPath:方法中添加下面代码，并有思路：

<span style="color:#FF0000;">// 显示图片</span><span style="color:#FF0000;">（重点介绍该部分）</span>    // 1.根据图片url，向字典images中取出对应的image    UIImage *image = [self.urlsWithImages valueForKey:app.icon];    // 2.判断image是否存在    if (image) {// image存在        cell.imageView.image = image;    }else {// image不存在                // 占位图片        cell.imageView.image = [UIImage imageNamed:@"000"];                // 3.下载图片        // 根据图片url，向字典operations中取出对应的操作operation        HXDownLoadOperation *operation = [self.urlsWithOperations valueForKey:app.icon];        // 4.判断operation下载操作是否存在（即是否正在下载该图片）        if (operation) {// operation下载操作存在（即正在下载该图片，不作任何处理）                    }else {// operation下载操作不存在（即还没有下载过该图片）            // 创建下载操作            operation = [[HXDownLoadOperation alloc] init];            // 图片url            operation.url = app.icon;            operation.delegate = self;            operation.indexPath = indexPath;            // 添加到队列中（异步执行）            [self.queue addOperation:operation];// 调用该方法会执行start方法（异步），在start方法中会调用队列的main方法                        // 将新的下载操作添加到字典operations中            //            self.urlsWithOperations[app.icon] = operation;            [self.urlsWithOperations setValue:operation forKey:app.icon];        }    }

8.    HXDownLoadOperation知道图片的url和该图片在cell上的位置后，重写main方法，在main方法中下载完图片，要通知cell显示图片，所在此时的HXDownLoadOperation.h文件中：

#import <Foundation/Foundation.h>#import <UIKit/UIKit.h>@class HXDownLoadOperation;@protocol HXDownLoadOperationDelegate <NSObject>@optional/** *  执行完系在操作后，会调用该代理方法 * *  @param operation 下载操作 *  @param image     下载的图片 */- (void)downLoadOperation:(HXDownLoadOperation *)operation didFinishedDownLoad:(UIImage *)image;@end@interface HXDownLoadOperation : NSOperation@property (nonatomic, weak) id<HXDownLoadOperationDelegate> delegate;/** *  下载路径 */@property (nonatomic, copy) NSString *url;/** *  下载的图片索引 */@property (nonatomic, strong) NSIndexPath *indexPath;@end

HXDownLoadOperation.m

/** *  重写main方法，执行下载的操作 */- (void)main {    NSURL *downLoadUrl = [NSURL URLWithString:self.url];    NSData *imageData = [NSData dataWithContentsOfURL:downLoadUrl];    UIImage *image = [UIImage imageWithData:imageData];            // 下载完成后，通知代理    if ([self.delegate respondsToSelector:@selector(downLoadOperation:didFinishedDownLoad:)]) {                // 在主线程中通知代理        dispatch_async(dispatch_get_main_queue(), ^{            [self.delegate downLoadOperation:self didFinishedDownLoad:image];        });    }}

9.    将控制器设置为HXDownLoadOperation的代理，并实现代理方法：

#pragma mark - HXDownLoadOperationDelegate- (void)downLoadOperation:(HXDownLoadOperation *)operation didFinishedDownLoad:(UIImage *)image {        // 执行完下载操作，将该下载操作从字典operations中移除（防止下载失败等问题）    [self.urlsWithOperations removeObjectForKey:operation.url];        // 向字典images中添加下载之后的图片    if (image) {// 该判断是防止图片路径无效等问题        self.urlsWithImages[operation.url] = image;                // 刷新表格（局部刷新）        [self.tableView reloadRowsAtIndexPaths:@[operation.indexPath] withRowAnimation:UITableViewRowAnimationNone];    }}

10.    到此图片下载的步骤已经基本完成，下载完的图片不会在重新下载，所以在滚动cell的时候不会在去下载之前的图片。现在对这个项目做一个小优化。

// 细节优化（当滚动表格的时候，停止下载图片，不滚动的时候，再继续下载）#pragma mark - UIScrollViewDelegate- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {    // 当开始拖拽的时候，通知cell停止下载图片    [self.queue setSuspended:YES];    }- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {    // 当停止拖拽的时候，通知cell继续下载图片    [self.queue setSuspended:NO];}

最后运行看一下效果：

本文的内容介绍完了，主要是想总结一下自定义NSOperation的步骤，和实现图片下载的思路。其实关于图片下载有一个很牛X的第三方类库：SDWebImage。