定制controller转场动画

定制controller转场动画

从iOS7开始就可以自由定制控制器间的转场动画了,以下实例描述最简单的定制方式,达到的效果如下所示:

为了实现这个效果需要这么多的文件-_-!!!!

RootViewController

//
//  RootViewController.h
//  ControllerCustom
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface RootViewController : UIViewController

@end

RootViewController.h

//
//  RootViewController.m
//  ControllerCustom
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import "RootViewController.h"

#import "PresentingAnimator.h"
#import "DismissingAnimator.h"

#import "ModelViewController.h"

@interface RootViewController ()<UIViewControllerTransitioningDelegate>

@property (nonatomic, strong) UIButton *button;

@end

@implementation RootViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor cyanColor];

    _button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 100, 40)];
    _button.backgroundColor = [UIColor blackColor];
    _button.layer.cornerRadius = 5;
    [_button setTitle:@"present"
             forState:UIControlStateNormal];
    _button.center = self.view.center;
    [self.view addSubview:_button];

    [_button addTarget:self
                action:@selector(buttonEvent:)
      forControlEvents:UIControlEventTouchUpInside];
}

- (void)buttonEvent:(id)sender
{
    // 推出控制器
    ModelViewController *modalViewController = [ModelViewController new];

    // 设置转场动画代理
    modalViewController.transitioningDelegate = self;

    // 定制转场动画
    modalViewController.modalPresentationStyle = UIModalPresentationCustom;

    [self presentViewController:modalViewController
                       animated:YES
                     completion:NULL];
}

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented
                                                                  presentingController:(UIViewController *)presenting
                                                                      sourceController:(UIViewController *)source
{
    // 推出控制器的动画
    return [PresentingAnimator new];
}

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed
{
    // 退出控制器动画
    return [DismissingAnimator new];
}

@end

RootViewController.m

ModelViewController

//
//  ModelViewController.h
//  ControllerCustom
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ModelViewController : UIViewController

@end

ModelViewController.h

//
//  ModelViewController.m
//  ControllerCustom
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import "ModelViewController.h"

@interface ModelViewController ()

@property (nonatomic, strong) UIButton *button;

@end

@implementation ModelViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor blueColor];

    _button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 100, 40)];
    _button.backgroundColor = [UIColor blackColor];
    _button.layer.cornerRadius = 5;
    [_button setTitle:@"dismiss"
             forState:UIControlStateNormal];
    _button.center = self.view.center;
    [self.view addSubview:_button];

    [_button addTarget:self
                action:@selector(buttonEvent:)
      forControlEvents:UIControlEventTouchUpInside];
}

- (void)buttonEvent:(id)sender
{
    [self dismissViewControllerAnimated:YES
                             completion:^{

                             }];
}

@end

ModelViewController.m

PresentingAnimator

//
//  PresentingAnimator.h
//  ControllerCustom
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface PresentingAnimator : NSObject<UIViewControllerAnimatedTransitioning>

@end

PresentingAnimator.h

//
//  PresentingAnimator.m
//  ControllerCustom
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import "PresentingAnimator.h"

@implementation PresentingAnimator

// 转场动画时间
- (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext
{
    return 0.5f;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext
{
    // 自己的view
    UIView *fromView = \
        [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey].view;

    // 另一个view
    UIView *toView   = \
        [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey].view;

    // 管理容器
    UIView *container = [transitionContext containerView];
    container.backgroundColor = [UIColor blackColor];

    // 容器中添加推出的view
    [container addSubview:fromView];
    [container addSubview:toView];

    // 开始动画(移出fromView,移进toView)
    [UIView animateWithDuration:[self transitionDuration:transitionContext]
                     animations:^{
                         fromView.frame = CGRectMake(10, 10, 320-20, 568-20);

                         // 设置toView从右侧偏移进来
                         CGRect toFrame     = toView.frame;
                         toFrame.origin.x   = container.bounds.size.width; // 偏移一个控制器
                         toView.frame = toFrame;
                         toView.center = container.center;

                     } completion:^(BOOL finished) {
                         // 动画结束
                         [transitionContext completeTransition:YES];
                     }];
}

@end

 PresentingAnimator.m

DismissingAnimator

//
//  DismissingAnimator.h
//  Popping
//
//  Created by André Schneider on 16.05.14.
//  Copyright (c) 2014 André Schneider. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface DismissingAnimator : NSObject <UIViewControllerAnimatedTransitioning>

@end

DismissingAnimator.h

//
//  DismissingAnimator.m
//  Popping
//
//  Created by André Schneider on 16.05.14.
//  Copyright (c) 2014 André Schneider. All rights reserved.
//

#import "DismissingAnimator.h"

@implementation DismissingAnimator

- (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext
{
    return 0.5f;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext
{
    // 自己的view
    UIView *fromView = \
    [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey].view;

    // 另一个view
    UIView *toView   = \
    [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey].view;
    toView.frame = CGRectMake(10, 10, 320-20, 568-20);

    // 管理容器
    UIView *container = [transitionContext containerView];

    // 容器中添加推出的view
    [container addSubview:toView];
    [container addSubview:fromView];

    container.backgroundColor = [UIColor blackColor];

    // 开始动画(移出fromView,移进toView)
    [UIView animateWithDuration:[self transitionDuration:transitionContext]
                     animations:^{
                         CGRect fromFrame = fromView.frame;
                         fromFrame.origin.x = container.bounds.size.width;
                         fromView.frame = fromFrame;

                         toView.frame = container.frame;

                     } completion:^(BOOL finished) {
                         // 动画结束
                         [transitionContext completeTransition:YES];
                     }];
}

@end

DismissingAnimator.m

核心的地方:

为什么设计成代理呢?其实,这是为了让基本的控制器(推出其他控制器的控制器)持有被推出的控制器而已,我是这么理解的.

为了能够实现控制器间的转场动画,我们需要一个实现了UIViewControllerAnimatedTransitioning协议的对象才行.

也就是PresentingAnimator以及DismissingAnimator

最少实现里面的两个方法:

- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext

- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext

完了,就是这么简单呢.

附录:

这个方法非常关键哦,动画执行完了之后记得设置好了.

fromView本身就被transitionContext包含拥有了,你无须进行上面的那个addSubview操作哦,可以直接去掉即可