在真实的开发中，网络接口返回的JSON或XML数据中，通常不直接包含图片，而是给出图片的URL，我们
需要根据图片URL获取图片数据。为了便于后续使用，可将图片下载封装到一个类（ImageDownloader)
里面，ImageDownloader允许外界指定URL，提供开始下载和取消下载功能，并提供delegate或block
将图片传递给外界
UITableView显示图片，中的Model类注意事项
1.除了包含必要的数据外，还要包含一个ImageDownloader对象。
2.包含一个image.
3.包含一个图片是否正在下载的BOOL值。（用于判断是否需要开始下载）
Cell是根据Model信息，做页面显示。
KVO:(Key-Value-Observer)键值观察者，是观察者设计模式的一种具体实现。
KVO触发机制：一个对象（观察者），检测另一对象（被观察者）的某属性是否发生变化，若被检测的属性
发生更改，会触发观察者的一个方法（方法名固定，类似代理方法）
KVO使用步骤：
1.注册观察者（为被观察者指定观察者以及被观察属性）
2.实现回调方法
3.触发回调方法（被观察属性发生更改）
4.移除观察者
KVO使用场景：MVC中M与C通信，M发生变化通知C。其中M是被观察者，C是观察者
KVO注意事项：观察者销毁之前，移除观察者，否则会出现程序异常（给已经销毁的对象发送消息）
1.创建TableViewHeader，创建网络连接
1 #define LanOu @"http://project.lanou3g.com/teacher/yihuiyun/lanouproject/activitylist.php"
2.在ViewController中创建tableView
1 //reason: ‘-[UIViewController tableView:numberOfRowsInSection:]: unrecognized selector sent to instance 0x10944ad90‘ 2 //这个错误可能原因1.没有添加根视图控制器-没有关联 2.没有添加tableView 3 @property (retain, nonatomic) IBOutlet UITableView *tableView;
3.引入ImageDownloader类
4.label中数据正常请求，主要看图片的传输过程
在Activity类中下载图片并将图片储存起来
1 //传递image只有两个步骤，用ImageDownloader中的便利构造器下载数据，然后用代理方法将值传给self.image
2 @interface Activity : NSObject<ImageDownloaderDelegate>
3
4 @property (nonatomic,copy) NSString *title;
5 @property (nonatomic,copy) NSString *address;
6 @property (nonatomic,copy) NSString *begin_time;
7 @property (nonatomic,copy) NSString *end_time;
8 @property (nonatomic,copy) NSString *imageUrl;
9
10 //创建实例变量image,实现image传递的功能
11 @property (nonatomic,retain) UIImage *image;
12 //创建图片是否正在下载属性，
13 @property (nonatomic,assign) BOOL isDownloading;
14 //创建图片下载方法
15 - (void)downloadImage;
16 @end
17
18 #import "Activity.h"
19
20 @implementation Activity
21
22 //1.图片下载过程
23 - (void)downloadImage {
24 // 在执行这个方法是对self.isDownloading赋值YES，表示图片正在下载
25 self.isDownloading = YES;
26 [ImageDownloader imageDownloaderWithURL:_imageUrl andDelegate:self];
27 }
28 //2.图片下载完成，self.isDownloading的值有显示告诉外部图片是否下载完成的作用
29 //该方法为ImageDownloader的方法，代理方法，得到下载好的image
30 - (void)imageDownloader:(ImageDownloader *)downloader didFinishLoading:(UIImage *)image {
31 // 这个方法执行时，对self.isDownloading方法赋值NO，表示下载已经结束
32 // 将下载好的image赋给self.image，传向外部
33 self.image = image;
34 self.isDownloading = NO;
35 }
36
37 - (void)dealloc {
38 [_image release];
39 [_title release];
40 [_address release];
41 [_imageUrl release];
42 [_begin_time release];
43 [_end_time release];
44 [super dealloc];
45 }
46
47 @end
在ViewController中实现图片的加载
1 //reason: ‘UITableView dataSource must return a cell from tableView:cellForRowAtIndexPath 测试阶段都row和section都写0
2 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
3
4 ActivityCell *cell = [tableView dequeueReusableCellWithIdentifier:@"myCell" forIndexPath:indexPath];
5
6 Activity *act = [self.actList objectAtIndex:indexPath.row];
7 // act.image == nil,表示图片没有下载，act.isDownloading == NO,表示图片下载方法没有执行，如果图片为空并且图片下载方法没有执行，执行图片下载方法
8 if (act.image == nil && act.isDownloading == NO) {
9 // 先加载一个图片占位符
10 cell.newImageView.image = [UIImage imageNamed:@"fashi1.png"];
11 // 执行图片下载方法，方法执行后act.isDownloading == YES
12 [act downloadImage];
13 /*KVO-键值观察者 给act添加观察者，observer:观察者是
14 ViewController KeyPath:表示观察的属性是image
15 options:表示观察image的得到的值.New表示方法中
16 change得到的值为新值 .old表示change得到的值为旧值
17 context传值功能，把cell的indextPath传给观察者方法中
18 */
19 // 图片下载是由act完成的，所以观察act
20 [act addObserver:self forKeyPath:@"image" options:NSKeyValueObservingOptionNew context:[indexPath retain]];
21
22 }else {
23 // 如果图片不为空或正在下载，就直接传值
24 cell.newImageView.image = act.image;
25 }
26
27 cell.activity = act;
28 return cell;
29 }
30
31 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
32 // 1.获取下载图片
33 // 根据options:中的枚举值来决定取change中的值
34 // UIImage *image = [change objectForKey:@"new"];
35 // 两个是等同的，都可以
36 // change字典{kind = 1,new = ?};
37 UIImage *image = change[NSKeyValueChangeNewKey];
38
39 // 2.判断图片是否为空，如果为空直接返回，不再进行图片加载
40 if (image == nil) {
41 return;
42 }
43 // 3.获取对应cell的indexPath indexPath是context直接传值过来的
44 NSIndexPath *indexPath = (NSIndexPath *)context;
45 // 4.获取tableView上正在显示的cell的indexPath
46 NSArray *arr = self.tableView.indexPathsForVisibleRows;
47 // 5.判断可见indexPaths是否包含indexPath
48 BOOL contain = [arr containsObject:indexPath];
49 // 如果包含，添加图片
50 if (contain) {
51 ActivityCell *cell = (ActivityCell *)[self.tableView cellForRowAtIndexPath:indexPath];
52 cell.newImageView.image = image;
53 }
54 // 6.刷新对应的cell上的数据,对指定cell刷新
55 // 不刷新也可以显示，为了让图片适应cell，对图片进行调试，写上
56 [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
57 // 7.移除观察者
58 // 从self.actList中获取被观察者
59 Activity *act = [self.actList objectAtIndex:indexPath.row];
60 // 将观察者从被观察者中移除
61 [act removeObserver:self forKeyPath:@"image"];
62 // 8.释放indexPath
63 [indexPath release];
64 }
通过KVO添加图片
1>对被观察者添加观察者：如果图片为空且没有加载则开始加载，先给每个图片加一个占位符，对act添加观察者。
2>实现观察者方法：change为字典{kind = 1,new = "image"}取出里边的new值来取出下载下来的image
如果image为空，则直接返回，如果不为空则继续。
context传递的作用，将indexPath从创建观察者哪里直接传过来，获取这个cell的indexPath,
获取显示的所有的cells，判断在这个indexPath中的cell是否在显示的cells中，如果在则从
self.tabelView中获取此cell,然后对里边图片赋值。
添加以后刷新显示的cells，在self.actList中通过indexPath获取被观察的act，从act中将观察者
移除，在context传值indexPath时，对indexPath进行了retain，防止中途崩溃，最后release。