详解iOS开发中使用storyboard创建导航控制器的方法

如果我们在开发iOS应用中需要使用导航控制器，可以使用Storyboard来创建并管理导航控制器。

下面是使用Storyboard创建导航控制器的步骤：

1. 新建工程

在新建工程的时候，选择Single View Application模板，勾选Use Storyboards和Use Automatic Reference Counting，这将会为我们自动生成一个默认的Storyboard。

1. 创建导航控制器

在Storyboard中，首先需要创建一个导航控制器。

• 在右上角的Object Library中，选择Navigation Controller，将其拖入Storyboard中。

• 右键导航控制器，在弹出的菜单中选择Editor > Embed In > Navigation Controller，此时原先的视图控制器会被嵌入到导航控制器中。

• 然后需要将嵌入进来的视图控制器设置为导航控制器的根视图控制器。选中导航控制器，然后在属性检查器中找到Root View Controller，将其设置为刚刚嵌入进来的视图控制器。

• 添加其他视图控制器

在Storyboard中，可以使用多种方式来创建其他的视图控制器，例如可以直接从Object Library中将其他控件拖入到Storyboard中，然后在弹出的菜单中选择控件所对应的视图控制器等。

为了能够让其他视图控制器能够继续使用导航控制器，需要使用Navigation Item来将其他视图控制器添加到导航控制器中。

• 选中需要添加导航控制器的视图控制器，在右上角的Editor菜单中选择Embed In > Navigation Controller，此时当前视图控制器就会被添加到导航控制器的栈中。

• 选中被添加的视图控制器，找到Attributes Inspector中的Top Bar属性，将其设置为Translucent Navigation Bar，这样就会在当前视图控制器的导航栏中显示当前视图控制器的标题。

示例说明

示例1

假设我们需要开发一个应用，能够实现用户注册功能，需要用户输入姓名、性别、年龄等信息。

在Storyboard中，可以按照如下步骤来创建基本的导航控制器和两个视图控制器：

1. 创建导航控制器

2. 在Object Library中选择Navigation Controller，将其拖入Storyboard中。

3. 右键导航控制器，在弹出的菜单中选择Editor > Embed In > Navigation Controller。

4. 将当前界面的视图控制器设置为导航控制器的根视图控制器。

5. 创建用户信息输入界面

6. 在Object Library中选择View Controller，将其拖入Storyboard中。

7. 右键这个视图控制器，在弹出的菜单中选择Editor > Embed In > Navigation Controller。

8. 选中被添加的视图控制器，找到Attributes Inspector中的Top Bar属性，将其设置为Translucent Navigation Bar，这样就会在当前视图控制器的导航栏中显示当前视图控制器的标题。

9. 添加姓名、性别、年龄等UIKit控件，并为其创建IBOutlet。

10. 创建注册结果显示界面

11. 在Object Library中选择View Controller，将其拖入Storyboard中。

12. 右键这个视图控制器，在弹出的菜单中选择Editor > Embed In > Navigation Controller。

13. 选中被添加的视图控制器，找到Attributes Inspector中的Top Bar属性，将其设置为Translucent Navigation Bar，这样就会在当前视图控制器的导航栏中显示当前视图控制器的标题。

14. 添加UILabel控件，并为其创建IBOutlet。

15. 在用户信息输入页面中，创建IBAction方法，并在该方法中获取用户输入信息，然后通过segue传递给注册结果显示页面，最后在结果显示页面中显示用户注册结果。

示例2

假设我们需要开发一个应用，能够实现查看高清美图的功能，需要通过导航控制器来创建两个视图控制器：一个是展示美图列表的控制器，一个是高清美图的详情控制器。

在Storyboard中，可以按照如下步骤来创建基本的导航控制器和两个视图控制器：

1. 创建导航控制器

2. 在Object Library中选择Navigation Controller，将其拖入Storyboard中。

3. 右键导航控制器，在弹出的菜单中选择Editor > Embed In > Navigation Controller。

4. 将当前界面的视图控制器设置为导航控制器的根视图控制器。

5. 创建美图列表视图控制器

6. 在Object Library中选择Table View Controller，将其拖入Storyboard中。

7. 将这个视图控制器添加到导航控制器中。

8. 为这个视图控制器创建UIStoryboardSegue，并将这个视图控制器连接到高清美图详情视图控制器。

9. 创建高清美图详情视图控制器

10. 在Object Library中找到View Controller，将其拖入Storyboard中。

11. 在导航控制器中嵌入这个视图控制器。

12. 添加UIImageView控件，并为其创建IBOutlet。

13. 在美图列表视图控制器中，创建cell的行为，以向高清美图详情视图控制器传递选定的图片（使用performSegueWithIdentifier传递数据）。

14. 在高清美图详情视图控制器中，接收美图列表视图控制器传递的图片，并将其显示在UIImageView控件中。

这两个示例分别展示了创建具有不同业务逻辑的导航控制器的过程，希望能对iOS开发者有所帮助。