如何使用UITabBarController实现页面切换？

创建一个UITabBarControllerPractise的project，选择Tabbed App，如图11.5.1所示：

图11.5.1　选择Tabbed App

创建完毕之后，点击“Main.storyboard”，结果如图11.5.2所示：

图11.5.2　Tabbed App的Main.storyboard

Xcode为开发者创建了一个Tab Bar Controller和两个View Controller，分别是FirstViewController和SecondViewController，这个时候可以拖拽新的View Controller到storyboard中，再用鼠标右键点住Tab Bar Controller，将其拖到新添加的View Controller上，选择view controllers作为两者的关系，如图11.5.3和11.5.4所示：

图11.5.3　建立Tab Bar Controller与View Controller的关系

图11.5.4　选择view controllers作为两者的关系

每一次添加一个新的View Controller到view controllers属性中就会多添加一个tabBar item，当View Controllers达到五个时，就会看到如图11.5.5所示的效果：

图11.5.5　Tab Bar Controller的五个View Controller(www.xing528.com)

此时运行模拟器，我们就会获取到一个有五个选项的TabBarViewController，点击每个选项页面就会进行切换。如图11.5.6所示：

图11.5.6　Tab Bar Controller运行效果

此时，我们会发现有三个Tab没有图标，这是因为一开始Xcode为开发者创建了两个视图控制器，对应的两个选项按钮已经被定制过了，而之后创建的三个视图控制器并没有进行定制。此时，点击Main.storyboard中任意一个未被设置过的View Controller底部的Item，如图11.5.7所示：

图11.5.7　选中底部的Bar Item

此时点击Xcode中的“Attributes Inspector”，结果如图11.5.8所示：

图11.5.8　Bar Item Attributes Inspector

在Bar Item下可以设置标题和图片，这里开发者可以进行自定义。本例中，为剩下的三个Bar Item设置各自的title，并统一使用“Second”的图片。最终运行效果如图11.5.9所示：

图11.5.9　Tab Bar Controller最终运行效果

读者可以为之后创建的三个视图控制器指定类型，进行自定义的开发。