iOS UISplitViewController 使用教学

说明：本文由Tony Pai翻译自 Bradley Johnson 的博客，原文链接：http://www.raywenderlich.com/94443/uisplitviewcontroller-tutorial-getting-started 

由于屏幕尺寸的原因，iPad（包括iPhone 6 plus）版的app很少像普通 iPhone app一样让 table view 占据整个屏幕。通常我们用UISplitViewContoller来更好地利用设备屏幕。

split view 允许你把屏幕分割为左右两部分，并可在左右各添加一个view controller。split view较为典型的使用方式就是：左边显示导航视图，在右边显示相应的详细信息。从 iOS 8开始，Apple把全新的split view controller 引入到iPad和iPhone，你可以使用这一功能实现让人眼前一亮的设计。

在这个教程里，你将从头开始开发一款通用版 app，这个 app 主要是用来显示游戏 Math Ninja（这是一款由Razeware 开发的游戏） 中的怪物列表。你将会使用 split view controller 来处理导航和具体内容显示，当然这款app是同时适用于iPhone和iPad的。

本教程主要介绍 split view controller，在开始之前，我们假设你已经对 auto layout 和 storyboards 有了一定的了解。

一、开始
   （1）打开Xcode ，创建新的项目并选择 iOS\Application\Single View Application 模版。

将项目命名为MathMonsters，语言选择Swift ，在设备下拉列表里选择Universal。取消勾选Use Core Data，然后点击Next完成项目的创建。

尽管你可以使用 Master-detail Application 模版来创建应用，但是我不建议你这么去做。通过 Single View Application 模版从头开始创建应用，可以让你更好地理解 UISpiltViewController 的运行原理，这对你以后使用 UISpiltViewController 实现一些功能是非常有帮助的。虽然使用Master-detail Application 模版确实可以节省不少时间。

   （2）打开 Main.Storyboard , 删除掉模版自动生成的初始化 view controller，然后拖拽一个Split View Controller 到 Main.Storyboard 中（因为你删除了缺省的view controller，所以在拖拽之前，Main.Storyboard  应该是空的）。

完成以上操作后，以下一些元件便添加到你的 storyboard 中：

1. Split View Controller。整个应用的根视图，split view 会包含应用程序的剩余部分。

2. Navigation Controller。这表示这个UINavigationController 将会是左侧视图控制器的根视图（即，iPad 或 iPhone 6 Plus 横屏时左侧视图的根视图），在Spilt View Controller Scene里，你能很快地找到 Navigation Controller 和 Spilt View Controller之间的关系桥（segue），这个关系桥可以让你在丝毫不影响 Detail View Controller 的前提下 在 主视图控制器里创建一个完整的导航层级关系。

3. View Controller。这是显示怪物详细描述的地方，在Spilt View Controller Scene里，你也能很快地找到 View Controller 和 Spilt View Controller之间的关系桥（segue）。

4. Table View Controller。这是 UINavigationController 的根视图，主要用来显示怪物名称列表。

因为你删除了模版默认生成的视图控制器，所以你需要告诉 storyboard 你要把自己刚才拖拽进来的 split view 作为初始化视图控制器。选中 Split View Controller ------>打开右侧属性控制控制栏------> 勾选 Is Initial Controller选项。

你会在 Split View Controller 的左侧看到一个箭头指向它，这表示箭头所指的视图控制器是这个storyboard的初始化视图控制器。在iOS Simulator 中选择iPad，然后编译运行你的程序（当然你也可以选择 iPhone 6 plus ，然后旋转屏幕到横屏），你会看到一个空的分割视图控制器。

现在我们在其它iPhone simulator 上运行程序（不要选择iPhone 6 plus，因为它的屏幕太大了，大到都穿不过马桶窟窿），你会看到，程序启动后会全屏显示视图页，你可以通过点击屏幕顶端左侧的后退按钮回到主视图控制器。

从 iOS 8 开始，一个简单的 Split View Controller 就使得 app 看起来像一个具有推拉效果的app。更让你wow的是，你只需要做一些简单的配置就可以使用，万岁的iOS！
－－－（待续，此教程 为 iOS 小白 所写）