iOS review系列之使用Segues

iOS review系列之自定义转场动画
iOS review系列之Presenting a View Controller
iOS review系列之UIViewController
iOS review系列之Creating Custom Presentations

使用segue定义应用程序界面的流程。一个segue定义了你的应用程序的故事板文件中的两个视图控制器之间的过渡。segue的起点是启动segue的按钮,table row或手势识别器。segue的终点是您要显示的视图控制器。segue总是显示一个新的视图控制器,但是您也可以使用unwind segue来关闭视图控制器。

segue_defined

您无需以编程方式触发Segues。在运行时,UIKit加载与视图控制器关联的segue,并将它们连接到相应的元素。当用户与元素进行交互时,UIKit加载适当的视图控制器,通知您的app, segue即将开启,并执行转换。您可以使用UIKit发送的通知来将数据传递到新的视图控制器,或者完全阻止segue的发生。

在视图控制器之间创建Segue

要在同一个storyboard文件中的视图控制器之间创建segue,请按住Control键并单击第一个视图控制器中的适当元素,然后将其拖动到目标视图控制器。segue的起点必须是具有已定义动作的视图或对象,例如control对象,bar button item或手势识别器。您还可以从基于cell的视图(例如tableview和collectionView)创建segue。下图显示了创建Segue的过程,该Segue在点击 table row时显示新的视图控制器。

segue_creating

一些元素支持多个segues。例如, table row使您可以为row中的button或为row中其他位置的点击配置不同的segue。

释放鼠标按钮时,Interface Builder会提示您选择要在两个视图控制器之间创建的关系的类型,如图9-3所示。选择与您想要的转场相对应的segue。

segue_creating_relationships

在为您的segue选择关系类型时,尽可能选择一个adaptive segue。adaptive segue根据当前环境自动调整它们的行为。例如,Show segue的行为会根据呈现视图控制器而改变。Non-Adaptive segue是为那些必须在iOS 7上运行的应用程序提供的,iOS 7不支持adaptive segue。下图列出了adaptive segue以及它们在应用程序中的行为

Segue type Behavior
Show (Push) 这个segue使用目标视图控制器的showViewController:sender:方法来显示新内容。对于大多数视图控制器来说,这个segue在源视图控制器上模态地present新的内容。一些视图控制器专门覆盖该方法并使用它实现不同的行为。例如,导航控制器将新视图控制器推入其导航堆栈。UIKit使用targetViewControllerForAction:sender:方法来定位源视图控制器。
Show Detail (Replace) 这个segue使用目标视图控制器的showDetailViewController:sender:方法来显示新内容。这个segue只与嵌入在UISplitViewController对象中的视图控制器相关。使用这个segue,分屏视图控制器用新内容替换它的第二个子视图控制器(细节控制器)。大多数其他视图控制器以模态方式呈现新内容。UIKit使用targetViewControllerForAction:sender:方法来定位源视图控制器。
Present Modally 这个segue使用指定的presentation和转场样式模态地显示视图控制器。定义适当presentation上下文的视图控制器处理实际presentation。
Present as Popover 水平规则环境中,视图控制器出现在弹出窗口popover中。在水平紧凑的环境中,视图控制器使用全屏方式模态地presentation。

创建一个segue之后,选择segue对象,并使用属性检查器给它分配一个标识符。

在一个segue期间,你可以使用标识符来确定哪个segue被触发了,这在你的视图控制器支持多个segue时特别有用。标识符包含在UIStoryboardSegue对象中,当segue被执行时,它被传递给你的视图控制器。

在运行时修改Segue的行为

图9-4显示了触发segue时的情况。大部分工作发生在要呈现的视图控制器中,它管理到新视图控制器的转场行为。新视图控制器的配置基本上遵循与您自己创建并呈现视图控制器相同的过程。因为segues是从storyboard配置的,所以涉及到segue的两个视图控制器必须在同一个storyboard中。

displaying-view-controller-using-segue

在segue期间,UIKit调用当前视图控制器的方法给你机会去影响segue的结果。

  • shouldPerformSegueWithIdentifier:sender:方法为您提供了一个阻止segue发生的机会。从这个方法返回NO会导致segue悄无声息地失败,但不会阻止其他动作的发生。例如,在table row中点击仍然会导致table调用任何相关的委托方法。

  • 源视图控制器的prepareForSegue:sender:方法允许您将数据从源视图控制器传递到目标视图控制器。UIStoryboardSegue对象传递的方法包含对目标视图控制器的引用以及其他与segue相关的信息。

创建一个Unwind Segue

Unwind segue让你dismiss视图控制器。通过将按钮或其他合适的对象链接到当前视图控制器的Exit对象,可以在Interface Builder中创建unwind segues。当用户点击按钮或与适当的对象交互时,UIKit在视图控制器层次结构中搜索一个能够处理unwind segue的对象。然后dismiss当前视图控制器和任何中间视图控制器来显示unwind segue的目标。

创建unwind segue

  1. 选择应该在unwind segue结束时出现在屏幕上的视图控制器。

  2. 在你选择的视图控制器上定义一个unwind动作方法。

    @IBAction func myUnwindAction(unwindSegue: UIStoryboardSegue)
    
    - (IBAction)myUnwindAction:(UIStoryboardSegue*)unwindSegue
    
  3. 导航到发起unwind操作的视图控制器。

  4. 按住control键并单击按钮(或其他对象)来启动unwind segue。这个元素应该在你想要dismiss的视图控制器中。

  5. 拖动到视图控制器场景顶部的Exit对象。

    segue_unwind_linking
  6. 从关系面板中选择您的unwind操作方法。

尝试在Interface Builder中创建相应的unwind segue之前,必须在一个视图控制器中定义一个unwind操作方法。该方法的存在是必需的,它告诉Interface Builder unwind segue有一个有效的目标。

使用unwind action方法的实现来执行应用程序中指定的任何任务。你不需要自己dismiss segue中涉及的任何视图控制器;UIKit会为你做这些。相反,使用segue对象来获取被取消的视图控制器,这样你就可以从中获取数据。您还可以使用unwind action在unwind segue结束之前更新当前视图控制器。

以编程方式启动一个Segue

segue通常是由你在故事板文件中创建的连接触发的。但是,有时您可能无法在故事板中创建segue,这可能是因为目标视图控制器还不为人所知。例如,游戏应用程序可能会根据游戏的结果切换到不同的屏幕。在这些情况下,可以使用当前视图控制器的performSegueWithIdentifier:sender:方法从代码中以编程方式触发segue。

下面演示了一个segue,它在从纵向旋转到横向旋转时呈现一个特定的视图控制器。因为本例中的notification对象没有提供执行segue命令的有用信息,所以视图控制器将自己指定为segue的发送者。

- (void)orientationChanged:(NSNotification *)notification {
    UIDeviceOrientation deviceOrientation = [UIDevice currentDevice].orientation;
    if (UIDeviceOrientationIsLandscape(deviceOrientation) &&
             !isShowingLandscapeView) {
        [self performSegueWithIdentifier:@"DisplayAlternateView" sender:self];
        isShowingLandscapeView = YES;
    }
// Remainder of example omitted.
}

创建自定义Segue

Interface Builder为所有从一个视图控制器转场到另一个视图控制器及从显示一个视图控制器到在弹出窗口中显示一个控制器都提供了segue。但是,如果其中一个segue没有做你想做的,你可以创建一个自定义segue。

Segue的生命周期

为了理解自定义segue是如何工作的,您需要理解一个segue对象的生命周期。Segue对象是UIStoryboardSegue类或它的一个子类的实例。你的应用不会直接创建segue对象;UIKit在segue被触发时创建它们。

  1. 要显示的视图控制器被创建并初始化。
  2. 创建segue对象并调用它的initWithIdentifier:source:destination:方法。标识符是您在Interface Builder中为segue提供的惟一字符串,其他两个参数表示转换中的两个控制器对象。
  3. 要呈现的视图控制器调用prepareForSegue:sender:方法。参见在运行时修改Segue的行为。
  4. 调用segue对象的perform方法。此方法执行转场以将新视图控制器显示在屏幕上。
  5. 对segue对象的引用被释放。

实现自定义Segue

要实现自定义segue,可以子类化UIStoryboardSegue并实现以下方法:

  • 重写initWithIdentifier:source:destination:方法,并使用它初始化自定义segue对象。总是需要调用super方法。
  • 实现perform方法并使用它来配置转换动画。

如果您的实现添加属性来配置segue,你无法在Interface Builder中配置这些属性。取而代之,在触发segue的源视图控制器的prepareForSegue:sender:方法中配置定制segue的附加属性。

下面显示了一个非常简单的自定义segue。这个例子只是展示了没有任何动画的目标视图控制器,但是你可以根据需要用你自己的动画扩展这个想法。

- (void)perform {
    // Add your own animation code here.
 
    [[self sourceViewController] presentViewController:[self destinationViewController] animated:NO completion:nil];
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,233评论 6 495
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,357评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,831评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,313评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,417评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,470评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,482评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,265评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,708评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,997评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,176评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,503评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,150评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,391评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,034评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,063评论 2 352

推荐阅读更多精彩内容