1. 在欢迎窗口右侧的历史项目列表中,双击打开上节创建的导航视图控制器项目模板。
2. 选择编辑第一个视图控制器文件。
3. 这一节将为您演示,如何显示和隐藏导航视图的导航栏和工具栏。现在来一步步编写代码,实现这些功能。
4. 首先建立视图控制器生命周期中,视图即将显示的代理方法,视图在即将可见时,执行这个方法。
5. 先覆盖父类的同名方法。
6. 然后显示底部的工具栏,接着编辑第二个视图控制器。
7. 您将在当前视图控制器中,添加两个按钮元素。
8. 添加一个按钮,当点击这个按钮时,会隐藏导航栏。
9. 设置按钮上的标题文字。
10. 设置按钮的背景颜色为橙色。
11. 给当前按钮绑定点击事件。
12. 然后把按钮,插入到当前视图控制器的根视图。
13. 使用同样的方法,创建另一个按钮,点击这个按钮,会隐藏底部的工具栏。
14. 设置按钮上的标题文字。
15. 设置按钮的背景颜色为橙色。
16. 给当前按钮绑定点击事件。
17. 然后把按钮,插入到当前视图控制器的根视图。
18. 创建响应第一个按钮点击事件的方法。
19. 当用户点击第一个按钮时,隐藏导航视图控制器的顶部导航栏。
20. 接着创建响应第二个按钮的点击事件方法。
21. 当用户点击第二个按钮时,隐藏导航视图控制器底部的工具栏。然后点击[编译并运行]按钮,运行模拟器预览效果。
22. 点击导航按钮,切换至另一个页面。
23. 点击第一个按钮,隐藏导航视图控制器顶部的导航栏。
24. 点击第二个按钮,隐藏导航视图控制器底部的工具栏。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/836245a50e14026e02b553dcdc2a1876.webp?x-image-process=image/format,png)
2. 选择编辑第一个视图控制器文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/617b1707b8a08885b4b8a08f2ae21cfd.webp?x-image-process=image/format,png)
3. 这一节将为您演示,如何显示和隐藏导航视图的导航栏和工具栏。现在来一步步编写代码,实现这些功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/81125781373da57cb67dc4e4a9dfdb7a.webp?x-image-process=image/format,png)
4. 首先建立视图控制器生命周期中,视图即将显示的代理方法,视图在即将可见时,执行这个方法。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f3b5ab6baadb4a1d0b94618c029584c2.webp?x-image-process=image/format,png)
5. 先覆盖父类的同名方法。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/b04638120be10a6d7e2ef110bf6aa195.webp?x-image-process=image/format,png)
6. 然后显示底部的工具栏,接着编辑第二个视图控制器。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/4326aafd078ef6de70e7a5868efaa62b.webp?x-image-process=image/format,png)
7. 您将在当前视图控制器中,添加两个按钮元素。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/5828057d00e0208e855940d718913519.webp?x-image-process=image/format,png)
8. 添加一个按钮,当点击这个按钮时,会隐藏导航栏。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/5d59e852e277e8040560901e53c29209.webp?x-image-process=image/format,png)
9. 设置按钮上的标题文字。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3ef7b546d9ee5695431a909f1cebd7e5.webp?x-image-process=image/format,png)
10. 设置按钮的背景颜色为橙色。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3e675245dd89f4938cf2dffbbdd37393.webp?x-image-process=image/format,png)
11. 给当前按钮绑定点击事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/843987afeec2b2de3110566295331416.webp?x-image-process=image/format,png)
12. 然后把按钮,插入到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ee730791d33059bf8898b4c0efe66cae.webp?x-image-process=image/format,png)
13. 使用同样的方法,创建另一个按钮,点击这个按钮,会隐藏底部的工具栏。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/363f141ba2d86e2acfaaf263cdb44451.webp?x-image-process=image/format,png)
14. 设置按钮上的标题文字。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/0080d3451f95e1da5bb3e915e3a80fac.webp?x-image-process=image/format,png)
15. 设置按钮的背景颜色为橙色。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/d2d25259c666f6e5c029bdffe127890c.webp?x-image-process=image/format,png)
16. 给当前按钮绑定点击事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/d84a52390e1e12e01f0b8d40dcfb138c.webp?x-image-process=image/format,png)
17. 然后把按钮,插入到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c990fbcff78ca232318b8cb3dda4c9a6.webp?x-image-process=image/format,png)
18. 创建响应第一个按钮点击事件的方法。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/96449b72bfa799a4cd5b0fe8f4ffa182.webp?x-image-process=image/format,png)
19. 当用户点击第一个按钮时,隐藏导航视图控制器的顶部导航栏。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/697fdc5b212ddc1fead094aa46c2776d.webp?x-image-process=image/format,png)
20. 接着创建响应第二个按钮的点击事件方法。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/9205ae53ffddda3caa6cdc8d0f730893.webp?x-image-process=image/format,png)
21. 当用户点击第二个按钮时,隐藏导航视图控制器底部的工具栏。然后点击[编译并运行]按钮,运行模拟器预览效果。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/483bf6158e24874561d6287a5bd2d048.webp?x-image-process=image/format,png)
22. 点击导航按钮,切换至另一个页面。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/d4dcbda7fc713285d857e05b11960c70.webp?x-image-process=image/format,png)
23. 点击第一个按钮,隐藏导航视图控制器顶部的导航栏。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/269ec62ee91f3e1ee791c70699685029.webp?x-image-process=image/format,png)
24. 点击第二个按钮,隐藏导航视图控制器底部的工具栏。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/cd1ff264e3e1608dd5295ec5c1968bda.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c5537f8b68472a8853c1d64cb1c7bf49.webp?x-image-process=image/format,png)
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载