3.4 UINavigationController导航栏和工具

1. 在欢迎窗口右侧的历史项目列表中，双击打开上节创建的导航视图控制器项目模板。

image

2. 选择编辑第一个视图控制器文件。

image

3. 这一节将为您演示，如何显示和隐藏导航视图的导航栏和工具栏。现在来一步步编写代码，实现这些功能。

image

4. 首先建立视图控制器生命周期中，视图即将显示的代理方法，视图在即将可见时，执行这个方法。

image

5. 先覆盖父类的同名方法。

image

6. 然后显示底部的工具栏，接着编辑第二个视图控制器。

image

7. 您将在当前视图控制器中，添加两个按钮元素。

image

8. 添加一个按钮，当点击这个按钮时，会隐藏导航栏。

image

9. 设置按钮上的标题文字。

image

10. 设置按钮的背景颜色为橙色。

image

11. 给当前按钮绑定点击事件。

image

12. 然后把按钮，插入到当前视图控制器的根视图。

image

13. 使用同样的方法，创建另一个按钮，点击这个按钮，会隐藏底部的工具栏。

image

14. 设置按钮上的标题文字。

image

15. 设置按钮的背景颜色为橙色。

image

16. 给当前按钮绑定点击事件。

image

17. 然后把按钮，插入到当前视图控制器的根视图。

image

18. 创建响应第一个按钮点击事件的方法。

image

19. 当用户点击第一个按钮时，隐藏导航视图控制器的顶部导航栏。

image

20. 接着创建响应第二个按钮的点击事件方法。

image

21. 当用户点击第二个按钮时，隐藏导航视图控制器底部的工具栏。然后点击[编译并运行]按钮，运行模拟器预览效果。

image

22. 点击导航按钮，切换至另一个页面。

23. 点击第一个按钮，隐藏导航视图控制器顶部的导航栏。

image

24. 点击第二个按钮，隐藏导航视图控制器底部的工具栏。

image

25. 最后点击[停止]按钮，关闭模拟器，并结束本节课程。

image

image

本文整理自：《互动教程 for Xcode9 & Swift4》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1063100471，或扫描本页底部的二维码。课程配套素材下载地址：资料下载