1.MVVM是什么?

 M:模型
 V:視圖
 VM:視圖模型

Paste_Image.png

Paste_Image.png

簡單理解:mvc是一個cell面向一個model開發
mvvm是一個cell面向一個viewModel開發, viewModel里面又包含model
mvvm優點:抽取方法更加的詳細,業務邏輯劃分更加明確,讓控制器更加輕量級
缺點:不利于維護,可讀性不太好

2.MVVM框架的使用(以計算不等高cell為例)

上面的分析知道,計算cell高度要在網絡請求里面進行

2.1自定義一個topView模型

定義成員屬性接收服務器返回(要展示到view上)的數據

2.2自定義一個viewModel模型

先定義一個topView的模型屬性,來保存模型數據
再定義一些屬性,來保存計算出來的數據(比如:cell的高度和frame)

2.3數據請求成功,先把我們需要的字典數組轉成模型數組

2.4再把模型數組轉換成 視圖模型 數組,并保存起來(定義一個數組成員變量)

   // 模型轉視圖模型
    for (XMGThemeItem *item in themes) {
        XMGThemeViewModel *vm = [[XMGThemeViewModel alloc] init];
        // 計算cell子控件frame和cellH
        vm.item = item;
        [self.themeViewModels addObject:vm];

注意:給視圖模型賦值的時候(vm.item = item;),會觸發視圖模型成員屬性item的set方法
我們就是在item的set方法里面計算cell的frame和高度的,
也就是說,模型全部轉為視圖模型之后,cell的frame和高度已經全部確定了
只需要在視圖模型定義成員屬性保存frame和高度,用的這時候直接取就可以了

3.怎么展示數據?

3.1在自定義cell里面定義 一個視圖模型來接收數據

3.2在cellForRow方法里面給cell的視圖模型賦值(通過從數組中取出對應的視圖模型)

       cell.vm = _themeViewModels[indexPath.row];

3.3在給cell的視圖模型賦值的時候,會觸發vm的set方法,會調用vm的set方法

      在set方法里面給topView的模型賦值,并取出cell的frame和高度
  - (void)setVm:(XMGThemeViewModel *)vm
{
_vm = vm;
// topView:傳遞模型
_topView.item = vm.item;
// 設置topViewFrame
_topView.frame = vm.topViewFrame;
}

3.4怎么給模型賦值(也就是展示數據)

      在setVm方法里面會觸發模型的set方法_topView.item = vm.item;
      也就是說,這句代碼,就把視圖模型保存的服務器數據,傳遞給topView中定義的模型屬性

3.5在topView的item的set方法里面,我們完成給cell的子控件賦值的過程

  - (void)setItem:(XMGThemeItem *)item
{
_item = item;

[_iconView sd_setImageWithURL:[NSURL URLWithString:item.profile_image]];
_nameView.text = item.name;
_timeView.text = item.create_time;
_textView.text = item.text;
}

topView的這些子控件通過從xib連線獲得

3.6在哪里給cell的高度賦值?

      在heightForRow方法里面
  - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;