定制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.mModelViewController
//
// 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.mPresentingAnimator
//
// 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.mDismissingAnimator
//
// 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操作哦,可以直接去掉即可
