美文网首页iOS开发互动教程
3.5 UINavigationController视图入栈和出

3.5 UINavigationController视图入栈和出

作者: 互动教程网 | 来源:发表于2018-04-11 08:03 被阅读2次

    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,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

    相关文章

      网友评论

        本文标题:3.5 UINavigationController视图入栈和出

        本文链接:https://www.haomeiwen.com/subject/xmaohftx.html