iOS 系统提供了4种基本的转场方式:Show、Show Detail、Present Modally、Present as Popover。我们平常用的最多的是 Show ,就是从右向左滑入新页面,这也是最符合用户习惯的转场方式。
Popover 一般是用在 iPad 上,在 iPhone 上不能直接使用。因为早些时候 iPhone 的尺寸都不大,苹果是非常不推荐在 iPhone 上使用 Popover 这种风格弹出新页面的。不过现在 iPhone 的尺寸越来越大了,偶尔也会碰到些挺适合 Popover 的场景,比如下面这样的:
最近我渐渐从手写代码用 Frame 布局转向使用 Storyboard + Auto Layout 布局了,真是食髓知味,妙不可言呐。所以这次我就演示一下用 Storyboard 来快速实现如上图的 Popover 效果。
首先,先拉一个 UITableViewController 出来,用 Static Cells 就行,把菜单项填上:
然后将 Use Preferred Explicit Size 选项打勾,并在下方填上你所需要的弹出菜单的尺寸:
当然这样凭空设置尺寸不是很直观,我们可以先在 Storyboard 模拟一下:
这个时候我们刚刚拖到 Storyboard 上的那个 UITableViewController 就会显示 150 * 200 的大小了,你可以用 Simulated Size 直接在 Storyboard 上调试尺寸,调试完了之后把最合适的尺寸填到 Content Size 里就好。
接下来就是拉一个 Segue 了,我这边是从 HomeViewController 上的“地块”按钮拉到 LandStatusViewController,Segue 的类型选择 Present as Popover:
然后最好填一下 Segue Id,便于在代码中区分多个不同的 Segue:
最后就是稍微写几行代码了,在 HomeViewController 中:
override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
if segue.identifier == SegueId.LandStatus {
let popoverViewController = segue.destinationViewController
popoverViewController.popoverPresentationController!.delegate = self
}
}
这个SegueId.LandStatus
就是个字符串常量,跟 Storyboard 中填的 Identifier 是一致的:
struct SegueId {
static let LandStatus = "LandStatusPopover"
static let LandInfo = "LandInfoShow"
}
最后让 HomeViewController 遵守委托协议,实现委托方法:
extension HomeViewController: UIPopoverPresentationControllerDelegate {
func adaptivePresentationStyleForPresentationController(controller: UIPresentationController) -> UIModalPresentationStyle {
return UIModalPresentationStyle.None
}
}
这样就完成了。