[iOS]将DataSource分离并构建更轻量的UIViewController

现在的位置: 首页 > 综合 > 正文

[iOS]将DataSource分离并构建更轻量的UIViewController

2017年02月16日 ⁄ 综合 ⁄ 共 5975字 ⁄ 字号小中大 ⁄ 评论关闭

在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

【上篇】[PHP]CodeIgniter数据库报错以及mysql_connect(): No such file or directory报错
【下篇】[Hexo]通过别名快速执行Hexo的命令

作者: danfoss

该日志由 danfoss 于7年前发表在综合分类下，最后更新于 2017年02月16日.
转载请注明: [iOS]将DataSource分离并构建更轻量的UIViewController | 学步园 +复制链接

抱歉!评论已关闭.

学步园

[iOS]将DataSource分离并构建更轻量的UIViewController

作者: danfoss

书签

最新文章New

本站推荐

返回首页