Swift编程(四):深入浅出MVC模式

写在前面:

欢迎大家关注我的个人博客:<a href="http://blog.noasis.cn" >博客地址</a>,这里主要是我在个人开发时候遇到的坑和挖完的坑,包括 PHP CentOS 以及 Swift 等相关只是

这是一篇纯理论的文章,深入浅出的讲解一些我在学习斯坦福公开课时理解的MVC模型,它绝不是单纯的翻译其中的内容,这是笔者将他讲解的内容通过自己理解过滤后一字字码出来的,具有很强的逻辑性,以便让大家以及我自己在今后更好的去理解

MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑(来自百度百科)

MVC模型

简介

MVC是一个基本模型,用于分类程序中的所有对象到三个阵营中的任意一个。

  1. 模型(Model)
    Model = What your application is (but not how it is displayed)

模型(Model),模型层是程序的行为的合集

  1. 视图(View)
    View = Your Controller's minions

视图(View),视图层是控制器(Controller)的辅助类,我们在构建我们的界面时会用到它,在视图(View)中的内容是相当通用的界面元素

  1. 控制器(Controller)
    Controller = How your Model is presented to the user(UIlogic)

控制器(Controller),控制器(Controller)的作用给View解释并格式化这些来自模型(Model)的数据

通信

正确的MVC不仅仅知道内容的存放位置而且需要知道三层是如何通信的,接下来我们总结一下这三层是如何通信的。
(双黄线和白色虚线表示通信方式)

控制器与模型的通信:

1. 控制器(Controller) -> 模型(Model):完全控制权

Controller可以了解Model的一切行为,并且必须完全有能力与Model通信,根据Controller的需求使用Model公开的接口(API),因为Controller的职责就是通过View想用户展示Model中的数据,因此Controller拥有完全控制权限可以与Model通信。

2. 模型(Model) -> 控制器(Controller):Notification(通知)和KVO(键值对观察)

通常情况下,Model是不能与Controller通信。
场景:Model中的数据发生了变化,而Controller需要知道这种变化,如:数据改变了,数据库改变了。
问题:Model如何与Controller通信告诉他这些变化?
答案:Model会用一种电台的概念,将信息广播给想知道的任何Controller,在IOS中这种技术叫做Notification(通知)和KVO(键值对观察),所以Model的任务就是当数据发生变化是,通过Notification(通知)和KVO(键值对观察)广播一下,随后Controller会接收到来自广播的信息,他会发现数据在变化,他会再与Model通信获取改变后的数据

控制器与视图的通信

1. 控制器 -> 视图:完全控制权

Controller是可以访问View的,因为控制器负责通过自身对象向View发送指令,View是Controller向用户展示界面的一种方式,因此Controller可以控制View做任何它想做的事,这里会提到Outlet的概念(Outlet是控制器的一个属性,用于指向视图)。我们创建一个Outlet实际上就是实例化一个View到Controller中,这样我们的Controller可以发送指令到对应View了
<pre>```swift
class DemoViewController: UIViewController {
@IBOutlet weak var table: UITableView!
}

如上代码:UITableView作为一个视图,table即Outlet(DemoViewController的一个指向UITableView的属性),这样DemoViewController就具有了对UITableView的控制权了


 ####2. 视图 -> 控制器:代理(Delegate)和数据源(DataSource)
>因为View是通用的,他们不能真正的了解调用它们的Controller,所以他们只能盲目的方式与Controller通信
问题:视图上有个按钮(UIButton)它能跟Controller通信吗?
答案:可以,但是要注意,因为View是通用的,他们不能真正的了解调用它们的Controller,所以他们只能盲目的方式与Controller通信。一种大家都认同的,View与Controller通信的方式(Target操作和代理)

 >#####方式一: addTarget操作

 >控制器(Controller)本身写一个目标方法(target),然后给View的行为方法(action),并告诉View当你想做执行操作(比如你是一个按钮被点击,或者滑动条被滑动)给控制器(Controller),你可以通过此行为方法(action)向Controller发送消息,通过这种方式,通用的按钮或者拖动条就可以反过来与Controller通信了,它根本不需要知道调用的它控制器到底是什么类型的Controller,他只需要知道某一个事件在他身上触发时他就要通过行为方法(action)想目标方法(target)发送一个消息,就是这样一个盲目的、简单的、结构化的方式来作为视图与控制器之间的通信。还是代码比较直观`(*∩_∩*)′

 ><pre>```swift
    class DemoViewController: UIViewController {
        @IBOutlet weak var btn: UIButton!
        override func viewDidLoad() {
            btn.addTarget(self, action: "hello:", forControlEvents: .TouchUpInside)
        }
        func hello() {
            print("Hello World!"
        }
    }
```</pre>

 >这样是不是很好理解:在DemoViewController中添加一个target:hello(),然后通过addTarget给View对象btn添加action。当你点击按钮时,就是打印:Hello World!

 > #####方式二:代理(Delegate)和数据源(DataSource)

 >代理(Delegate):
>假如有时发生在视图(View)上的事件是比较复杂的,理解这个的方法是我通过几个关键字(will、should、did)描述这些情况:
>- 假如我们的View是一个滚动视图(ScrollView),用户按住它,将要滑动,它想要Controller知道用户将要执行滑动操作(will)
 >- 假如它正在滚动,并且它想让Controller知道用户刚刚做了滚动操作(did)
>- 又或者用户按住屏幕滚动视图(ScrollView)需要知道是否允许这里执行滚动操作(should)

>所有这些情况,滚动视图(ScrollView)本身或许没有足够的逻辑知道那些问题的答案,那它需要做的就是代理给Controller对象来回答这些问题(will,should,did,this,that或者其他事情例如:允许滑动、滑动到一点等等等...),你将要在那些代理协议中看到他们。这里我们需要在控制器中代理这些协议(盲目通信)
依旧是代码才会有更好的直观性,还记得在我们<a href="http://www.jianshu.com/p/150ba0779cc0">文章(一)</a>和<a href="http://www.jianshu.com/p/f5cc032e74f5">文章(二)</a>需要给UITableView做代理吗?其实我介绍了两种方式,我更偏向第二种:拓展方式,代码逻辑更清晰

><pre>```swift
extension DemoViewController: UITableViewDelegate {
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath)
    {
        let index = indexPath.row
        let string = self.dataList[index]
        if let closure = self.myClosure {
            closure(tag: self.myTag!,string: string)
        }
        self.dismissViewControllerAnimated(true, completion: nil)
    }
}
```</pre>
上述代码:控制器:DemoViewController代理了视图UITableView的didSelectRowAtIndexPath协议,告诉视图我选中了某一行时需要执行的操作。

>数据源(DataSource):
视图(View)不应该持有展示他们的数据,如果持有数据就违背了视图(View)的通用性了,换句话说:数据不应该作为视图的内部属性。
场景: 例如你要展示iPhone上的所有歌曲,你可能有10000首歌曲,另外你有一些通用的视图列表在你的视图(View)中,你不能传递这10000首歌给他实例变量中,并期望它来持有10000首歌以便你去浏览他们。
原因:
 - 这种方式不高效;
 - 这10000首歌属于哪一层?应该是Model。

>你的音乐数据库本身就是一个Model(它与UI无关),视图仅仅是歌曲、艺术家、专辑和其他信息的一个列表 ,Controller必须通过Model查询数据并告诉一个View如何展示这些歌曲,所以我们需要通信让View展示数据,这些通信如何发生?答案:使用另一个种特殊的代理——数据源(DataSource),数据源不做之前代理(will、should、did……)的事。数据源(DataSource)做类似:数量:(有多少首歌曲),Controller查找Model将10000返回给视图,然后视图(View)为这些歌曲开辟内部空间。
当你在底部滚动它,他就开始发消息给控制器加载10条记录(返回150行后面的10条数据),控制器再次跟Model通信,并获取接下来的10条数据,于是控制器(Controller)通过这种盲目方式提供数据给视图,这就是视图(View)如何通过Model得到数据是通过这种不明确的、没有针对性的、结构化的方式。
所以数据源(DataSource)就是一个特殊类型的用于获取数据的代理,像列表视图(UITableView)他就有一个数据源和一个通常的代理
依旧是代码:上面我们给UITableView做了代理,接下来我们为UITableView绑定数据源

><pre>```swift
extension DemoViewController: UITableViewDataSource {
    func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return 1
    }
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.dataList.count
    }
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCellWithIdentifier(self.cellId, forIndexPath: indexPath) as! DemoListCell
        //cell.cellImg.image = UIImage(named: powerData[indexPath.row][2])
        cell.cellLabel.text = self.dataList[indexPath.row]
        return cell
    }
}
```</pre>

总结:OK!这就是View: UITableView跟控制器(Controller)的通过一种不明确的结构化方式:分为代理(Delegate)和数据源(DataSource)


### 模型与视图的通信:不能(Never)
 - 很明显,模型(Model)是完全独立于UI的,模型没有任何办法向视图对象发送只送指令,也不能和视图层的任何对象通信,因为视图对象是基本的UI对象,他们是某种程度上是通用的,但是也是基本的UI对象,既然视图对象是通用的对象,他们就不能和任何特定的Model对象通信,他们需要一个控制器来传达信息。一句话:模型(Model)与视图(View)之间在没有任何通信




## 重要体会:
最后你会体会到,IOS开发框架本就是MVC模式,我们常用的控件无一不是视图,我们创建的ViewController其实都是控制器,我们实例化一个控件,就是为我们的Controller创建一个Outlet,并对其显示和控制,说到Model,CoreData就是我们的Model,原来我们一直都在MVC的世界里摸索到底什么才是MVC,多么痛的领悟!

## 名词解释:
 - M(Model):模型
 - V(View):视图
 - C(Controller):控制器
 - Outlet :控制器指向视图的属性
 - Notification:通知
 - KVO(Key-Value Observing):键值对观察
 - Delegate:代理,视图向控制器通信,通过 will、should、did等方式统称为代理
 - DataSource:数据源,一种特殊类型的代理,取决于视图是否需要显示大量数据
 - protocol:协议,在编程中含义:我的理解通过一种盲目(Blind)的、没有针对性的方式与其他对象通信。

![多个MVC](http://upload-images.jianshu.io/upload_images/796183-b0d7975f137479cc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

推荐阅读更多精彩内容