玩轉iOS開發：打造一個低耦合可複用的《TableViewController》

時間  2019-11-17
標籤 ios 開發 打造 一個 耦合 用的 tableviewcontroller 欄目 iOS 简体版
原文   原文鏈接

文章分享至個人我的技術博客: https://cainluo.github.io/15009611814095.htmlhtml

最近有些變懶了, 學習的步伐放慢了不少, 估計玩懶了身子, 連博客都少寫了咯.git

以前有個老鐵問我, 怎麼去封裝一個低耦合可服用的TableViewController, 那時候沒多說啥, 直接把我封裝的框架丟給他了, 但他仍是有不少亂七八糟的問題問我, 乾脆直接寫一篇博文當成教程好了.github

轉載聲明:如須要轉載該文章, 請聯繫做者, 而且註明出處, 以及不能擅自修改本文.數組

MVVM模式

因爲這裏我是用MVVM模式來封裝的, 這裏我就簡單點, 通俗點, 易懂點的說說MVVM吧.微信

不少老鐵都習慣於用MVC, 雖然有聽過MVVM, 但也沒去咋瞭解, 其實MVVM沒有那麼複雜, 傳統的MVC是有Model, Views, Controller, 而MVVM只是在這個得基礎上加了一個ViewModel, 而且弱化了Controller的職能.框架

MVC: Model, Views, Controller MVVM: Model, Views, ViewModel學習

那麼弱化了的Controller就負責做爲一個粘合劑, 像樂高積木同樣, 把Model, Views, ViewModel組裝在一塊兒, 成爲一個模塊, 而Model, Views, ViewModel分別又是獨立的個體, 誰都不會離不開誰.優化

大概就醬紫吧, 若是有更好的說法, 歡迎各位老鐵補充補充哈~~ui

動工前的思考

這裏說一下, CLTableViewController是我本身封裝的TableViewController, 因爲我比較懶, 因此裏面直接集成了MJRefresh, 各位老鐵隨意噴哈.atom

這裏說一下思路, 因爲TableView還有TableViewDataSource, TableViewDelegate, 因此這裏咱們須要把兩個模塊分開, 這樣子就不會形成代碼臃腫的狀況啦.

注意: 這裏不包括各位的業務邏輯哈

封裝TableViewDataSource

剛剛其實還說漏了一個, 除去TableViewDataSource, TableViewDelegate, 期是還有一個ViewModel層, 這個是用來請求數據的.

如今咱們先來看TableViewDataSource:

#import <Foundation/Foundation.h>
#import "CLTableViewBaseModel.h"

@interface CLTableViewDataSource : NSObject <UITableViewDataSource>

@property (nonatomic, strong, readonly) CLTableViewBaseModel *cl_viewModel;

- (instancetype)initTableViewDataSourceWithViewModel:(CLTableViewBaseModel *)viewModel;

@end
複製代碼
#import "CLTableViewDataSource.h"

@interface CLTableViewDataSource ()

@property (nonatomic, strong, readwrite) CLTableViewBaseModel *cl_viewModel;

@end

@implementation CLTableViewDataSource

- (instancetype)initTableViewDataSourceWithViewModel:(CLTableViewBaseModel *)viewModel {
    
    self = [super init];
    
    if (self) {
        
        self.cl_viewModel = viewModel;
    }
    
    return self;
}

- (NSInteger)tableView:(UITableView *)tableView
 numberOfRowsInSection:(NSInteger)section {
    
    return self.cl_viewModel.cl_dataSource.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView
         cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"UITableViewCell"];
    
    if (!cell) {
        
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
                                      reuseIdentifier:@"UITableViewCell"];
    }
    
    return cell;
}

@end
複製代碼

在.h文件裏, 只提供了一個供給指定ViewModel的初始化方法, 內部的實現, 所返回的數據源數量也是指定ViewModel的數組個數, 默認返回一個系統的UITableViewCell, 這樣子就行了.

封裝TableViewDelegate

關於TableViewDelegate更可能是採用系統的特性, 這裏就沒寫什麼內部實現了:

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
#import "CLTableViewBaseModel.h"

@interface CLTableViewDelegate : NSObject <UITableViewDelegate>

@property (nonatomic, strong, readonly) CLTableViewBaseModel *cl_viewModel;

- (instancetype)initTableViewDelegateWithViewModel:(CLTableViewBaseModel *)viewModel;

@end
複製代碼
#import "CLTableViewDelegate.h"

@interface CLTableViewDelegate ()

@property (nonatomic, strong, readwrite) CLTableViewBaseModel *cl_viewModel;

@end

@implementation CLTableViewDelegate

- (instancetype)initTableViewDelegateWithViewModel:(CLTableViewBaseModel *)viewModel {
    
    self = [super init];
    
    if (self) {
        
        self.cl_viewModel = viewModel;
    }
    
    return self;
}

@end
複製代碼

只定義了一個指定ViewModel的初始化方法.

封裝CLTableViewBaseModel

關於ViewModel層, 這裏我提供了三個方法, 兩個屬性:

#import <Foundation/Foundation.h>
#import "CLTableViewController.h"

@interface CLTableViewBaseModel : NSObject

@property (nonatomic, strong) NSMutableArray *cl_dataSource;
@property (nonatomic, weak, readonly) CLTableViewController *cl_tableViewController;

- (instancetype)initTableViewBaseModelWithController:(CLTableViewController *)viewController;

/** 經過HTTP請求數據 */
- (void)cl_tableViewHTTPRequest;

/** 配置TableView每一條Cell所顯示的分割線 */
- (void)cl_configTableViewWithDataSource;

@end
複製代碼
#import "CLTableViewBaseModel.h"

@interface CLTableViewBaseModel()

@property (nonatomic, weak, readwrite) CLTableViewController *cl_tableViewController;

@end

@implementation CLTableViewBaseModel

- (instancetype)initTableViewBaseModelWithController:(CLTableViewController *)viewController {
    
    self = [super init];
    
    if (self) {
        self.cl_tableViewController = viewController;
    }
    
    return self;
}

- (NSMutableArray *)cl_dataSource {
    
    if (!_cl_dataSource) {
        
        _cl_dataSource = [NSMutableArray array];
    }
    
    return _cl_dataSource;
}

- (void)cl_tableViewHTTPRequest {
    
}

- (void)cl_configTableViewWithDataSource {
    
    if (self.cl_dataSource.count > 0) {
        
        self.cl_tableViewController.cl_tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
    }
}

@end
複製代碼

這樣子就大功告成了, 接下來就是組裝起它們就能夠了.

組裝成CLTableViewController

剛剛咱們已經把三個模塊寫好了, 如今就開始組裝:

#import "CLViewController.h"

NS_ASSUME_NONNULL_BEGIN
@interface CLTableViewController : CLViewController

@property (nonatomic, strong, readonly) UITableView *cl_tableView;

/** 初始化CLTableViewController @param style UITableViewStyle, 默認是UITableViewStylePlain @return CLTableViewController */
- (instancetype)initTableViewControllerWithStyle:(UITableViewStyle)style;

- (void)cl_removeRefresh;
- (void)cl_removeHeaderRefresh;
- (void)cl_removeFooterRefresh;

/** 下拉刷新方法/上拉加載方法 */
- (void)cl_dropDownRefresh;
- (void)cl_pullUpRefresh;

/** 開始執行下拉操做/結束下拉操做 */
- (void)cl_dropDownBeginRefresh;
- (void)cl_dropDownEndRefresh;

/** 開始執行上拉操做/結束上拉操做 */
- (void)cl_pullUpBeginRefresh;
- (void)cl_pullUpEndRefresh;

- (void)cl_setTableViewDelegate:(_Nullable id <UITableViewDelegate>)delegate
                     dataSource:(_Nullable id <UITableViewDataSource>)dataSource;
@end
NS_ASSUME_NONNULL_END
複製代碼
#import "CLTableViewController.h"
#import "MJRefresh.h"
#import "CLTableViewDelegate.h"
#import "CLTableViewBaseModel.h"

@interface CLTableViewController ()

@property (nonatomic, assign) UITableViewStyle tableViewStyle;

@property (nonatomic, strong, readwrite) UITableView *cl_tableView;

@property (nonatomic, strong) CLTableViewDelegate *cl_tableViewDelegate;
@property (nonatomic, strong) CLTableViewBaseModel *cl_ableViewBaseModel;

@end

@implementation CLTableViewController

- (instancetype)initTableViewControllerWithStyle:(UITableViewStyle)style {
    
    self = [super init];
    
    if (self) {
        
        [self setTableViewStyle:style];
    }
    
    return self;
}

#pragma mark - View Did Load
- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.opaque = YES;
    self.automaticallyAdjustsScrollViewInsets = NO;

    self.view.backgroundColor = [UIColor whiteColor];
    
    [self cl_addRefresh];
}

- (UITableView *)cl_tableView {
    
    if (!_cl_tableView) {
        
        _cl_tableView = [[UITableView alloc] initWithFrame:self.view.frame
                                                     style:self.tableViewStyle];
        
        if (self.tableViewStyle == UITableViewStylePlain) {
            
            _cl_tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
        }
        
        _cl_tableView.opaque = YES;
    }
    
    return _cl_tableView;
}

- (void)cl_setTableViewDelegate:(id<UITableViewDelegate>)delegate
                     dataSource:(id<UITableViewDataSource>)dataSource {
    
    self.cl_tableView.delegate   = delegate;
    self.cl_tableView.dataSource = dataSource;
}

#pragma mark - Table View Delegate
- (CLTableViewDelegate *)cl_tableViewDelegate {
    
    if (!_cl_tableViewDelegate) {
        
        _cl_tableViewDelegate = [[CLTableViewDelegate alloc] initTableViewDelegateWithViewModel:self.cl_ableViewBaseModel];
    }
    
    return _cl_tableViewDelegate;
}

#pragma mark - Table View Base Model
- (CLTableViewBaseModel *)cl_ableViewBaseModel {
    
    if (!_cl_ableViewBaseModel) {
        _cl_ableViewBaseModel = [[CLTableViewBaseModel alloc] initTableViewBaseModelWithController:self];
    }
    
    return _cl_ableViewBaseModel;
}

#pragma mark - Refresh
- (void)cl_addRefresh {
    
    MJRefreshNormalHeader *header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
        [self cl_dropDownRefresh];
    }];
    
    self.cl_tableView.mj_header = header;
    
    MJRefreshBackNormalFooter *refreshFooter = [MJRefreshBackNormalFooter footerWithRefreshingBlock:^{
        [self cl_pullUpEndRefresh];
    }];
    
    self.cl_tableView.mj_footer = refreshFooter;
    
    [self.view addSubview:self.cl_tableView];
}

- (void)cl_dropDownRefresh {}

- (void)cl_pullUpRefresh {}

- (void)cl_dropDownBeginRefresh {
    [self.cl_tableView.mj_header beginRefreshing];
}

- (void)cl_dropDownEndRefresh {
    [self.cl_tableView.mj_header endRefreshing];
}

- (void)cl_pullUpBeginRefresh {
    [self.cl_tableView.mj_footer beginRefreshing];
}

- (void)cl_pullUpEndRefresh {
    [self.cl_tableView.mj_footer endRefreshing];
}

- (void)cl_removeRefresh {
    
    self.cl_tableView.mj_header = nil;
    self.cl_tableView.mj_footer = nil;
}

- (void)cl_removeHeaderRefresh {
    self.cl_tableView.mj_header = nil;
}

- (void)cl_removeFooterRefresh {
    self.cl_tableView.mj_footer = nil;
}

@end
複製代碼

完成了!!! 如今封裝好了一個屬於咱們本身的TableViewController啦.

總結

因爲這裏封裝的比較簡單, 若是有更好建議的老鐵能夠私下留言一下, 我也會跟進優化, 方便你們, 固然我本身封裝的框架還有其餘, 可是太多了很差一一寫出來, 喜歡的話, 能夠Star一下個人CLFramework, 若是有老鐵想一塊兒維護一下這個開源庫的話, 也能夠和我說說.

關於詳細的用法, 你們能夠在裏面找到SimpleProject工程, 裏面有個人詳細用法.

最後

碼字很費腦, 看官賞點飯錢可好

微信

支付寶
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程