原文:http://coolketang.com/staticCoding/5a99104fa22b9d0044385839.html
1. 本节课将为您演示,导航视图控制器的使用。首先在欢迎窗口中,点击[创建一个新项目]选项,创建一个新的项目。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/69a73de7e3d6d44b0ce4c79cce83b8a6.webp?x-image-process=image/format,png)
2. 选择创建一个简单的单视图应用。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/bc31454d3f6996270ca5085f6b0fce35.webp?x-image-process=image/format,png)
3. 点击下一步按钮,进入下一步设置页面。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e3d314ec6b476c79e83858692a0d827e.webp?x-image-process=image/format,png)
4. 在产品名称输入框内,点击输入产品的名称。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/eb119300653c083709fe546ab441dacf.webp?x-image-process=image/format,png)
5. 点击下一步按钮,进入下一步设置页面。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c5ccd0342dd9307991b23488616a42e1.webp?x-image-process=image/format,png)
6. 选择项目存放目录,并点击创建按钮,完成项目的创建。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6c97d4e07b74adbbe8e13c3715470c11.webp?x-image-process=image/format,png)
7. 在项目文件夹上,点击鼠标右键,弹出右键菜单。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/eb188ef43e7e0a72464c93d2e5e2ddc8.webp?x-image-process=image/format,png)
8. 接着依次创建两个视图控制器类文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ff1dc363938df92fb88d2acb7fbd0e3c.webp?x-image-process=image/format,png)
9. 保持当前窗口的默认选择,点击下一步按钮,创建一个类。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/5efb3c28453076d8c861f790f13292fb.webp?x-image-process=image/format,png)
10. 在类名输入框内,输入类的名称。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/0aa0348e399079daa0044382318265e0.webp?x-image-process=image/format,png)
11. 点击下一步按钮,进入下一步设置页面。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8d92332987afd9f0f54e8ef0bc8d8064.webp?x-image-process=image/format,png)
12. 保持默认的文件存放位置,点击创建按钮完成创建。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/52f468b9c68b5bf3cd0ef09727007658.webp?x-image-process=image/format,png)
13. 在项目文件夹上,点击鼠标右键,弹出右键菜单。接着创建第二个视图控制器。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6f41ef09d9c7b4a6b0e3745d891b01b0.webp?x-image-process=image/format,png)
14. 选择新建文件选项。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/fb4b52437f0d1d7d4bfa8564d5f5eac0.webp?x-image-process=image/format,png)
15. 保持当前窗口的默认选择,点击下一步按钮,创建一个类。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c3b3f6c5c10321206a7e5afe25e01ae7.webp?x-image-process=image/format,png)
16. 在名称输入框内,输入类的名称。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/009aac94ee9304dec8964e2a42c4e32d.webp?x-image-process=image/format,png)
17. 点击下一步按钮,进入下一步设置页面。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/cfba8141500ef0c4468f72e6183f5129.webp?x-image-process=image/format,png)
18. 保持默认的文件存放位置,点击创建按钮完成类的创建。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/eb02c6f65c43a4f964acad4a4db87daf.webp?x-image-process=image/format,png)
19. 选择编辑第一个视图控制器文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/76b51ed4d48b3787f070abb72df89c7f.webp?x-image-process=image/format,png)
20. 接着对当前的视图控制器,进行一些设置操作。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/686d8bf7a2cbed26eb7a5521a1a8e186.webp?x-image-process=image/format,png)
21. 设置当前视图控制器,在导航视图控制器中显示的标题。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/38793ee120515d98d61445b61c9de5f0.webp?x-image-process=image/format,png)
22. 设置当前视图控制器的背景颜色为棕色。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/422ea1c8cde41a0d640978d3ae5075ce.webp?x-image-process=image/format,png)
23. 设置右上角导航按钮的样式和功能。当点击此导航按钮时,页面跳转至第二个视图控制器。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/dd3053aee2aa6c2463a5bf1549fe79f6.webp?x-image-process=image/format,png)
24. 添加一个视图控制器的跳转方法。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/240ae82f6180ff88ce2ec8c074d99669.webp?x-image-process=image/format,png)
25. 初始化第二个视图控制器对象。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/333ac5143cd9e7ff23f1f027809f7a30.webp?x-image-process=image/format,png)
26. 将第二个视图控制器,压入导航视图控制器中,实现页面的跳转。接着修改第二个视图控制器类。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/872e051ef1ecf0f527f9585c1d76e890.webp?x-image-process=image/format,png)
27. 对第二个视图控制器,也进行一些设置操作。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/cdb5849bc8b45c4a4a504ba1c2826175.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8955edd648e518595dae2e22753a8b60.webp?x-image-process=image/format,png)
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载