Storyboard教程-建立Tab Bar控制器和Web视图

Tab Bar控制器和UIWebView

首先，和一般同样，咱们简单介绍一下Tab Bar控制器和UIWebView。你可能不属性Tab Bar 这个术语，可是在多数iPhone Apps中常常遇到。看看下面的范例应用程序，它们都使用了Tab Bar控制器在每个tab 中显示一个独特的视图。一般，一个Tab Bar 至少包含2个tabs，根据须要最多能够添加5个tabs。

另外一方面，UIWebView 是加载web内容的轻便组件。在一些状况下，你但愿在App中显示一个单一的web页面，或者让用户在App中访问外部web页面，你能够在App中简单嵌入UIWebView对象，向它发送请求，加载web内容。

建立Tab Bar控制器

如今返回Xcode项目，首先回顾咱们已经完成的内容。若是你按照前面的教程，应该建立了一个简单的菜谱应用程序，包含了导航界面。尽管没有完整的实现，可是能够正常运行的。

具体内容能够参考：第十一部分：Storyboard 联线教程-在视图控制器间传递数据

在本教程中，咱们将完善上述App，并建立一个tab bar界面。你可能认为这个会比较复杂，且须要大量的代码。其实，经过storyboard功能，简化了大量的工做。经过简单点击，就能够轻松将导航控制器（Navigation Controller）嵌入到Tab Bar控制器中。

首先，选择MainStoryboard.storyboard 中的Navigation Controller，接着选择Editor 菜单下面的Embed in 子菜单，而后选择 Tab Bar Controller选项。

从下图中，你能够看到Xcode自动将导航控制器嵌入到一个tab bar控制器中。超级简单，对吧？你可能认为这个很琐碎。其实，在引入Storyboard 功能以前，如须要嵌入一个导航控制器，你须要编写代码，并设计一个独立的NIB文件。

更改Tab Bar子项名称

默认状况下，Tab Bar 子项没有名称，也没有图标。在导航控制器中选择tab 子项，你能够在Attributes Inspector窗口，自由修更名称，并指定图标。Tab Bar子项默认为custom 标识符。当设定为custom时，意味着你须要手动指定标题（title）和图像。

你也可使用一些内置的tab bar项目（如More、Favorites和Top Rated等等），这些已经包含了图标。这里为了简化教程，使用这些内置的项目。选择Featured 做为识别符（identifier），界面将以下所示：

运行App

如今能够测试App了。点击Run 按钮，看看App的运行界面。App 应该和以前教程中建立的同样，只是有了tab bar界面元素。