iOS开发-模态视图跳转

作者: it_hao528 | 来源:发表于2016-09-26 16:25 被阅读5308次

iOS开发中界面的跳转一般都会使用导航栏UINavigationController来进行push跳转,使用导航栏跳转用起来简单,并且自带返回按钮,非常方便。但也会用到模态视图的跳转,我对模态视图使用的心得就是在跳转到不需要真个界面展示视图的时候使用模态视图跳转看起来的视觉效果会好一些,并且可以对跳转动画进行简单的自定制,使用户体验更加的流畅完美。
相信大部分的iOS开发者都知道模态视图如何使用,但是还有一些初学者并不知道如何使用,其实非常简单,核心代码如下:

    ModalViewController * modal = [[ModalViewController alloc] init];

    //把当前控制器作为背景
    self.definesPresentationContext = YES;

    //设置模态视图弹出样式
    modal.modalPresentationStyle = UIModalPresentationOverFullScreen;

    [self presentViewController:modal animated:YES completion:nil];

上面的几行代码已经可以实现模态视图的跳转了。但是如果仅仅是这么跳转,效果看起来并不是很好看,下面我们可以在当前视图控制器window的layer添加一个简单的自定制的动画,会让跳转效果看起来更加流畅。

    //创建动画
    CATransition * transition = [CATransition animation];

    //设置动画类型(这个是字符串,可以搜索一些更好看的类型)
    transition.type = @"moveOut";
    
    //动画出现类型
    transition.subtype = @"fromCenter";
    
    //动画时间
    transition.duration = 0.3;
    
    //移除当前window的layer层的动画
    [self.view.window.layer removeAllAnimations];
    
    //将定制好的动画添加到当前控制器window的layer层
    [self.view.window.layer addAnimation:transition forKey:nil];

把上边代码写在模态视图跳转之前(为了养成良好的代码管理习惯,建议将该段代码封装到一个方法中,使用的时候调用该方法即可),present的时候需要关闭系统动画即:

    [self presentViewController:modal animated:NO completion:nil];

到了这里,我们就可以实现一个简单又好看的模态视图跳转,非常简单吧!当然跳转到的界面需要使用dismiss来返回。
下面来给大家简单再简单说一下模态视图弹出样式:

    //跳转之后覆盖整个屏幕,不透明
    UIModalPresentationFullScreen = 0,
    //跳转之后覆盖整个屏幕,不透明
    UIModalPresentationPageSheet
    //跳转之后覆盖整个屏幕,不透明
    UIModalPresentationFormSheet 
    //跳转之后覆盖当前内容(除导航栏和标签栏部分),不透明
    UIModalPresentationCurrentContext
    //跳转之后显示自定制视图(默认是覆盖整个屏幕),可以透明
    UIModalPresentationCustom 
    //跳转之后覆盖整个屏幕,可以透明
    UIModalPresentationOverFullScreen 
    //跳转之后覆盖当前内容(除导航栏和标签栏部分),可以透明
    UIModalPresentationOverCurrentContext 
    //跳转之后覆盖整个屏幕,不透明
    UIModalPresentationPopover 

我对模态视图跳转的看法是为了用户体验更加完美而增加的,由此通常用到的跳转弹出样式一般会选择可以透明的,看起来更加漂亮。可以根据需求而选择是覆盖整个屏幕,还是只覆盖当前内容(未覆盖部分是可以交互的)。
最后还是希望能够帮助到有需要的程序猿们,同时希望大家能够多多提意见,愿同是程序猿的我们在开发的道路上共同成长。谢谢!!!

相关文章

  • 【转载】iOS 模态视图

    iOS 模态视图 概念: ios开发中,在当前视图上再弹出一个视图(模态视图)例如登陆视图,分享视图,注册等等。 ...

  • iOS开发-模态视图跳转

    iOS开发中界面的跳转一般都会使用导航栏UINavigationController来进行push跳转,使用导航栏...

  • ios 模态跳转视图

    $[self presentViewController:ViewController animated:YES ...

  • UIViewController跳转

    一:UIViewController模态跳转 复制代码 //展示模态视图 - (void)presentViewC...

  • 4.2UINavigationController详解2和视图的

    UINavigationController详解2 视图的模态跳转

  • iOS ViewController跳转界面的几种方法简单总结

    1、模态跳转(Modal) 模态:一个普通的视图控制器一般只有模态跳转的功能,这个方法是所有视图控制器对象都可以用...

  • 界面跳转

    模态跳转(Modal)普通的视图控制器一般只有模态跳转的功能,这个方法是所有视图控制器对象都可以用的。 一般跳转前...

  • iOS 13 presentViewController 默认样

    在使用 模态视图(presentViewController:) 来跳转视图时系统提供了两个参数来简化跳转的设置,...

  • 模态视图跳转

    需求:A视图控制器中presentB视图控制器,B视图控制器再presentC视图控制器。最后从C视图控制器直接返...

  • iOS 模态视图

    概念 ios开发中,在当前视图上再弹出一个视图(模态视图)例如登陆视图,分享视图,注册等等。 说明 实现一个简单的...

网友评论

本文标题:iOS开发-模态视图跳转

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