MVVM框架思想

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;