首页 > 代码库 > TableView_图片异步加载 KVO

TableView_图片异步加载 KVO

TableView 异步下载图片

 

ImageDownloader.h

#pragma mark - 声明block

//1,声明block

typedef void(^Result) (UIImage *img);

@interface ImageDownloaderViewController : UIViewController

#pragma mark - 声明方法

//block 做参数

//ImageDownloader 允许外界指定URL,提供 开始下载 和 取消下载 功能,并提供delegate或block将图?片传递给外界。

+ (void)imageDownloaderWithUrlStr:(NSString *)urlStr result:(Result)result;

 

 

ImageDownloader.m

 

+ (void)imageDownloaderWithUrlStr:(NSString *)urlStr result:( Result)result

{

    NSURL *url = [NSURL URLWithString:urlStr];

    NSURLRequest *request = [NSURLRequest requestWithURL:url];

    [NSURLConnection sendAsynchronousRequest:request queue:[[NSOperationQueue new]autorelease] completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) {

        //把请求的二进制数据 转成图片

        UIImage *image = [UIImage imageWithData:data];

        //回到主线程调用

        dispatch_sync(dispatch_get_main_queue(), ^{

            //调用block 

            result(image);

        });

    }];

}

 

TableViewController.m

 

//加载数据

- (void)loadDataAndShow

{

    NSURL *url = [NSURL URLWithString:URL_NEW];

    

    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url];

    

    [request setHTTPMethod:@"GET"];

    __block NewsTableViewController *weakSelf = self;

        NSOperationQueue *queue = [[NSOperationQueue new] autorelease];

    //建立连接,

    [NSURLConnection sendAsynchronousRequest:request queue:queue completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) {

        NSDictionary *dict = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingAllowFragments error:nil];

         //取大字典数据

        //从key为result的数组中 取字典

        //在此循环完成 即图片赋值完成

        for (NSDictionary *dic in dict[@"result"]) {

            //创建模型

            News *new = [News new];

           

            NSLog(@"模型创建,图片 开始下载");

            //此时 图片开始下载

            [new setValuesForKeysWithDictionary:dic];

            

            [weakSelf.allDataMutableArray addObject:new];

            [new release];

        }

        

        //回主线程

        dispatch_sync(dispatch_get_main_queue(), ^{

            //先刷新UI再拿到图片

            [weakSelf.tableView reloadData];

            NSLog(@" 刷新UI");

        });

    }];

}

 

 

- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

 

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

#warning Incomplete method implementation.

    // Return the number of rows in the section.

    return _allDataMutableArray.count;

}

//显示Cell

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    NSLog(@"  显示 一个 cell");

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"new" forIndexPath:indexPath];

        // Configure the cell...

    News *new = _allDataMutableArray[indexPath.row];

        cell.textLabel.text = new.movieName;

    cell.detailTextLabel.text = new.movieId;

    //如果图片数据请求下来,就赋值显示。如果没有,就监听

    if (new.imageData != nil) {

        cell.imageView.image = new.imageData;

    }else{

             NSLog(@" 图片没请求下来---》》》监听 ");

        //KVO (1,注册监听)设置监听图片数据

        //new 被监听

        //self  监听者

        //keypath  监听属性

        //options   监听旧值 还是 新值

        //控制器 观察 -》模型(在控制器中观察)

        [new addObserver:self forKeyPath:@"imageData" options:NSKeyValueObservingOptionNew context:indexPath];

        }

    return cell;

}

 

#pragma mark - (2,实现回调方法)  KVO 监听被执行的方法,对象属性变化,即调用

//tableView 通过KVO观察 下载数据 及时更新页面

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context

{

    //判断标志

    if ([keyPath isEqualToString:@"imageData"]) {

        //1, 获取新图片数据

        UIImage *newImageData = http://www.mamicode.com/change[NSKeyValueChangeNewKey];

        

        //2, 获取cell

        NSIndexPath *indexPath = (NSIndexPath *)context;

        UITableViewCell *cell = [self.tableView cellForRowAtIndexPath:indexPath];

        cell.imageView.image = newImageData;

        //3, 刷新当前行

        [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];

        //4,取消监听

        [object removeObserver:self forKeyPath:keyPath];

        

         NSLog(@"(监听值变化)拿到图片了。。。。。。");

    }

}

 

 

//模型.h

@interface News : NSObject

@property(nonatomic,copy)NSString *movieId;

@property(nonatomic,copy)NSString *movieName;

@property(nonatomic,copy)NSString *pic_url;

//Model类注意事项:

//1、除了包含必要的数据外,还要包含?一个ImageDownloader对象。

//2、包含?一个image。

//3、包含?一个图?片是否正在下载的BOOL值。(?用于判断是否需要开始 下载)

@property(nonatomic,retain) UIImage *imageData;

 

 

//模型.m

 

#pragma mark - 重写pic_url 的 setter

//为了能正确显示图片,Model类应该提供图片获取功能(Model通过 ImageDownloader下载图片,供cell使用)

- (void)setPic_url:(NSString *)pic_url

{

    if (_pic_url != pic_url) {

        [_pic_url release];

        _pic_url = [pic_url retain];

        

        //

        //使用block 异步加载图片

        __block News *weakNews = self;

        [ImageDownloaderViewController imageDownloaderWithUrlStr:self.pic_url result:^(UIImage *img) {

            //将block 显示到imageView上

            //在这使用,就在这实现(模型中实现block)

            weakNews.imageData = http://www.mamicode.com/img;

            NSLog(@"--------------拿到图片,赋值显示 NEws");

        }];

    }

}

 

 

TableView_图片异步加载 KVO