SwiftUI学习-1 MVVM的理解

MVVM

原本一直在用Objective-C开发,应用本身是基于MVC来构建代码结构的,最近了解到SwiftUI必须遵守MVVM才能工作,所以开始深入了解这个概念。主要是通过斯坦福大学这个公开课学习,总结一下重要的知识点。链接:

https://www.bilibili.com/video/BV14z4y1d7b4?spm_id_from=333.999.0.0

MVC


MVC是Model-View-Controller结构,在传统UIKit框架中使用。并不是说UIKit一定要用MVC,而是和MVC的匹配度较高。

  • MVC的Model一般相对简单,只是创建一个数据对象格式。而数据的封装、操作和管理,一般都是放在Controller中执行。
  • MVC的View进行视图的构建、渲染和事件响应处理,以及提供一些刷新方法供Controller使用。
  • Controller则承担数据、逻辑和视图更新操作,与View和Model的关系是单向通信的,而Controller向View进行命令式(imperative)的指令操作。

举例:
帝国中的皇帝发出各种命令指挥别人做事情,一个国家就是这么运转起来的。但是缺点很明显,由于命令是一个个下发的,这其中非常不利的一个原因就是时间。
在UI开发中,这种命令式执行,函数随着时间推移进行调用:这个Button放这里,那个Label放那里,过一会做这个,再一会执行那个,又可能其他人随时可以调用函数来更改UI,就要时刻保持警惕。
这时,我们就需要一个时间线去理解调用函数的顺序,并且我们无法证明界面在任意顺序调用任意函数情况下,界面能够真实有效的工作。因为在命令式操作下,无法同时执行所有指令。

MVVM


MVVM是Model-View-ViewModel结构,在SwiftUI框架中使用。SwiftUI是响应式编程(reactive programming)。

  • MVVM的Model与UI完全独立,处理数据和逻辑的操作。数据流(data flows)在映射到视图的过程中是只读的。
  • MVVM的View是声明式(declarative)视图,我们为UI声明的方法,在任何时候做它们应做的事情。不需要关心任何状态变化(state changes),状态在Model中记录,View仅仅是映射Model中的数据,Model变化带来View变化,所见即所得。

Stuct结构体中的代码,实际上是只读的,调用时不可能有其他人改变函数中的代码,看到的就是声明的。

  • ViewModel执行解释(interpreter)工作,将View绑定到Model上。ViewModel关注Model中的变化(notices changes),然后发布这些变化(publishes changed),订阅(subscribes)了某个发布(publication)的View会进行改变。

重要的一点是理解ViewModel没有直接指向View的指针,不直接与View对话。如果View订阅了某个发布,就会询问ViewModel怎么适应现在的变化,这个过程不会回到Model,因为ViewModel作用就是解释Model的变化。

MVVM的Processes Intent

MVVM有一个对应的关联架构,是Model-View-Intent。如果用户意图(intent)做一些操作,那么这些Intent就要进行View到Model这个反向传递过程。而swiftUI还没有进行这个设计,所以我们用下面一系列操作来处理Intent:

  • View Calls Intent function 视图调用方法
  • ViewModel modifies the Model 视图模型修改模型
  • Model changes 模型改动变化
  • ViewModel notices changes and publishes 模型关注到变化并发布
  • View whitch subscribes Reflect the Model 订阅变化的视图进行模型映射

对比MVVM的映射过程,多了ViewModel处理View操作,并且修改Model这两个操作。

总结


OC作为使用数十年的iOS第一开发语言,确实在现今各种新兴前端语言中,显得繁冗不堪。Swift在数年的时间内逐渐迭代,替代OC已经是不可阻挡的历史浪潮。
哪怕OC这么强大的语言,不进步也很快就要被淘汰了,何况我们只是时代的搬砖人呢,不断学习新内容是我们必须做的事情。

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

推荐阅读更多精彩内容