IOS(swift)-ViewController·页面跳转

 

针对手写页面及storyboard制做页面,使用代码进行页面跳转的两种方法。并发

▪ 手写页面:动画

var vc = ViewController() 
self.presentViewController(vc, animated: true, completion: nil)

▪ storyboard制做页面url

var sb = UIStoryboard(name: "Main", bundle:nil)  
var vc = sb.instantiateViewControllerWithIdentifier("VC") as ViewController
//VC为该界面storyboardID,Main.storyboard中选中该界面View,Identifier inspector中修改
self.presentViewController(vc, animated: true, completion: nil)
self.performSegueWithIdentifier("VC", sender: nil)

多个场景之间切换的样式(Style)总共有5个:

Modal(模态)spa

-- 过渡到另外一个场景,以完成一项任务。任务完成后,将关闭该场景,并返回到原来的场景。code

Push(压入)orm

-- 建立一个场景链,用户可在其中先后移动。用于导航视图控制器。对象

Replace(替换,仅适用于iPad)ip

-- 替换当前场景,用于一些iPad特有的视图控制器。it

Popover(弹出框,仅适用于iPad) --io

一个带箭头的弹出框。

Custome(自定义)

-- 经过编译在场景之间进行自定义过渡。

过渡类型(Transition)是从一个场景切换到另外一个场景时播放的动画。有4个选项:

Cover Vertical

-- 新场景从下向上移动,逐渐覆盖旧场景。

Flip Horizontal

-- 视图水平翻转,以显示背面的新场景。

Cross Dissolve

-- 旧场景淡出,新场景淡入。

Partial Curl

-- 旧场景像书页同样翻开,显示下面的新场景。

在iPad应用程序中,还会多出一个Presentation属性,它决定了模态视图在屏幕上的显示方式。有4种显示样式:

Form Sheet(表单)

-- 将场景调整到比屏幕小(无论朝向),并在当前场景后面显示原始场景,这几乎至关于在一个iPad窗口中显示。

Page Sheet(页面)

-- 调整场景大小,使其以纵向格式显示。Full

Screen(全屏)

-- 调整场景大小,使其覆盖整个屏幕。

Current Context(当前上下文)

-- 以原始场景的显示方式展现场景。

要使用在故事板中定义的切换到另外一个场景,但又不想自动触发该切换,可以使用UIViewController的实例方法performSegueWithIdentifier:sender。调用该方法后,切换就将启动并发生过渡。应将参数sender设置为启动切换的对象。这样在切换期间,就可肯定是哪一个对象启动了切换。

- (IBAction)toConfigHandler:(id)sender { 
//执行名为"toConfig"的切换 
[self performSegueWithIdentifier:@"toConfig" sender:self];}

调用UIViewController的方法dismissViewControllerAnimated:completion,能够关闭当前模态视图,返回到原始场景。completion是一个可选参数,用于指定过渡完毕后将执行的代码块。

- (IBAction)returnToMainHandler:(id)sender { 
//关闭模态场景 
[self dismissViewControllerAnimated:YES completion:nil];}

以纯代码的方式建立模态场景切换:

//获取"MyMain.storyboard"故事板的引用UIStoryboard *mainStoryboard =[UIStoryboard storyboardWithName:@"MyMain" bundle:nil];

//实例化Identifier为"myConfig"的视图控制器
ConfigViewController *configVC = [mainStoryboard instantiateViewControllerWithIdentifier:@"myConfig"];

//为视图控制器设置过渡类型
configVC.modalTransitionStyle = UIModalTransitionStyleCoverVertical;

//为视图控制器设置显示样式
configVC.modalPresentationStyle = UIModalPresentationFullScreen;

//显示视图
[self presentViewController:configVC animated:YES completion:nil];

视图的modalTransitionStyle(过渡类型)属性有如下枚举值:

UIModalTransitionStyleCoverVertical

-- 默认值,从下向上覆盖

UIModalTransitionStyleFlipHorizontal

-- 水平翻转

UIModalTransitionStyleCrossDissolve

-- 淡入淡出

UIModalTransitionStylePartialCurl

-- 像书页同样翻开以显示下面的视图

视图的modalPresentationStyle(显示样式)属性有如下枚举值:

UIModalPresentationFullScreen

-- 默认值,如何旋转都是全屏,iPhone下仅有这一个样式有效

UIModalPresentationFormSheet

-- 宽度和高度均会小于屏幕尺寸,居中显示,四周是变暗区域。仅适用于

iPadUIModalPresentationPageSheet

-- 在竖屏下和UIModalPresentationFullScreen表现同样,横屏下高度和当前屏幕高度相同,宽度和竖屏模式下屏幕宽度相同,剩余未覆盖区域将会变暗并阻止用户点击

UIModalPresentationCurrentContext

-- 与父视图的显示样式相同

相关文章
相关标签/搜索