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