美文网首页iOS干货程序人生Swift
Swift编程(四):深入浅出MVC模式

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

作者: zZ爱吃菜 | 来源:发表于2015-11-08 14:17 被阅读5455次

    写在前面:

    欢迎大家关注我的个人博客:<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:https://img.haomeiwen.com/i796183/b0d7975f137479cc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    如果是一个比较大型的复杂的项目呢?在屏幕上有三四个不同的区域都在发生着什么,我们可以结合多个MVC

    相关文章

      网友评论

      本文标题:Swift编程(四):深入浅出MVC模式

      本文链接:https://www.haomeiwen.com/subject/cmichttx.html