iOS 從UITableViewController中分離資料來源

標籤：style   blog   http   color   使用   os   

之前看objc.io #1 Light View Controllers看到一個很不錯的技巧：從UITableViewController中分離資料來源，這樣可以減小UITableViewController的規模，同時也能讓程式有一個比較好的架構。

由於UITableViewController是iOS中使用得最頻繁的一個視圖控制器，所以這裡做下筆記，記錄下這個技巧。

首先是故事板（當然也可以用代碼 + XIB的組合）：

建立一個Cell類，串連故事板中的Outlets，代碼如下：

#import <UIKit/UIKit.h>@interface Cell : UITableViewCell- (void)configureForData:(NSString *)data;@end

#import "Cell.h"@interface Cell ()@property (weak, nonatomic) IBOutlet UILabel *dataTitleLabel;@property (weak, nonatomic) IBOutlet UIButton *dataDetailLabel;@end@implementation Cell- (void)configureForData:(NSString *)data {    self.dataTitleLabel.text = data;    [self.dataDetailLabel setTitle:@"1" forState:UIControlStateNormal];}- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];    if (self) {        // Initialization code    }    return self;}- (void)awakeFromNib{    // Initialization code}- (void)setSelected:(BOOL)selected animated:(BOOL)animated{    [super setSelected:selected animated:animated];    // Configure the view for the selected state}@end

Cell類中的configureForData方法用於配置Cell中UI的內容。

回到TableViewController類，代碼如下：

#import "TableViewController.h"#import "DataSource.h"#import "Cell.h"@interface TableViewController ()@property (strong, nonatomic) NSArray *array;@property (strong, nonatomic) DataSource *dataSource;@end@implementation TableViewController- (void)viewDidLoad {    [super viewDidLoad];        self.array = @[@"1", @"2", @"3", @"1", @"2", @"3", @"1", @"2", @"3"];        [self setupTableView];}- (void)didReceiveMemoryWarning{    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}/* 設定表格的資料來源，並registerNib */- (void)setupTableView {        TableViewCellConfigureBlock configureCell = ^(Cell *cell, NSString *str) {        [cell configureForData:str];    };    self.dataSource = [[DataSource alloc] initWithItems:_array                                                         cellIdentifier:@"Cell"                                                     configureCellBlock:configureCell];    self.tableView.dataSource = self.dataSource;}#pragma mark - UITableViewDelegate- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {    return 100.0;}- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {    NSLog(@"%@", self.array[indexPath.row]);}@end

其中setupTableView方法將表格的UITableViewDataSource “外包”給TableDataSource類實現。

本類實現UITableViewDelegate，包括點擊表格中的某一行的行為，cell的高度等。

最後看看承擔表格資料來源責任的TableViewDataSource類：

#import <Foundation/Foundation.h>typedef void (^TableViewCellConfigureBlock)(id cell, id item);@interface DataSource : NSObject <UITableViewDataSource>- (id)initWithItems:(NSArray *)anItems     cellIdentifier:(NSString *)aCellIdentifier configureCellBlock:(TableViewCellConfigureBlock)aConfigureCellBlock;- (id)itemAtIndexPath:(NSIndexPath *)indexPath;@end

首先該類必須遵守UITableViewDataSource委託，然後定義一個配置Cell的Block類型。

該類的實現代碼如下：

#import "DataSource.h"@interface DataSource ()@property (nonatomic, strong) NSArray  *items;@property (nonatomic, copy)   NSString *cellIdentifier;@property (nonatomic, copy)   TableViewCellConfigureBlock configureCellBlock;@end@implementation DataSource#pragma mark - Initialization- (id)init {    // 只能通過initWithItems:cellIdentifier:configureCellBlock:方法初始化    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/* Required methods */- (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];        /**     之所以把configureCellBlock作為一個屬性，是為了該類可以被複用     只要TableViewController定製了對應的代碼塊並作為參數傳入就可以了          複用的關鍵：不要被具體的實現代碼入侵，只需要調用介面和給出介面就可以了     */    self.configureCellBlock(cell, item);    return cell;}@end

說下cellForRowAtIndexPath方法中的self.configureCellBlock(cell, item);

這句代碼的作用無疑是配置Cell中的內容，一般由使用者自訂的Cell類自行實現，這裡沒有牽涉任何實現細節，從而保證TableViewDataSource類可以很好地被複用。

運行結果：

順便傳了個Demo上來，有興趣的可以下載看看。

參考資料：Lighter View Controllers