Swift界面跳转

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

iOS开发中界面跳转有两种方式，上下跳转和左右跳转。

上下跳转_TO：

let secondViewController = SecondViewController()
self.presentViewController(secondViewController, animated: true, completion: nil)

上下跳转_BACK：

dismissViewControllerAnimated(true, completion: nil)

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

左右跳转_TO:

（将新的视图控制器PUSH到navigationController中，相当于入栈操作）

let secondViewController = SecondViewController()
self.navigationController!.pushViewController(secondViewController, animated: true)

左右跳转_BACK：

（将当前视图控制器从导航视图控制器堆栈中移除，从而返回到了上一级界面）

( - ) BACK_到上一级:

let firstViewController = FirstViewController()
self.navigationController?.popViewControllerAnimated(true)

( - ) BACK_指定界面：

// 获得视图控制器中的某一视图控制器
let viewController = self.navigationController?.viewControllers[0]
self.navigationController?.popToViewController(viewController as! UIViewController, animated: true)

( - ) BACK_根视图：

self.navigationController?.popToRootViewControllerAnimated(true)

根视图的设置需要在AppDelegate中设置

var window: UIWindow?
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool
{
var firstViewController = FirstViewController()
var rootNavigationViewController = UINavigationController(rootViewController: firstViewController)
self.window!.rootViewController = rootNavigationViewController
return true
}

OC针对手写页面及storyboard制作页面，使用代码进行页面跳转的两种方法。

1. ▪ 手写页面：
```
var vc = ViewController() 
self.presentViewController(vc, animated: true, completion: nil)
```
  ▪ storyboard制作页面
```
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(模态)
  
  -- 过渡到另一个场景，以完成一项任务。任务完成后，将关闭该场景，并返回到原来的场景。
  
  Push(压入)
  
  -- 创建一个场景链，用户可在其中前后移动。用于导航视图控制器。
  
  Replace(替换，仅适用于iPad)
  
  -- 替换当前场景，用于一些iPad特有的视图控制器。
  
  Popover(弹出框，仅适用于iPad) --
  
  一个带箭头的弹出框。
  
  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
  
  -- 与父视图的显示样式相同