博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记23 多MVC模式Demo的实现
阅读量:7040 次
发布时间:2019-06-28

本文共 3741 字,大约阅读时间需要 12 分钟。

上一话我们对Demo的选择界面做了自动布局的相关处理,现在开始连接多个MVC的操作。首先我们需要其他工程中的文件,那么让我们打开另一个app。点击下面这个文件

然后拖动我们需要的文件到新的工程目录下:

注意勾选第一行,不然只是做了引用,如果你不小心删除了目标目录的话,你就找不到这些文件了,所以还是推荐做复制,这样会把文件复制到我们自己的工程目录下。

那么storyboard中的内容怎么办呢,我们只需要在原工程的storyboard中选中控制器然后复制,粘贴到新工程的storyboard中即可。

我注意到一个问题,当我复制粘贴过来的时候控制器中的脸没有了。看起来需要一些触发的小动作。我们来到FaceView中做一些小修改然后回退再保存就好了。

看,现在出来了。现在把这两个MVC添加到分栏控制器中,别忘了把左侧的小箭头移到分栏控制器中,具体做法我们之前已经介绍过了,这里就不啰嗦了,直接看结果:

我们在ip6 plus上运行一下,如果是竖屏你会看到:

跟其他尺寸的iphone一样,即便你左右滑动也不会出现笑脸,但是如果你横屏的话会看到:

这和ipad上的效果是相同的,我们之前讲过ip6 plus比较特殊,虽然屏幕小但是清晰度很高,在横屏模式下和ipad是一样的,关于自动布局的东西以后会细讲。

在我们继续下面的工作前需要修改storyboard以适应iphone,之前讲过我们在master上Embed in一个导航控制器,现在在iphone6上运行你会看到初始界面变成:

点击返回就可以回到选择界面,如果你在导航栏上加了一个标题,storyboard中会出现警告,原因是我们新加的导航栏会挡住之前的label,依旧update frame就好了。现在我们把master和detail关联起来。我们使用segue,之前讲过了拖拽按钮到小人脸的控制器上然后选择show detail,三个按钮都做重复的动作,三个segue分别命名为sad 、happy、meh(即不开心也不难过)。

现在你在iphone上运行可以看到点击按钮页面发生跳转了,说明segue生效了,但是小人脸的表情并没有发生变化,因为我们还没有准备segue,回忆一下之前讲的。

回到PsychologistViewController的代码中,我们在这个代码中所需要做的就是为segue做准备。

import UIKitclass PsychologistViewController: UIViewController {    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {        if let hvc = segue.destinationViewController as? HappinessViewController,let identifier = segue.identifier{            switch identifier{            case "sad":hvc.happiness = 0            case "happy":hvc.happiness = 100            default:hvc.happiness = 50                        }                        }    }}
请注意我这里if let(可选绑定)的写法,这是Swift 1.2版本的新写法,避免了有很多if let{}嵌套的情况。看起来一切都很美好?那么运行一下点击一个按钮,你会发现程序崩溃了。中控台提示在解包一个可选型的时候发现了空值。错误定位到了updateUI这里:

你会看到faceView是空值。回顾一下之前的代码,我们刚才修改了happiness的值,来看看happiness的属性观察器:

var happiness:Int = 75 {//0代表伤心,100代表开心        didSet{            happiness = max(min(happiness, 100), 0)            println("happiness = \(happiness)")            updateUI()        }    }
你会发现这里调用了updateUI方法,而这个方法中的faceView是用IBOutlet定义的!

这就是我们之前讲过的,outlet在segue的时候还没有初始化。

那么如何解决这个问题呢?幸运的是当我们想要修改模型的值时会更新页面的内容,如果这个时候页面的outlet没有值的话,只要忽略就好了。很简单的做法,我们把可能为空的值放入可选链中:

func updateUI(){    faceView?.setNeedsDisplay()    }
意思是如果faceView为空,那么后面的都不会被执行。只需要这么一个简单的问号,再次运行你会发现得到了我们想要的效果。现在我们给detail部分也增加一个导航控制器,并且标题根据点击按钮的值得不同来设定。依旧Embed In一个。

然后在updateUI这个方法中增加一行:

func updateUI(){    faceView?.setNeedsDisplay()    title = "\(happiness)"    }
我们之前讲的控制器中有属性传达给它的导航控制器,然后控制器负责绘制,运行看看,你会发现标题是不会出现的:

这也是我们之前讲的,当你增加了一个导航控制器后,所有的segue都指向了导航控制器,而不再是detail本身了:

那么如何修改呢?

import UIKitclass PsychologistViewController: UIViewController {    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {        var destination = segue.destinationViewController as? UIViewController        if let navCon = destination as? UINavigationController{        destination = navCon.visibleViewController        }        if let hvc = destination as? HappinessViewController,let identifier = segue.identifier{            switch identifier{            case "sad":hvc.happiness = 0            case "happy":hvc.happiness = 100            default:hvc.happiness = 50                        }                        }    }}
这里我们做了一个判断,当我们不确定某个控制器是否在导航控制器中的时候,我们可以应用这种写法。如果有导航控制器那么取出控制器中的最上面的控制器也就是Demo中的HappinessViewController,把它赋给destination,如果没有就把segue中保存的目标控制器赋给destination。现在可以运行了:

之前的segue都是我们通过storyboard中实现的,现在让我们来试试如何通过代码来实现,我们新加一个按钮取名Noting!然后通过页面间的拖动来产生segue。我们选中master控制器上方的黄色按钮

拖拽到detail的导航控制器中松手选择show detail。取名为nothing,然后我们打开联合视图拖动nothing按钮到控制器代码中生成一个action,action代码如下:

@IBAction func nothing(sender: UIButton) {        performSegueWithIdentifier("nothing", sender: nil)    }
可以看到我们让sender为nil代表点击这个按钮什么都没做,但是它依旧会执行到prepareForSegue方法,此时我们在prepareForSegue方法中增加一个case:

case "nothing":hvc.happiness = 25
运行你会发现nothing按钮依旧起作用了。

那么我们为什么要在代码中使用segue呢,你可能在按钮被点击之后需要根据一些状态来判断使用哪个segue,这是在代码中使用segue的经典理由。

你可能感兴趣的文章
python在类中实现swith case功能
查看>>
Maven com.sun.jdmk:jmxtools:jar 下载不下来
查看>>
DevExpress之Skin自定义使用
查看>>
可变参数
查看>>
[日推荐]『饿了么外卖服务』饿了么官方小程序,无需下载安装!
查看>>
JavaScript 作用域
查看>>
Linux Ubuntu 16.04 主机名设置
查看>>
CCNP 静态路由
查看>>
单链表二[不带头节点链表]
查看>>
Spring mvc 拦截器
查看>>
MySQL GROUP BY 和GROUP_CONCAT的一些用法
查看>>
## mysqldump 导出数据库各参数详细说明
查看>>
java中URL编码和中文相互转换
查看>>
影评:《云图》:生命并非微不足道
查看>>
hibernate4之一对一关系映射(二)
查看>>
我的友情链接
查看>>
Android第五课 编译错误分析
查看>>
VS_远程调试
查看>>
博为峰Java技术题 ——JavaSE Java实现在不同编码之间进行文件转换
查看>>
Throws与Throw
查看>>