1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的导航控制器项目模板。
image
2. 选择编辑第二个视图控制器文件。
image
3. 在这一节课中,您将使用到导航视图控制器的几个跳转方式。现在来一步步编写代码。
image
4. 定义一个全局变量,用来记录当前显示视图的编号。
image
5. 每当当前视图控制器被创建一次,全局变量即增加1。
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. 将按钮添加到当前视图控制器的根视图。
image
23. 继续添加一个按钮,当点击按钮时,返回到根视图。
image
24. 设置按钮的标题文字。
image
25. 设置按钮的背景颜色为橙色。
image
26. 给按钮绑定点击事件。
image
27. 将按钮添加到当前视图控制器的根视图。
image
28. 创建第一个按钮绑定的方法。
image
29. 实例化第二个视图控制器。
image
30. 把视图控制器,压入到导航视图里,相当于入栈操作。
image
31. 创建第二个按钮绑定的方法。
image
32. 当前视图控制器,将从导航视图控制器堆栈中移除,并返回至上一页面,相当于出栈操作。
image
33. 创建第三个按钮绑定的方法。
image
34. 根据导航视图控制器中的全局序号,查找堆栈中指定序号的视图控制器。
image
35. 然后在导航视图控制器中,跳转至该视图控制器。
image
36. 创建第四个按钮绑定的方法。
image
37. 当用户点击第四个按钮时,导航视图控制器中的所有子视图控制器,都将全部出栈,从而跳转到根视图控制器。接着点击运行模拟器预览项目。
image
38. 点击右上角的导航按钮,进入第二个页面。
39. 点击第一个按钮,往导航视图控制器堆栈中,添加一个新的视图控制器,并观察顶部标题文字的变化。
40. 继续点击按钮,往导航视图控制器堆栈中,添加多个新视图控制器。
image
41. 再次点击按钮,往导航视图控制器堆栈中,添加多个新视图控制器。
image
42. 点击按钮,往导航视图控制器堆栈中,添加多个新视图控制器。
image
43. 最后一次点击按钮,往导航视图控制器堆栈中,添加多个新视图控制器。
image
44. 点击第二个按钮,使当前视图控制器,从导航视图控制器堆栈中出栈,返回至前一个视图控制器,并观察顶部标题文字的变化。
image
45. 点击第三个按钮,跳转至指定的视图控制器。
image
46. 点击第四个按钮,将跳转至根视图控制器。
image
47. 通过本节课的学习,您掌握了如何在导航视图控制器中,进行页面的自由跳转。最后点击[停止]按钮,关闭模拟器,并结束本节课程。
image
image
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
网友评论