控制器瘦身之UITableView抽取<一>

说抽取之前,我们还是先来看一段我们写烂了的代码:

抽取前前篇一律的代码
//
//  ViewController.m
//  TableViewTest
//
//  Created by 遇见远洋 on 16/10/18.
//  Copyright © 2016年 遇见远洋. All rights reserved.
//

#import "ViewController.h"
#import "YJYYCustomCell.h"

#define SCREENWIDTH [UIScreen mainScreen].bounds.size.width
#define SCREENHEIGHT [UIScreen mainScreen].bounds.size.height
#define RamdonColor [UIColor colorWithRed:arc4random()% 255/256.0 green:arc4random()% 255/256.0 blue:arc4random()% 255/256.0 alpha:1.0]

static NSString * const cellId = @"cellReuseIdentifier";

@interface ViewController ()<UITableViewDataSource,UITableViewDelegate>
@property (strong,nonatomic)UITableView *tableView;/**<tableView视图*/
@property (strong,nonatomic)NSArray *dataArray;/**<数据源*/

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    [self.view addSubview:self.tableView];
}

#pragma mark - ******TableView相关的代理/数据源方法******
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    
//    return self.dataArray.count;
    return 10;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    YJYYCustomCell *cell = [tableView dequeueReusableCellWithIdentifier:cellId];
    
    cell.backgroundColor = RamdonColor;
    return cell;
}

//tableView选中某一行
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    
}

//返回cell高度代理方法
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return 80;
}

- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{
    return YES;
}

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{
    [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}

#pragma mark- XXXXXXXXXXXXXXX懒加载XXXXXXXXXXXXXXXXXXXX
/**
 *  tableView懒加载
 *
 *  @return tableView懒加载
 */
- (UITableView *)tableView {
    if (!_tableView) {
        _tableView =
        [[UITableView alloc] initWithFrame:CGRectMake(0, 64, SCREENWIDTH, SCREENHEIGHT) style:UITableViewStylePlain];
        _tableView.backgroundColor = [UIColor cyanColor];
        _tableView.delegate = self;
        _tableView.dataSource = self;
        _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
        [_tableView registerClass:[YJYYCustomCell class] forCellReuseIdentifier:cellId];
    }
    return _tableView;
}

/**
 *  数据源懒加载
 *
 *  @return 数据源
 */
- (NSArray *)dataArray {
    if (!_dataArray) {
        _dataArray = [NSMutableArray array];
    }
    return _dataArray;
}

@end

看完这一段代码,我是比较忧伤的,因为很早以前,我也是这么写的,而且这样的代码写了不知道多少次了,那么你是否有考虑过重复写这样的代码非常的没有意义呢?至少在我看来是没有意义的,还是回到咱们的主题,讲抽取之前,我觉得咱么先搞清楚上面这段代码纯在什么问题:

抽取前代码存在的问题:
  1. 如果一个项目中有多个TableView,重复写这样的代码很烦人,而且复用性很低
  2. 数据源方法和代理方法都写在控制器中,如果一个控制器存在多个tableVIew不好管理,且容易造成控制器中代码很臃肿
如何抽取

那么,看完了存在的问题,接下来就可以聊我们比较关注的东西了,那就是如何去抽取呢?
我们都知道,写一个TableView最重要的东西那就是数据源和代理,也许你会很熟悉下面这两句代码:

self.tableView.delegate = self; 
self.tableView.dataSource = self;

聪明的你,肯定也能够想到我想要说什么了吧,没错,就是从数据源和代理入手,既然你每次都要实现数据源和代理的方法,那么我就将它抽出去,今天,我们主要讲的是抽取DataSource,代理的抽取比较麻烦今天暂时先不提及太多,有兴趣可以继续关注我的文章,以后有时间我再单独抽时间来写代理的抽取。

下面我们开始:

  1. 首先了解这句代码的意思
self.tableView.dataSource = self

它的意思是 设置tableView的数据源为self,这个self就是必须要实现两个数据源方法的对象,没抽取之前我们一般都是指的控制器,既然知道了这一点,那么抽取的重点就是,新建一个类 来 替换控制器成为数据源就可以了,当然既然要充当数据源的角色,那么就必须实现数据源协议,实现那两个方法了,下面就看代码吧:

//
//  YJYYDataSource.h
//  TableViewTest
//
//  Created by 遇见远洋 on 16/10/18.
//  Copyright © 2016年 遇见远洋. All rights reserved.
//

#import <UIKit/UIKit.h>
typedef void (^ConfigCellBlock)(id cell, id model);

@interface YJYYDataSource : NSObject<UITableViewDataSource>

/**
 *  根据外界传入的数据以及标识返回一个数据源
 *
 *  @param dataArray  外界传入的数据
 *  @param identifier 标识符
 *  @param block      回调block用于配置cell数据
 *
 *  @return 数据源对象
 */
+ (instancetype)dataSourceWith:(NSArray *)dataArray identifier:(NSString *)identifier dataConfigBlock:(ConfigCellBlock)block;

@end
//
//  YJYYDataSource.m
//  TableViewTest
//
//  Created by 遇见远洋 on 16/10/18.
//  Copyright © 2016年 遇见远洋. All rights reserved.
//

#import "YJYYDataSource.h"
#import "YJYYCustomCell.h"

#define RamdonColor [UIColor colorWithRed:arc4random()% 255/256.0 green:arc4random()% 255/256.0 blue:arc4random()% 255/256.0 alpha:1.0]

@interface YJYYDataSource ()
@property (strong,nonatomic)NSArray *dataArray;/**<数据入口*/

@property (nonatomic,copy) NSString * identifier/**<标识符*/;

@property (nonatomic,copy) ConfigCellBlock configBlock/**<回调block*/;
@end

@implementation YJYYDataSource

+ (instancetype)dataSourceWith:(NSArray *)dataArray identifier:(NSString *)identifier dataConfigBlock:(ConfigCellBlock)block {
    YJYYDataSource * dataSource= [[YJYYDataSource alloc]init];
    dataSource.identifier = identifier;
    dataSource.dataArray = dataArray;
    dataSource.configBlock = block;
    return dataSource;
}

#pragma mark- XXXXXXXXXXXXXXX数据源方法XXXXXXXXXXXXXXXXXXXX
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.dataArray.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    YJYYCustomCell * cell = [tableView dequeueReusableCellWithIdentifier:self.identifier forIndexPath:indexPath];
    cell.backgroundColor = RamdonColor;
    id item = [self.dataArray objectAtIndex:indexPath.row];
    self.configBlock(cell,item);
    return cell;
}

@end

最后在控制器中这么写:

//
//  ViewController.m
//  TableViewTest
//
//  Created by 遇见远洋 on 16/10/18.
//  Copyright © 2016年 遇见远洋. All rights reserved.
//

#import "ViewController.h"
#import "YJYYCustomCell.h"
#import "YJYYDataSource.h"

#define SCREENWIDTH [UIScreen mainScreen].bounds.size.width
#define SCREENHEIGHT [UIScreen mainScreen].bounds.size.height

static NSString * const cellId = @"cellReuseIdentifier";

@interface ViewController ()<UITableViewDelegate>
@property (strong,nonatomic)UITableView *tableView;/**<tableView视图*/
@property (strong,nonatomic)NSMutableArray *dataArray;/**<数据源*/
@property (nonatomic,strong) YJYYDataSource * dataSouce;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    [self.view addSubview:self.tableView];
}

#pragma mark- XXXXXXXXXXXXXXX懒加载XXXXXXXXXXXXXXXXXXXX
/**
 *  tableView懒加载
 *
 *  @return tableView懒加载
 */
- (UITableView *)tableView {
    if (!_tableView) {
        _tableView =
        [[UITableView alloc] initWithFrame:CGRectMake(0, 64, SCREENWIDTH, SCREENHEIGHT) style:UITableViewStylePlain];
        self.dataSouce = [YJYYDataSource dataSourceWith:self.dataArray identifier:cellId dataConfigBlock:^(id cell, id model) {
            [cell configCellWithModel:model];
        }];
        _tableView.delegate = self;
        _tableView.dataSource = self.dataSouce;
        _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
        [_tableView registerClass:[YJYYCustomCell class] forCellReuseIdentifier:cellId];
    }
    return _tableView;
}

/**
 *  数据源懒加载
 *
 *  @return 数据源
 */
- (NSMutableArray *)dataArray {
    if (!_dataArray) {
        _dataArray = [NSMutableArray array];
        for (int i = 0 ; i<10; i++) {
            [_dataArray addObject:@(i)];
        }
    }
    return _dataArray;
}

@end

其实,说了那么多你只要记住一个思路就可以了:

将控制器承担的数据源方法 转移到别的类中

搞定,该收工了,不过我相信肯定会有很多小伙伴并没有看懂,额,其实代码来说并不难,如果看不懂的话,好好理解一下我上面的文字介绍吧,不理解的话可以留言也行 ,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,718评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,683评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,207评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,755评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,862评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,050评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,136评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,882评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,330评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,651评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,789评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,477评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,135评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,864评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,099评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,598评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,697评论 2 351

推荐阅读更多精彩内容