修改内容

KevinHM · KevinHM · commit 165520db3763 · 2015-06-13T11:43:59.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -1,7 +1,7 @@
 # Node rules:
 ## Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
-.DS_Store
+
 ## Dependency directory
 ## Commenting this out is preferred by some people, see
 ## https://docs.npmjs.com/misc/faq#should-i-check-my-node_modules-folder-into-git
@@ -14,3 +14,51 @@ _book
 *.epub
 *.mobi
 *.pdf
+
+# Mac OS X
+.DS_Store
+.VolumeIcon.icns
+.fseventsd
+Icon
+
+
+# Xcode
+build/*
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+*.xcworkspace
+!default.xcworkspace
+!xcshareddata
+xcuserdata
+profile
+*.moved-aside
+
+# Build products
+build/
+*.o
+
+# No other repo directories
+.svn
+.hg
+CVS
+
+# No Sparkle private keys
+dsa_priv.pem
+
+# Python
+*.pyc
+
+# No Backup Files
+*~.nib
+*.swp
+*~
+*(Autosaved).rtfd/
+Backup[ ]of[ ]*.pages/
+Backup[ ]of[ ]*.key/i
+Backup[ ]of[ ]*.numbers/
diff --git a/chapter5/adding_to_functionalReactivePixels.md b/chapter5/adding_to_functionalReactivePixels.md
@@ -1 +1,104 @@
 # 添加FunctionalReactivePixels
+一个简单的画廊弄好了，但是我们是不是想看一下高清图呢？当用户点击画廊中的某一个单元格时，我们创建一个新的视图控制器并将其推入到导航堆栈中。
+
+```
+- (void)collectionView:(UICollectionView *)collectionView 
+	didSelectItemAtIndexPath:(NSIndexPath *)indexPath{
+	FRPFullSizePhotoViewController * viewController = [[FRPFullSizePhotoViewController alloc] initWithPhotoModels:self.photosArray currentPhotoIndex:indexPath.item];
+	
+	viewController.delegate = self;
+	[self.navigationController pushViewController:viewController animated:YES];
+	
+}
+```
+
+这个方法没有任何特殊的，只是些一般的OC方法。当然别忘了在当前实现文件里加载视图控制器(FRPFullSizePhotoViewControler)的头文件.现在让我们来创建这个视图控制器(FRPFullSizePhotoViewControler).
+
+创建一个UIViewController的子类FRPFullSizePhotoViewControler,这不会是一个特别的‘Reactive’的视图控制器，实际上大部分只是`UIPageViewController`子视图控制器的模版。
+
+```
+@class FRPFullSizePhotoViewController;
+
+@protocol FRPFullSizePhotoViewControllerDelegate <NSOject>
+- (void)userDidScroll:(FRPFullSizePhotoViewController *)viewController toPhotoAtIndex:(NSInteger)index;
+
+@end
+
+@interface FRPFullSizePhotoViewController : UIViewController
+
+- (instancetype)initWithPhotoModels:(NSArray *)photoModelArray currentPhotoIndex:(NSInteger)photoIndex;
+
+@property (nonatomic , readonly) NSArray *photoModelArray;
+@property (nonatomic, weak) id<FRPFullSizePhotoViewControllerDelegate> delegate;
+
+@end
+
+```
+
+回到画廊视图控制器实现必要的代理方法：
+
+```
+- (void)userDidScroll:(FRPFullSizePhotoViewController *)viewController toPhotoAtIndex:(NSInteger)index{
+	[self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:index inSection:0] 
+				atScrollPosition:UICollectionViewScrollPositionCenteredVertically 
+						animated:NO];
+}
+```
+
+当我们滑到一个新的图像去查看其高清图片时，这个方法将更新collectionView滑动的位置。这样一来，当用户查看完高清图回到这个界面的时候，高清图所对应的缩略图将会显示在界面上，方便用户获知自己浏览的位置以及继续往下浏览。
+
+`#import`这些必要的数据模型的头文件并追加一下两个私有属性：
+
+```
+@interface FRPFullSizePhotoViewController () <UIPageViewControllerDataSource, UIPageViewControllerDelegate>
+//Private assignment
+@property (nonatomic, strong) NSArray *photoModeArray;
+//Private properties
+@property (nonatomic, strong) UIPageViewController *pageViewController;
+@end
+```
+
+`photoModelArray`是共有的只读属性，但是内部可读写。第二个属性是我们的子视图控制器。我们这样来初始化：
+
+```
+- (instancetype)initWithPhotoModels:(NSArray *)photoModelArray currentPhotoIndex:(NSInteger)photoIndex{
+	self = [self init];
+	if (!self) return nil;
+	
+	//Initialized, read-only properties
+	self.photoModelArray = photoModelArray;
+	
+	//Configure self
+	self.title = [self.photoModelArray[photoIndex] photoName];
+	
+	//ViewControllers
+	self.pageViewController = [UIPageViewController alloc] 
+									initWithTransitionStyle:UIPageViewControlerTransitionStyleScroll 
+									navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal 
+									options:@{ UIPageViewControllerInterPageSpacingKey: @(30)};
+	self.pageViewController.dataSource = self;
+	self.pageViewController.delegate = self;
+	[self addchildViewController:self.pageViewController];
+	
+	[self.pageViewController setViewController:@[[self photoViewControllerForIndex:photoIndex]] 
+							direction:UIPageViewControllerNavigationDirectionForward 
+							animated:NO completion:nil ];
+							
+	return self;
+}
+```
+
+赋值属性、设置标题、配置我们的`pageViewController`，一切都非常无聊，我们的viewDidLoad方法也同样简单。
+
+```
+- (void)viewDidLoad{
+	[super viewDidLoad];
+	
+	self.view,backGroundColor = [UIColor blackColor];
+	
+	self.pageViewController.view.frame = self.view.bounds;
+	
+	[self.view addSubView:self.pageViewController.view];
+}
+```
+我要指出的是，简便起见，在我的应用里我禁用了横向展示，因为这不是一本关于`autoresizingMask`或者`autoLayout`的书。你可以通过[Eria Sadun的书]()了解更多关于`autoLayout`方面的细节。
diff --git a/chapter5/basic_of_functionalReactivePixels.md b/chapter5/basic_of_functionalReactivePixels.md
@@ -145,30 +145,30 @@ self.apiHelper = [[PXAPIHelper alloc]
 + (RACSignal *)importPhotos{
     RACReplaySubject * subject = [RACReplaySubject subject];
     NSURLRequest * request = [self popularURLRequest];
-    [NSURLConnection sendAsynchronousRequest:request 
-    								queue:[NSOperationQueue mainQueue] 
+    [NSURLConnection sendAsynchronousRequest:request
+    								queue:[NSOperationQueue mainQueue]
     					completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError){
     						if (data) {
     							id results = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil];
-    							
+
     							[subject sendNext:[[[results[@"photos"] rac_sequence] map:^id(NSDictionary *photoDictionary){
     								FRPPhotoModel * model = [FRPPhotoModel new];
-    							
+
     								[self configurePhotoModel:model withDictionary:photoDictionary];
     								[self downloadThumbnailForPhotoModel:model];
-    							
+
     								return model;
     							}] array];
-    							
+
     							[subject sendCompleted];
     						}
     						else{
     							[subject sendError:connectionError];
     						}
     }];
-    
+
     return subject;
-    
+
 }
 ```
 
@@ -184,7 +184,7 @@ self.apiHelper = [[PXAPIHelper alloc]
 
 这是你看到的异步操作中，一个非常普通的模式。
 
-1. 创建一个RACSubject. 
+1. 创建一个RACSubject.
 2. 从异步调用的完成block中向RACSubject传送结果值。
 3. 立即返回这个RACSubject对象
 
@@ -196,10 +196,10 @@ URL请求的构造方法看起来应该是这样的:
 
 ```
 + (NSURLRequest *)popularURLRequest {
-	return [AppDelegate.apiHelper urlRequestForPhotoFeature:PXAPIHelperPhotoFeaturePopular 
+	return [AppDelegate.apiHelper urlRequestForPhotoFeature:PXAPIHelperPhotoFeaturePopular
 				resultsPerPage:100 page:0 
-				photoSize:PXPhotoModelSizeThumbnail 
-				sortOrder:PXAPIHelperSortOrderRating 
+				photoSize:PXPhotoModelSizeThumbnail
+				sortOrder:PXAPIHelperSortOrderRating
 				except:PXPhotoModelCategoryNude];
 }
 ```
@@ -211,10 +211,10 @@ if(data){
 	[subject sendNext:[[[results[@"photos"] rac_sequence] map:^id (NSDictionary *photoDictionary){
 		FRPPhotoModel *model = [FRPPhotoModel new];
 		[self donwloadThumbnailForPhotoModel:model];
-		
+
 		return model;
 	}] array]];
-	
+
 	[subject sendCompleted];
 }
 else{
@@ -263,9 +263,9 @@ else{
 	photomodel.identifier = dictionary[@"id"];
 	photomodel.photographerName = dictionary[@"user"][@"username"];
 	photomodel.rating = dictionary[@"rating"];
-	
+
 	photomodel.thumbnailURL = [self urlForImageSize:3 inArray:dictionary[@"images"]];
-	
+
 	//Extended attributes fetched with subsequent request
 	if (dictionary[@"comments_count"]){
 		photomodel.fullsizedURL = [self urlForImageSize:4 inArray:dictionary[@"images"]];
@@ -299,7 +299,7 @@ else{
  - 第一步，我们过滤掉那些`size`字段不匹配要求的字典。
  - 然后，将这些符合要求的字典做一次映射来提取字典中`url`字段的内容。
  - 最后，我们获得一个NSString 对象的序列，把它转化为数组，然后返回`firstObject`.
- 
+
 > 这里插图一个
 
 在ReactiveCocoa中类似上面的链式调用非常常见。值从`rac_sequence`推送到`filter:`方法中，最后推送到`map:`方法里。最后调用序列`rac_sequence`的`array`方法，将序列的结果转化为`array`.
@@ -309,10 +309,10 @@ else{
 ```
 + (void)downloadThumbnailForPhotoModel:(FRPPhotoModel *)photoModel{
 	NSAssert(photoModel.thumbnailURL, @"Thumbnail URL must not be nil");
-	
+
 	NSURLRequest * request = [NSURLRequest requestWithURL:[NSURL URLWithString:photoModel.ThumbnailURL]];
-	[NSURLConnection sendAsynchronousRequest:request 
-		queue:[NSOperationQueue mainQueue] 
+	[NSURLConnection sendAsynchronousRequest:request
+		queue:[NSOperationQueue mainQueue]
 		completionHandler:^(NSURLResponse *response, NSData *data, NSError * connectionError){
 			photoModel.thumbnailData = data;
 	}];
@@ -336,20 +336,20 @@ static NSString * CellIdentifier = @"Cell";
 
 - (void)viewDidLoad{
 	[super ViewDidLoad];
-	
+
 	//Configure self
 	self.title = @"Popular on 500px";
-	
+
 	//Configure View
 	[self.collectionView registerClass:[FRPCell class] forCellWithReuseIdentifier:CellIdentifier];
-	
+
 	//Reactive Stuff
 	@weakify(self);
 	[RACObserver(self, photosArray) subscribeNext:^(id x){
 		@strongify(self);
 		[self.collectionView reloadData];
 	}];
-	
+
 	//Load data
 	[self loadPopularPhotos];
 }
@@ -396,7 +396,7 @@ static NSString * CellIdentifier = @"Cell";
 - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
 	FRPCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:CellIdentifier forIndexPath:indexPath];
 	[cell setPhotoModel:self.photosArray[indexPath.row]];
-	
+
 	return cell;
 }
 ```
@@ -423,23 +423,23 @@ static NSString * CellIdentifier = @"Cell";
 
 @end
 ```
- 
+
 这里有两个属性：一个图片视图和一个订阅者。图片视图是弱引用，因为它属于父视图（这是UICollectionViewCell的一个标准的用法），我们将实例化并赋值给imageView。接下来的属性是一个订阅，当使用ReactiveCocoa来设置图像视图的图像属性时，我们将接触到它。注意它必须是强引用而非弱引用否则你会得到一个运行时的异常。
 
 ```
 - (id)initWithFrame:(CGRect)frame{
 	self = [super initWithFrame:frame];
 	if(!self) return nil;
-	
+
 	//Configure self
 	self.backgroundColor = []UIColor darkGrayColor];
-	
+
 	//Configure subviews
 	UIImageView * imageView = [[UIImageView alloc] initWithFrame:self.bounds];
 	imageView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
 	[self.contentView addsubView:imageView];
 	self.imageView = imageView;
-	
+
 	return self;
 }
 ```
@@ -449,7 +449,7 @@ static NSString * CellIdentifier = @"Cell";
 
 ```
 - (void)setPhotoModel:(FRPPhotoModel *)photoModel{
-	self.subscription = [[[RACObserver(photoModel, thumbnailData) 
+	self.subscription = [[[RACObserver(photoModel, thumbnailData)
 		filter:^ BOOL (id value){
 			return value != nil;
 		}] map:^id (id value){
@@ -463,11 +463,11 @@ static NSString * CellIdentifier = @"Cell";
 
 	1. 当它没有接受一个新的值时，我们想延迟处理。
 	2. 信号的订阅通常是冷信号，除非有人订阅他（信号），否则信号不会起作用。
-	
+
 `setKeyPath:onObject:`是`RACSignal`的一个方法：绑定最新的信号的值给对象的关键路径。在这里我们在一个级联的信号上调用了这个方法，让我们来仔细看看：
 
 ```
-[[RACObserver (photoModel, thumbnailData) 
+[[RACObserver (photoModel, thumbnailData)
 	filter:^BOOL (id value){
 		return value != nil;
 	}] map:^ id (id value){
@@ -477,4 +477,30 @@ static NSString * CellIdentifier = @"Cell";
 
 > 插入一个插图
 
-Page47--待续
+信号由`RACObserver`这个C的宏生成，这个宏简单地返回一个监控目标对象关键路径值变化的信号。在我们这个例子中，我们的目标对象是`photoModel`，关键路径为`thumbnailData`属性。我们过滤掉所有的nil值，然后对过滤后的值做映射：把NSData实例转为UIImage对象。
+
+注意，把NSData实例转化为UIImage的这个映射仅在小图上可以很好地运行，如果频繁地做这个映射或者作用到大图上会引起性能问题。理想的情况下，我们会缓存这些已经解压的图像以避免每一次都重复计算。这个技术不是本书所讨论的范畴，但我们将使用另一个通过ReactiveCocoa来实现的方法。
+
+thumbnailData属性根本不需要在这里设置，他可以在稍后的某个时间在应用的其他部分来完成设置，然后cell的图像就会像魔术一般更新。
+
+可以让我们稍微突破一下Model-View-Controller模式好吗？只是一点点的不守规矩。幸运的是，下一章我们将看到无处不在的MVC模式的困境，所以我们不必担心这一点点的突破，一点点的改进。
+
+上面提到的`setKeyPath:onObject:`方法中，一旦`onObject:`对象被释放，他的订阅也会被自动取消。我们的cell实例是被collectionView所复用的，因此在复用的时候，我们需要取消cell上各组件的订阅。我们可以通过重写`UICollectionViewCell`的下列方法达成：
+
+```
+- (void)perpareForReuse {
+	[super prepareForReuse];
+
+	[self.subscription dispose], self.subscription = nil;
+}
+
+```
+
+这个方法在Cell被复用之前调用。如果现在运行我的应用，我们可以看到下面的结果：
+
+> 插图
+
+太好了！我们可以通过滚动视图来证实我们手动处理订阅的有效性。
+
+
+
