您的位置:首页 > 产品设计 > UI/UE

使用segue进行页面跳转

2017-09-16 15:30 375 查看
在iOS开发中,可以在两个controller之间添加segue进行页面之间的跳转。本文主要说明segue的基本使用方法。

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

新建一个Single View Application,命名为TestSegue,在storyboard中添加一个ViewController,同时添加一个SecondViewController类作为这个ViewController到实现类,如下图所示:



在ViewController上添加一个button,标题改为“下一页“。如下图所示:



按住control键,在ViewController的下一页Button上点击拖动鼠标左键,拖动到SecondViewController页面上,如下图所示:



松开鼠标,弹出一个选择框,如下图所示:



选择框中包含两部分内容:Action Segue和Non-Adaptive Action Segue,Action Segue中有五个选项,解释如下:



常用到为Show和Present Modally。Show用在具有导航栏的页面时,跳到下一页到时候会自带导航栏,并且带一个返回按钮。Present Modally则没有这个功能。如果你的app要支持iOS7或更早到系统,则选择Non-Adaptive Action Segue中的选项,因为Action Segue不支持iOS7以下的系统。

选择Present Modally,两个ViewController之间会出现一个连接符号,如下图所示:



在SecondViewController中添加一个label,题目设置为第二个页面,如下图所示:



运行程序,点击下一页按钮,跳转到SecondViewController:



下面演示带导航栏的页面使用Show跳转的效果。首先添加一个NavigationController,删除自带的Root View Controller,并将ViewController设置为Root View Controller,将segue的Action Segue改为Show,运行程序,效果如下图所示:



如果使用Present Modally跳转,并想要实现返回到上一个controller功能到话,需要在第二个页面上手动添加一个button,实现点击功能,并添加下面一句代码:

[self dismissViewControllerAnimated:YES completion:nil];
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ios segue