在上一话中我们看了一个Demo,使用modal的方式,但其实如果要考虑到适配Iphone和Ipad设备的话,默认的modal会充满屏幕,而popover可以只占据屏幕上的一小块,之前我们讲过在Iphone中使用popover看起来和modal是一样的。实则不然,popover有很多设置在Iphone中也是生效的。修改上一话中的Demo。
首先为了突出效果我们把第一个场景的背景色加深,橙色好了,然后修改场景一中按钮点击到场景二的过渡方式,现在我们选择popover。
注意popover的属性观察器:
Anchor(锚点)表示我们的Popover上的小箭头要指向哪里,这里由于是使用按钮触发的segue,所以锚点默认为按钮本身。
然后在代码中继续设置。
在prepareForSegue方法中增加:
override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
if segue.identifier == "EditSegue"{
if let vc = segue.destinationViewController.contentViewController as? ModalViewController{
if let ppc = vc.popoverPresentationController{
//popover方式跳转才会起作用
}
vc.nameToEdit = name.text
}
}
}
}
可以调用segue的目标控制器的popoverPresentationContoller方法,只有segue是popover的时候这个方法才有返回值,因此使用一个可选绑定可以在括号中针对popover设置。现在Iphone上运行的时候场景二会充满整个屏幕,看不到下面,如果我们想设置一个半透明的效果,也就是Alert那样的方式,可以使用下面的方法:
首先设置popover的delegate:
class ViewController: UIViewController,UIPopoverPresentationControllerDelegate
ppc.delegate = self
实现delegate方法:
func adaptivePresentationStyleForPresentationController(controller: UIPresentationController!, traitCollection: UITraitCollection!) -> UIModalPresentationStyle {
return UIModalPresentationStyle.OverFullScreen
}
默认的是FullScreen,现在换成OverFullScreen现在运行看看是不是透明了能看到后面:
现在的问题是因为直接popover到了场景二而没有经过导航控制器,所以“完成”按钮不见了,现在把“完成”变回来。
现在需要实现另一个delegate方法:
func presentationController(controller: UIPresentationController, viewControllerForAdaptivePresentationStyle style: UIModalPresentationStyle) -> UIViewController? {
return UINavigationController(rootViewController: controller.presentedViewController)
}
起码现在导航控制器出现了:
现在我们的场景二就像是一个透明玻璃一样,现在我想实现的是毛玻璃效果,这就需要设置blur,修改上一个delegate方法:
func presentationController(controller: UIPresentationController, viewControllerForAdaptivePresentationStyle style: UIModalPresentationStyle) -> UIViewController? {
let navcon = UINavigationController(rootViewController: controller.presentedViewController)
let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .ExtraLight))
visualEffectView.frame = navcon.view.bounds
navcon.view.insertSubview(visualEffectView, atIndex: 0)
return navcon
}
效果如图: