請支持原創, 如需轉載, 請注明出處@TEASON
之前的文章里我有說要寫關于UITableView見解的兩篇, 算是展開討論吧, 這是第一篇, 第二篇下集鏈接在此.
說在前面:
最近有個MVVM模式非常火熱, 相信它的出現是為了模塊化iOS開發, 其實在我看來,它始終還是MVC模式, 只是一個變種罷了.MVVM的精髓在于數據動態綁定通常用RAC, 也就是ViewModel, 但問題是既然用了RAC和ViewModel，其實也是Model層的擴展。
與其專注于說明 MVVM 的來歷，不如讓我們看一個典型的 iOS 是如何構建的，并從那里了解MVVM： 我們看到的是一個典型的 MVC設置。Model呈現數據，View呈現用戶界面，而 View Controller調節它兩者之間的交互。 稍微考慮一下，雖然View 和 View Controller是技術上不同的組件，但它們幾乎總是手牽手在一起，成對的。你什么時候看到一個 View能夠與不同 View Controller配對？或者反過來？所以，為什么不正規化它們的連接呢？ 這更準確地描述了你可能已經編寫的 MVC代碼。但它并沒有做太多事情來解決iOS應用中日益增長的重量級視圖控制器。在典型的 MVC 應用里，許多邏輯被放在View Controller里。它們中的一些確實屬于View Controller，但更多的是所謂的“用于顯示的邏輯”，以 MVVM 屬術語來說——就是那些從Model轉換數據為 View可以呈現的東西的事情，例如將一個NSDate 轉換為一個格式化過的 NSString。 我們的圖解里缺少某些東西。某些使我們可以放置所有表示邏輯的東西。我們打算將其稱為“View Model”——它位于 View/Controller與 Model之間： 看起好多了！這個圖解準確地描述了什么是 MVVM：一個 MVC 的增強版，我們正式連接了視圖和控制器，并將表示邏輯從 Controller 移出放到一個新的對象里，即 View Model。MVVM 聽起來很復雜，但它本質上就是一個精心優化的 MVC架構，而 MVC你早已熟悉。
好了, 引言說完了, 這是一個鋪墊 . 如果你認為下圖右邊的方法全部放在ViewController里便于日后維護和擴展的話 . 你大可固執己見然后點擊瀏覽器右上角的"×" ...
當然, 關于瘦身ViewController有很多方面 . 然而今天我們講講從Controller中分離TableView的表示邏輯 . 為什么引言MVVM設計模式, 也是闡述這個主要思想是相通的 . 就是把"邏輯部分"盡量移到Model層, 你可以認為它是一個中間層 , 所謂"邏輯部分"可以是各種delegate,網絡請求,緩存,數據庫,coredata等等等等 , 而controller正是用來組織串聯他們 .使得整個程序走通 .
所以我把對TableView和CollectionView的布局進行了封裝，做了一個庫XTTable，可以看一下現在我是如何使用TableView或者CollectioView的。
正文
一行代碼完成注冊, 兩行代碼完成初始化配置
[MyCell xt_registerNibFromTable:self.table] ;
[self.table xt_setup] ;
self.table.delegate = self ;
self.table.dataSource = self ;
self.table.xt_Delegate = self ;
datasource and delegate
瘦身后的cellForRowAtIndexPath只需要兩行
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 僅僅兩行. 將model和cell的display綁定
MyCell *cell = [MyCell xt_fetchFromTable:tableView] ;
[cell xt_configure:self.list[indexPath.row] indexPath:indexPath] ;
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return [MyCell xt_cellHeightForModel:self.list[indexPath.row]] ;
}
Reloader
這里是上拉和下拉加載的處理，也只需要處理datasource
- (void)tableView:(UITableView *)table loadNew:(void (^)(void))endRefresh {
// do load new here ...
endRefresh() ; // 加載之后調用結束刷新callback
}
- (void)tableView:(UITableView *)table loadMore:(void (^)(void))endRefresh {
// do load more here ...
endRefresh() ; // 加載之后調用結束刷新callback
}
Cell config
得到datasource繪制Cell
- (void)xt_configure:(id)model indexPath:(NSIndexPath *)indexPath {
[super xt_configure:model indexPath:indexPath] ;
// 處理繪制
MyObj *myObj = (MyObj *)model;
_lbTitle.text = myObj.name;
_lbHeight.text = [NSString stringWithFormat:@"my Height is : %@", @(myObj.height)];
self.backgroundColor = indexPath.row % 2 ? [UIColor greenColor] : [UIColor brownColor];
}
+ (CGFloat)xt_cellHeightForModel:(id)model {
return ((MyObj *)model).height;
}
當然如果你想深入理解, 可以看源代碼, 我傳到了github, 點我下載 , 喜歡的話去那加個??, 對開源者是莫大的鼓勵 . 任何疑問或建議, 歡迎, 我會看你們的留言 .
介紹MVVM Lighter View Controllers Table View Programming Guide Cocoa Core Competencies: Controller Object
