自定义modal一个控制器的效果, presentViewController

时间:2024-09-30 12:03:50

presentViewController

一、主要用途

  弹出模态ViewController是IOS变成中很有用的一个技术,UIKit提供的一些专门用于模态显示的ViewController,如UIImagePickerController等。弹出模态ViewController主要使用于一下这几种情形:

  1、收集用户输入信息

  2、临时呈现一些内容

  3、临时改变工作模式

  4、相应设备方向变化(用于针对不同方向分别是想两个ViewController的情况)

  5、显示一个新的view层级

  这几种情形都会暂时中断程序正常的执行流程,主要作用是收集或者显示一些信息。

二、几个概念和常用设置

1、presenting view controller Vs presented view controller

  当我们在view controller A中模态显示view controller B的时候,A就充当presenting view controller(弹出VC),而B就是presented view controller(被弹出VC)。官方文档建议这两者之间通过delegate实现交互,如果使用过UIImagePickerController从系统相册选取照片或者拍照,我们可以发现imagePickerController和弹出它的VC之间就是通过UIImagePickerControllerDelegate实现交互的。因此我们在实际应用用,最好也遵守这个原则,在被弹出的VC中定义delegate,然后在弹出VC中实现该代理,这样就可以比较方便的实现两者之间的交互。

2、Modal Presentation Styles(弹出风格)

  通过设置presenting VC的modalPresentationStyle属性,我们可以设置弹出View Controller时的风格,有以下四种风格,其定义如下:

typedef enum { UIModalPresentationFullScreen = 0, UIModalPresentationPageSheet, UIModalPresentationFormSheet, UIModalPresentationCurrentContext,} UIModalPresentationStyle;

  UIModalPresentationFullScreen代表弹出VC时,presented VC充满全屏,如果弹出VC的wantsFullScreenLayout设置为YES的,则会填充到状态栏下边,否则不会填充到状态栏之下。

  UIModalPresentationPageSheet代表弹出是弹出VC时,presented VC的高度和当前屏幕高度相同,宽度和竖屏模式下屏幕宽度相同,剩余未覆盖区域将会变暗并阻止用户点击,这种弹出模式下,竖屏时跟UIModalPresentationFullScreen的效果一样,横屏时候两边则会留下变暗的区域。

  UIModalPresentationFormSheet这种模式下,presented VC的高度和宽度均会小于屏幕尺寸,presented VC居中显示,四周留下变暗区域。

  UIModalPresentationCurrentContext这种模式下,presented VC的弹出方式和presenting VC的父VC的方式相同。

  这四种方式在iPad上面统统有效,但在iPhone和iPod touch上面系统始终已UIModalPresentationFullScreen模式显示presented VC。

3、Modal Transition Style(弹出时的动画风格)

  通过设置设置presenting VC的modalTransitionStyle属性,我们可以设置弹出presented VC时场景切换动画的风格,其定义如下:

typedef enum { UIModalTransitionStyleCoverVertical = 0, UIModalTransitionStyleFlipHorizontal, UIModalTransitionStyleCrossDissolve, UIModalTransitionStylePartialCurl,} UIModalTransitionStyle;

  我们可以看到有从底部滑入,水平翻转进入,交叉溶解以及翻页这四种风格可选。这四种风格在不受设备的限制,即不管是iPhone还是iPad都会根据我们指定的风格显示转场效果。

4、Dismiss Modal ViewController(消失弹出的VC)

  消失presented VC,我们可以通过调用以下两个函数中的任何一个来完成

dismissModalViewControllerAnimated: // 将要废弃,不赞成继续使用dismissViewControllerAnimated:completion:

  谁来调用这消失presented VC的这个方法:正确的做法是“谁污染谁治理”,即presenting VC调用上面的方法来取消presented VC的显示。这样做有一个好处,如果一个VC真不用户做的不同选择可能弹出不同的view controller,当不再需要显示被弹出的view controller的时候,直接调用[self dismissModalViewControllerAnimated]即可使之消失,而不用去关心其具体显示的哪一类view controller。当然系统在这里做了优化,当我们在presented VC里面调用上面的方法的时候,系统会自动的将这个消息传递到相应的presenting VC中,这样就可以实现不管谁弹出了自己,当不再需要的时候直接将自己消失掉的功能。在应用中具体要采用那种要看具体情况,如果presented VC需要和presenting VC有数据传递的话,建议在presenting VC实现的代理函数中dismiss弹出的view controller。

/////////////////////////////////////   ios 8   ////////////////////////////////////////////////////////////////////////////////////////////////////

从iOS8开始,controller之间的跳转特效,需要用新的API UIPresentationController来实现。比如希望实现这样一个特效:显示一个模态窗口,大小和位置是自定义的,遮罩在原来的页面上。在iOS8之前,可以在viewWillAppear里设置superview的frame:

  1. - (void)presentModal:(NSDictionary*)result
  2. {
  3. YLSCheckoutSignatureController *controller = [[YLSCheckoutSignatureController alloc] initWithModel:result];
  4. if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 8.0) {
  5. controller.modalPresentationStyle = UIModalPresentationCustom;
  6. }else{
  7. controller.modalTransitionStyle = UIModalTransitionStyleCrossDissolve;
  8. controller.modalPresentationStyle = UIModalPresentationFormSheet;
  9. }
  10. [self presentViewController:controller animated:YES completion:nil];
  11. }
  1. -(void) viewWillAppear:(BOOL)animated
  2. {
  3. // in iOS8, handle by UIPresentationController
  4. if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 8.0) {
  5. return;
  6. }
  7. self.view.superview.layer.cornerRadius = 10;
  8. self.view.superview.layer.borderColor = [UIColor darkGrayColor].CGColor;
  9. self.view.superview.clipsToBounds = YES;
  10. self.view.superview.frame = CGRectMake(62, 114, 900, 540);
  11. }

但是以上的代码,在iOS8里就不再生效了,要用UIPresentationController来实现

首先明确一点,从Controller A->B,B的样式和跳转特效,还是由B来控制的。只不过以前是直接在Controller的生命周期方法里操作,而现在有专门的API来完成而已。这种设计也是合理的,否则如果从A可以跳转到B和C,但是样式和特效不一样,就只能通过在A里面设置实例变量来区分了,容易出错也很别扭。所以把跳转的行为由目标Controller来控制是很合理的

不过这组API的文档不太全,后续SDK升级可能会逐渐完善。以下介绍实现步骤:

目标Controller实现特定protocol

首先目标Controller要实现特定的协议,创建一个UIPresentationController

  1. @interface YLSCheckoutSignatureController  : UIViewController<UIScrollViewDelegate, UIViewControllerTransitioningDelegate>
  1. self.transitioningDelegate = self;
  1. - (UIPresentationController *)presentationControllerForPresentedViewController:(UIViewController *)presented presentingViewController:(UIViewController *)presenting sourceViewController:(UIViewController *)source
  2. {
  3. return [[YLSMainPresentationController alloc] initWithPresentedViewController:presented presentingViewController:presenting];
  4. }

当条件满足时,iOS系统会调用这个方法,于是可以实例化自定义的UIPresentationController子类,定义跳转的样式和特效

自定义UIPresentationController

然后就要实现自定义的UIPresentationController,下面这段实例代码,实现居中展示一个自定义frame的模态页面,同时有半透明背景遮住原来的页面

  1. @implementation YLSMainPresentationController
  2. {
  3. UIView *dimmingView;
  4. }
  5. -(id) initWithPresentedViewController:(UIViewController *)presentedViewController presentingViewController:(UIViewController *)presentingViewController
  6. {
  7. self = [super initWithPresentedViewController:presentedViewController presentingViewController:presentingViewController];
  8. if(self){
  9. dimmingView = [[UIView alloc] init];
  10. dimmingView.backgroundColor = [UIColor grayColor];
  11. dimmingView.alpha = 0.0;
  12. }
  13. return self;
  14. }
  15. - (void)presentationTransitionWillBegin
  16. {
  17. dimmingView.frame = self.containerView.bounds;
  18. [self.containerView addSubview:dimmingView];
  19. [self.containerView addSubview:self.presentedView];
  20. id<UIViewControllerTransitionCoordinator> coordinator = self.presentingViewController.transitionCoordinator;
  21. [coordinator animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext> context) {
  22. dimmingView.alpha = 0.5;
  23. } completion:nil];
  24. }
  25. - (void)presentationTransitionDidEnd:(BOOL)completed
  26. {
  27. if(!completed){
  28. [dimmingView removeFromSuperview];
  29. }
  30. }
  31. - (void)dismissalTransitionWillBegin
  32. {
  33. id<UIViewControllerTransitionCoordinator> coordinator = self.presentingViewController.transitionCoordinator;
  34. [coordinator animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext> context) {
  35. dimmingView.alpha = 0.0;
  36. } completion:nil];
  37. }
  38. - (void)dismissalTransitionDidEnd:(BOOL)completed
  39. {
  40. if(completed){
  41. [dimmingView removeFromSuperview];
  42. }
  43. }
  44. - (CGRect)frameOfPresentedViewInContainerView
  45. {
  46. return CGRectMake(62.f, 114.f, 900.f, 540.f);
  47. }
  48. @end

代码确实比以前复杂了一点,但是其实每个生命周期方法都是比较明确的,开发者可控的粒度也更细了。比如设置presented frame,就有专门的方法,只要返回CGRect就可以了,还是比较方便的

原始的ViewController发起跳转动作

经过前面2步,当自定义跳转发生时,就可以很细致地控制样式和跳转行为。接下来就是由原始controller(presenting view controller)来发起跳转动作:

  1. - (void)presentModal:(NSDictionary*)result
  2. {
  3. YLSCheckoutSignatureController *controller = [[YLSCheckoutSignatureController alloc] initWithModel:result];
  4. if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 8.0) {
  5. controller.modalPresentationStyle = UIModalPresentationCustom;
  6. }else{
  7. controller.modalTransitionStyle = UIModalTransitionStyleCrossDissolve;
  8. controller.modalPresentationStyle = UIModalPresentationFormSheet;
  9. }
  10. [self presentViewController:controller animated:YES completion:nil];
  11. }

关键是设置modalPresentationStyle为UIModalPresentationCustom,然后当presentViewController方法调用时,iOS系统就会创建出UIPresentationController的实例,来控制跳转的行为