上一篇 开始用Swift开发iOS 10 - 19 使用UIPageViewController构建介绍页面构建了开始介绍页面，这一篇学习使用Tab Bar Controller和拆分Storyboard。

创建 Tab Bar Controller

• 选择开始的Navigation Controller，Editor > Embed in > Tab Bar Controller，然后自动添加一个新的Tab Bar Controller 作为初始的控制器，之前Navigation Controller变成Tab Bar Controller的一部分了。

• 在Navigation Controller中选择 tab item，修改System Item为Favorites。

隐藏 Tab Bar

工具栏在其他页面隐藏，选择Detail View，勾选Hide Bottom Bar on Push就可以。

也可以用代码形式，在RestaurantTableViewController中的prepare(for:)中添加：

  destinationController.hidesBottomBarWhenPushed = true

添加新的Tabs

• 添加一个新的Navigation Controller， 选中tab item，修改System Item为Recents；table view的navigation item的title为Discover

• 把新加的Navigation Controller加入到 Tab Bar Controller。用ctrl+drag从Tab Bar Controller到新的Navigation Controller，选择Relationship Segue - View Controllers。
  

• 改变新的Navigation Controller的tab bar的title为Recent，修改system item为Recents

• 同样的方式添加一个新的Navigation Controller， 选中tab item，修改System Item为More；table view的navigation item的title为About。也用ctrl+drag与Tab Bar Controller建立关系。

最终创建有三个Tab Bar Item的Tab Bar。

定制Tab Bar的样式

修改Tab Bar的样式在application(_:didFinishLaunchingWithOptions:)中进行，类似下面的代码，详细的API可参考官方文档：

UITabBar.appearance().tintColor = UIColor(red: 235.0/255.0, green: 75.0/255.0,
blue: 27.0/255.0, alpha: 1.0)
UITabBar.appearance().barTintColor = UIColor.black

改变 Tab Bar Item的图片

• 从图片下载图片到Assets.xcasset。
• 在SB中修改三个Tab Bar Item的System Item都为Custom，修改Title和Image为想要的值，类似下图

• 在application(_:didFinishLaunchingWithOptions:)中修改样式：

     UITabBar.appearance().tintColor = UIColor(red: 235.0/255.0, green: 75.0/255.0, blue: 27.0/255.0, alpha: 1.0)
     UITabBar.appearance().barTintColor = UIColor(red: 236/255.0, green: 240.0/255.0, blue: 241.0/255.0, alpha: 1.0)

改变选择指示图片（Selection Indicator Image）

Selection Indicator Image就是指tab bar item被选中后与其它tab bar item不同的样式,在代码中和SB中都可以修改。

  UITabBar.appearance().selectionIndicatorImage = UIImage(named: "tabitem-selected")

最终效果：

拆分Storyboard

当项目变大时，一个Storyboard就会很大，如果是项目中有很多人合作的话，一个Storyboard也很难管理。从Xcode7之后，新功能storyboard references解决了这个问题。

• 在Main.storyboard中选择，about相关的两个view controller，然后Editor > Refactor to Storyboard...，新建名为about.storyboard的storyboard文件，就把这个两个独立出去了。

把about相关的view controller拆分出去后，在Main.storyboard里有一个关联图标，双击就可以跳转到about.storyboard中。

• 同样的方法，独立出discover相关view controller，生成discover.storyboard文件。

代码

Beginning-iOS-Programming-with-Swift

说明

此文是学习appcode网站出的一本书 《Beginning iOS 10 Programming with Swift》 的一篇记录

系列文章目录

• 开始用Swift开发iOS 10 - 1 前言
• 开始用Swift开发iOS 10 - 2 Hello World！第一个Swift APP
• 开始用Swift开发iOS 10 - 3 介绍Auto Layout
• 开始用Swift开发iOS 10 - 4 用Stack View设计UI
• [开始用Swift开发iOS 10 - 5 原型的介绍]
• 开始用Swift开发iOS 10 - 6 创建简单的Table Based App
• 开始用Swift开发iOS 10 - 7 定制Table Views
• 开始用Swift开发iOS 10 - 8 Table View和UIAlertController的交互
• 开始用Swift开发iOS 10 - 9 Table Row的删除, UITableViewRowAction和UIActivityViewController的使用
• 开始用Swift开发iOS 10 - 10 Navigation Controller的介绍和Segue
• 开始用Swift开发iOS 10 - 11 面向对象编程介绍
• 开始用Swift开发iOS 10 - 12 丰富Detail View和定制化Navigation Bar
• 开始用Swift开发iOS 10 - 13 Self Sizing Cells and Dynamic Type
• 开始用Swift开发iOS 10 - 14 基础动画，模糊效果和Unwind Segue
• 开始用Swift开发iOS 10 - 15 使用地图
• 开始用Swift开发iOS 10 - 16 介绍静态Table Views，UIImagePickerController和NSLayoutConstraint
• 开始用Swift开发iOS 10 - 17 使用Core Data