使用segue进行页面跳转

时间:2022-11-09 19:02:42

在iOS开发中,可以在两个controller之间添加segue进行页面之间的跳转。本文主要说明segue的基本使用方法。

使用segue从一个页面跳转到另一个页面

  1. 新建一个Single View Application,命名为TestSegue,在storyboard中添加一个ViewController,同时添加一个SecondViewController类作为这个ViewController到实现类,如下图所示:
    使用segue进行页面跳转
  2. 在ViewController上添加一个button,标题改为“下一页“。如下图所示:
    使用segue进行页面跳转
  3. 按住control键,在ViewController的下一页Button上点击拖动鼠标左键,拖动到SecondViewController页面上,如下图所示:
    使用segue进行页面跳转
  4. 松开鼠标,弹出一个选择框,如下图所示:
    使用segue进行页面跳转
    选择框中包含两部分内容:Action Segue和Non-Adaptive Action Segue,Action Segue中有五个选项,解释如下:
    使用segue进行页面跳转
    常用到为Show和Present Modally。Show用在具有导航栏的页面时,跳到下一页到时候会自带导航栏,并且带一个返回按钮。Present Modally则没有这个功能。如果你的app要支持iOS7或更早到系统,则选择Non-Adaptive Action Segue中的选项,因为Action Segue不支持iOS7以下到系统。
  5. 选择Present Modally,两个ViewController之间会出现一个连接符号,如下图所示:
    使用segue进行页面跳转
  6. 在SecondViewController中添加一个label,题目设置为第二个页面,如下图所示:
    使用segue进行页面跳转
  7. 运行程序,点击下一页按钮,跳转到SecondViewController:
    使用segue进行页面跳转
  8. 下面演示带导航栏的页面使用Show跳转的效果。首先添加一个NavigationController,删除自带的Root View Controller,并将ViewController设置为Root View Controller,将segue的Action Segue改为Show,运行程序,效果如下图所示:
    使用segue进行页面跳转