美文网首页
Swift - 界面的跳转模式

Swift - 界面的跳转模式

作者: A嗄嗄 | 来源:发表于2017-07-18 10:24 被阅读0次

    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中设置

    varwindow: UIWindow?

    func application(application: UIApplication, didFinishLaunchingWithOptionslaunchOptions: [NSObject:AnyObject]?) -> Bool

    {

    var firstViewController = FirstViewController()

    var rootNavigationViewController = UINavigationController(rootViewController: firstViewController)

    self.window!.rootViewController = rootNavigationViewController

    returntrue

    }

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

    ▪ 手写页面:

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

    ▪ storyboard制作页面

    var sb =UIStoryboard(name:"Main", bundle:nil)var vc = sb.instantiateViewControllerWithIdentifier("VC")asViewController//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

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

    相关文章

      网友评论

          本文标题:Swift - 界面的跳转模式

          本文链接:https://www.haomeiwen.com/subject/kmvckxtx.html