在objccn.io中看到一篇文章,构建更轻量的View Controllers,在此自己实践一下加深理解。
*项目,learn--tableview,类前缀为LT,开始我们的实验。
首先需要在StoryBoard中拖拽一个UITableView,在头文件中申明tableView变量并建立连接:
新建ArrayDataSource类,作为TableView的DataSource。目的是将DataSource从原本的ViewController中分离出来:
// // ArrayDataSource.h // objc.io example project (issue #1) // #import <Foundation/Foundation.h> typedef void (^TableViewCellConfigureBlock)(id cell, id item); @interface ArrayDataSource : NSObject <UITableViewDataSource> - (id)initWithItems:(NSArray *)anItems cellIdentifier:(NSString *)aCellIdentifier configureCellBlock:(TableViewCellConfigureBlock)aConfigureCellBlock; - (id)itemAtIndexPath:(NSIndexPath *)indexPath; @end
// // ArrayDataSource.h // objc.io example project (issue #1) // #import "ArrayDataSource.h" @interface ArrayDataSource () @property (nonatomic, strong) NSArray *items; @property (nonatomic, copy) NSString *cellIdentifier; @property (nonatomic, copy) TableViewCellConfigureBlock configureCellBlock; @end @implementation ArrayDataSource - (id)init { return nil; } - (id)initWithItems:(NSArray *)anItems cellIdentifier:(NSString *)aCellIdentifier configureCellBlock:(TableViewCellConfigureBlock)aConfigureCellBlock { self = [super init]; if (self) { self.items = anItems; self.cellIdentifier = aCellIdentifier; self.configureCellBlock = [aConfigureCellBlock copy]; } return self; } - (id)itemAtIndexPath:(NSIndexPath *)indexPath { return self.items[(NSUInteger) indexPath.row]; } #pragma mark UITableViewDataSource - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return self.items.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:self.cellIdentifier forIndexPath:indexPath]; id item = [self itemAtIndexPath:indexPath]; self.configureCellBlock(cell, item); return cell; } @end
可以看得出来,这个DataSource的管理类接受三个变量进行初始化,分别是:
1.anItems,存储表格数据的对象,是一个NSArray,里面存储封装好的对象,我们并不知道它是什么类型的,所以在使用的时候用id取出其中的元素。
2.cellIdentifier,单元格的标示符,用来指定TableView使用的单元格,是单元格的唯一标识,在创建和设计Cell的时候可以指定。
3.configureCellBlock,一个用来设置每个单元格的block,因为具体的item格式我们并不知道,所以我们也就不知道该如何初始化一个cell里面的数据,需要用block进行设置,因为这个block的目的是为了将item的数据应用到cell上,所以block接受两个参数,cell和item。
接下来在添加一个LTMyCell类,作为自定义的单元格类。在xib中添加两个label用来显示数据:
将xib中的两个label与.h头文件建立连接,连接后的头文件如下:
+ (UINib *)nib; @property (weak, nonatomic) IBOutlet UILabel *photoTitleLabel; @property (weak, nonatomic) IBOutlet UILabel *photoDateLabel;
修改.m文件,实现相关方法如下:
+ (UINib *)nib { return [UINib nibWithNibName:@"PhotoCell" bundle:nil]; } - (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated { [super setHighlighted:highlighted animated:animated]; if (highlighted) { self.photoTitleLabel.shadowColor = [UIColor darkGrayColor]; self.photoTitleLabel.shadowOffset = CGSizeMake(3, 3); } else { self.photoTitleLabel.shadowColor = nil; } }
接着,新建LTPhoto的封装类,我们需要把用来展示的数据进行分装:
// // LTPhoto.h // learn-tableview // // Created by why on 8/11/14. // Copyright (c) 2014 why. All rights reserved. // #import <Foundation/Foundation.h> @interface LTPhoto : NSObject <NSCoding> @property (nonatomic, copy) NSString* name; @property (nonatomic, strong) NSDate* creationDate; @end // // LTPhoto.m // learn-tableview // // Created by why on 8/11/14. // Copyright (c) 2014 why. All rights reserved. // #import "LTPhoto.h" static NSString * const IdentifierKey = @"identifier"; static NSString * const NameKey = @"name"; static NSString * const CreationDateKey = @"creationDate"; static NSString * const RatingKey = @"rating"; @implementation LTPhoto - (void)encodeWithCoder:(NSCoder*)coder { [coder encodeObject:self.name forKey:NameKey]; [coder encodeObject:self.creationDate forKey:CreationDateKey]; } - (BOOL)requiresSecureCoding { return YES; } - (id)initWithCoder:(NSCoder*)coder { self = [super init]; if (self) { self.name = [coder decodeObjectOfClass:[NSString class] forKey:NameKey]; self.creationDate = [coder decodeObjectOfClass:[NSDate class] forKey:CreationDateKey]; } return self; } @end
在写完了LTPhoto这个封装对象之后,我们可以对原来的MyCell进行Category扩展。新建一个Category:
具体代码如下:
#import "LTMyCell.h" @class LTPhoto; @interface LTMyCell (ConfigureForPhoto) - (void)configureForPhoto:(LTPhoto *)photo; @end // // LTMyCell+ConfigureForPhoto.m // learn-tableview // // Created by why on 8/11/14. // Copyright (c) 2014 why. All rights reserved. // #import "LTMyCell+ConfigureForPhoto.h" #import "LTPhoto.h" @implementation LTMyCell (ConfigureForPhoto) - (void)configureForPhoto:(LTPhoto *)photo { self.photoTitleLabel.text = photo.name; self.photoDateLabel.text = [self.dateFormatter stringFromDate:photo.creationDate]; } - (NSDateFormatter *)dateFormatter { static NSDateFormatter *dateFormatter; if (!dateFormatter) { dateFormatter = [[NSDateFormatter alloc] init]; dateFormatter.timeStyle = NSDateFormatterMediumStyle; dateFormatter.dateStyle = NSDateFormatterMediumStyle; } return dateFormatter; } @end
接下来就是在ViewController中指定TableView的DataSource。修改m文件代码如下:
// // LTViewController.m // learn-tableview // // Created by why on 8/11/14. // Copyright (c) 2014 why. All rights reserved. // #import "LTViewController.h" #import "ArrayDataSource.h" #import "LTMyCell.h" #import "LTMyCell+ConfigureForPhoto.h" #import "LTPhoto.h" static NSString * const PhotoCellIdentifier = @"LTMyCell"; @interface LTViewController ()<UITableViewDelegate> @property (nonatomic, strong) ArrayDataSource *photosArrayDataSource; @end @implementation LTViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. [self setupTableView]; } - (void)setupTableView { TableViewCellConfigureBlock configureCell = ^(LTMyCell *cell, LTPhoto *photo) { [cell configureForPhoto:photo]; }; NSMutableArray *photos = [[NSMutableArray alloc] init]; for (int i = 0; i < 10; i++) { LTPhoto *photo = [[LTPhoto alloc] init]; photo.name = @"Hello"; photo.creationDate = [NSDate date]; [photos addObject:photo]; } self.photosArrayDataSource = [[ArrayDataSource alloc] initWithItems:photos cellIdentifier:PhotoCellIdentifier configureCellBlock:configureCell]; _tableVIew.dataSource = self.photosArrayDataSource; [_tableVIew registerNib:[LTMyCell nib] forCellReuseIdentifier:PhotoCellIdentifier]; } #pragma mark UITableViewDelegate - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { NSLog(@"Click!"); } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. } @end
这样就实现了基本的DataSource分离。
项目源码地址:learn-tableview