IOS编程教程：storyboard创建标签栏和网页视图

这是故事版系列的第三篇文章。上一次，我们讨论了如何给用联线（Segue）连接的视图控制器之间的数据传递。它应该很容易吧？现在，让我们继续进行我们的故事板项目，看你怎么可以在iPhone的应用程序创建其他两个常见的UI元素。

在本教程中，您将了解到：

>如何创建一个标签栏控制器(Tab Bar)

>如何创建一个“关于”页面使用的UIWebView

如果你是新学故事板的，我建议你从我的第一个教程开始。因为讨论的材料是基于我们之前做过的工作。

标签栏控制器(Tab Bar Controller)和网页视图(UIWebView)

首先，像往常一样，让我们​​对标签栏控制器和UIWebView进行一个简短的介绍。你可能不熟悉“标签栏”，但它经常出现在大多数的iPhone应用程序。只要看看在下面的示例应用程序就行。所有这些都在标签栏控制器使用标签以显示不同的视图。通常情况下，标签栏包含至少两个选项卡，你可以根据您的需要添加五个选项卡。

标签栏的示例应用程序接口

另一方面，UIWebView是一个方便的加载网页内容组件。在某些情况下，你要显示一个单一的网页在你的本地应用程序，或让用户在你的应用程序访问的外部网页。你可以简单地在你的应用程序中嵌入UIWebView对象，它发送一个请求加载的网页内容。

 创建一个标签栏控制器

现在回到我们的Xcode项目。首先，让我回顾一下我们做了什么。如果你按照前面的教程中，你应该建立一个简单的菜单导航界面的应用程序。这没有完全实现，只是为了演示需要。

在前面的教程中的最后交付程序

在本教程中，我们将要修改应用程序，并创建一个标签栏界面。你可能会认为这将是很困难的，需要大量的编码工作。故事板功能引入简化了一切。导航控制器中嵌入一个标签栏控制器变得很容易，只需点击鼠标。

首先，选择“导航控制器”中MainStoryboard.storyboard。然后选择“编辑”菜单中，选择“嵌入”，其次是“标签栏控制器”。

导航控制器中嵌入标签栏控制器

如下图所示，正如你可以看到，Xcode会自动将标签栏控制器嵌入到导航控制器内。超级简单的，对不对？你可能会认为这是微不足道的。在苹果公司推出的故事板功能前，你需要编写代码和设计一个独立的NIB以嵌入导航控制器。

嵌入标签栏控制器后的导航控制器

改变标签栏的条目名

默认情况下，标签栏的条目名是未命名，没有图标的。在导航控制器选择标签项。你可以自由更改名称，并在“属性”检查器中指定一个图标。标签栏项目是默认为“自定义”的标识。当它设置为自定义，这意味着你必须手动指定的标题和图像。