首页 理论教育 iOS开发中UINavigationController的使用方法

iOS开发中UINavigationController的使用方法

时间:2023-06-23 理论教育 版权反馈
【摘要】:原因是在Main.storyboard上有一个视图控制器需要被选为应用一开始展示视图的控制器,这里需要将它更改为Navigation Controller。最后需要将Navigation Controller与View Controller关联起来。图11.4.7Navigation Controller运行结果我们可以看到,页面顶部有个Navigation Bar是由Navigation Controller提供的,如果有页面的跳转,这个Bar会被用来展示页面的标题以及返回按钮,当然我们还可以自定义一些其他的按钮在这个Bar上。图11.4.8为View Controller添加按钮动手写11.4.1 UINavigationControllerPractise->ViewController.swift图11.4.8为View Controller添加按钮动手写11.4.1 UINavigationControllerPractise->ViewController.swift这里使用了UIStoryboard的一个实例来初始化一个视图控制器。

iOS开发中UINavigationController的使用方法

本小节将通过一个简单的示例教会读者如何创建一个基于UINavigationController的应用。首先,创建一个UINavigationControllerPractise的应用,点击“Main.storyboard”,在Object Library中找到Navigation Controller,如图11.4.1所示:

图11.4.1 Navigation Controller控件

将其拖入storyboard中的空白区域,如图11.4.2所示:

图11.4.2 Navigation Controller在Main.storyboard中

此时,我们会发现Xcode顺带了一个UITableViewController进来,作为Navigation Controller的rootViewController,在本例中并不需要,所以点击这个“View Controller”,然后按下delete键将它删除,如图11.4.3所示:

图11.4.3 删除UITableViewController

完成删除操作后,我们还会发现此刻还有一个箭头在View Controller上,这又是为什么?原因是在Main.storyboard上有一个视图控制器需要被选为应用一开始展示视图的控制器,这里需要将它更改为Navigation Controller。鼠标点击“Navigation Controller”,在Attributes Inspector中找到图11.4.4中所示的选项:

图11.4.4 Is Initial View Controller

将其勾选上,我们会发现此刻的箭头已经转移到了Navigation Controller上了。最后需要将Navigation Controller与View Controller关联起来。鼠标指针移至Navigation Controller,按住右键将其往View Controller上拖,当鼠标移动到View Controller上时,放开鼠标右键,如图11.4.5所示:

图11.4.5 指定root view controller

选择root view controller,结果如图11.4.6所示:

图11.4.6 root view controller设置完成(www.xing528.com)

运行结果如图11.4.7所示:

图11.4.7 Navigation Controller运行结果

我们可以看到,页面顶部有个Navigation Bar是由Navigation Controller提供的,如果有页面的跳转,这个Bar会被用来展示页面的标题以及返回按钮,当然我们还可以自定义一些其他的按钮在这个Bar上。如图11.4.8所示,为View Controller添加一个按钮,并且与代码中的action相连。

图11.4.8 为View Controller添加按钮

动手写11.4.1 UINavigationControllerPractise->ViewController.swift

这里使用了UIStoryboard的一个实例来初始化一个视图控制器。首先用storyboard的名称作为参数初始化一个UIStoryboard,接着使用视图控制器的identifier作为参数获取一个视图控制器的实例。这时需要在Storyboard中为相应的视图控制器添加Identity的值,如图11.4.9所示。在Storyboard中选中ViewController,然后再选中Identity Inspector,输入Storyboard ID和Restoration ID并勾选“Use Storyboard ID”,这样视图控制器便可以使用Storyboard进行创建了。

图11.4.9 设置Storyboard ID

运行模拟器,如图11.4.10所示,我们可以点击按钮进行新页面的跳转。

图11.4.10 增加了按钮和标题的视图

跳转之后如图11.4.11所示,我们会发现新页面的标题也被展示了,新页面的导航栏上还有一个“Back”按钮用于返回上一级页面,如果一直点击“跳转”这个按钮,可以无限地跳转到新的页面。再跳转到下一级页面,这时返回按钮从“Back”变为了“新的页面”,因为导航控制器会使用上一个页面的title属性作为返回按钮的标题展示。

图11.4.11 跳转下一级页面

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈