iOS7使用代理自定義導(dǎo)航轉(zhuǎn)場(chǎng)動(dòng)畫
來源：程序員人生 發(fā)布時(shí)間：2014-10-10 08:00:01 閱讀次數(shù)：3301次
如果你已經(jīng)厭倦了使用UINavigationController進(jìn)行簡(jiǎn)單粗暴的push和pop轉(zhuǎn)場(chǎng)操作，你完全可以使用自定義的導(dǎo)航轉(zhuǎn)場(chǎng)效果，iOS7提供了許多漂亮的代理方法幫助你實(shí)現(xiàn)各種自定義動(dòng)畫，下面演示一個(gè)簡(jiǎn)單的導(dǎo)航轉(zhuǎn)場(chǎng)動(dòng)畫Demo的實(shí)現(xiàn)過程，效果如圖一所示：
STEP 1： 創(chuàng)建一個(gè)項(xiàng)目，其中包含，一個(gè)名為FirstViewController和一個(gè)SecondViewController的視圖控制器，兩個(gè)繼承自NSObject的PopAnimation和PushAnimation類。
STEP2：使用UIViewControllerAnimatiedTransitioning代理方法自定義Push 動(dòng)畫
1.）讓PopAnimation使用UIViewControllerAnimatedTransitioning代理的方法：
@interface PushAnimation : NSObject <UIViewControllerAnimatedTransitioning>
2.）PopAnimation的實(shí)現(xiàn)
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
[[transitionContext containerView] addSubview:toViewController.view];
toViewController.view.alpha = 0;
[UIView animateWithDuration:0.3*[self transitionDuration:transitionContext] animations:^{
fromViewController.view.transform = CGAffineTransformMakeScale(0.6, 0.6);
toViewController.view.alpha = 0.3;
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.3*[self transitionDuration:transitionContext] animations:^{
fromViewController.view.transform = CGAffineTransformMakeScale(1.1, 1.1);
toViewController.view.alpha = 0.6;
} completion:^(BOOL finished){
[UIView animateWithDuration:0.4*[self transitionDuration:transitionContext] animations:^{
fromViewController.view.transform = CGAffineTransformMakeScale(0.1, 0.1);
toViewController.view.alpha = 1.0;
} completion:^(BOOL finished){
fromViewController.view.transform = CGAffineTransformIdentity;
[transitionContext completeTransition:![transitionContext transitionWasCancelled]];
}];
}];
}];
}
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext {
return 3.0f;
}
STEP 3： 使用UIViewControllerAnimatiedTransitioning代理方法自定義Pop 動(dòng)畫
@interface PopAnimation : NSObject <UIViewControllerAnimatedTransitioning>
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
[[transitionContext containerView] addSubview:toViewController.view];
toViewController.view.alpha = 0;
toViewController.view.transform = CGAffineTransformMakeScale(0.1, 0.1);
[UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{
toViewController.view.transform = CGAffineTransformMakeScale(1.0, 1.0);
toViewController.view.alpha = 1.0f;
fromViewController.view.alpha = 0.0f;
} completion:^(BOOL finished) {
fromViewController.view.transform = CGAffineTransformIdentity;
[transitionContext completeTransition:![transitionContext transitionWasCancelled]];
}];
}
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext {
return 3.0f;
}
STEP4： 在FirstViewController中實(shí)現(xiàn)UINavigationControllerDelegate的一些方法
#import "PushAnimation.h"
@interface FirstViewController : UIViewController <UINavigationControllerDelegate>
@property (nonatomic, strong) PushAnimation *animation;
- (void)viewDidLoad
{
[super viewDidLoad];
_animation = [PushAnimation new];
//隱藏NavigationBar
self.navigationController.navigationBarHidden = YES;
//設(shè)置背景圖片
UIImageView *imageView = [[UIImageView alloc]initWithFrame:self.view.frame];
[imageView setImage:[UIImage imageNamed:@"1.jpg"]];
[self.view addSubview:imageView];
//定義一個(gè)button
UIButton *pushBtn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
pushBtn.frame = CGRectMake(284, 700, 200, 40);
[pushBtn setTitle:@"push" forState:UIControlStateNormal];
pushBtn.titleLabel.font = [UIFont systemFontOfSize:32.0f];
[pushBtn addTarget:self action:@selector(buttonClicked:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:pushBtn];
}
- (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];
self.navigationController.delegate = self;
}
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
if (self.navigationController.delegate == self) {
self.navigationController.delegate = nil;
}
}
- (void)buttonClicked:(id)sender {
SecondViewController *presentController = [[SecondViewController alloc]init];
[self.navigationController pushViewController:presentController animated:YES];
}
#pragma mask UINavigationControllerDelegate
- (id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
animationControllerForOperation:(UINavigationControllerOperation)operation
fromViewController:(UIViewController *)fromVC
toViewController:(UIViewController *)toVC {
if (operation == UINavigationControllerOperationPush) {
return self.animation;
}
return nil;
}
STEP5： 在SecondViewController中調(diào)用PopAnimation動(dòng)畫
@interface SecondViewController : UIViewController <UINavigationControllerDelegate>
@property(nonatomic, strong) PopAnimation *animation;
- (void)viewDidLoad
{
[super viewDidLoad];
_animation = [PopAnimation new];
//隱藏NavigationBar
self.navigationController.navigationBarHidden = YES;
//設(shè)置背景圖片
UIImageView *imageView = [[UIImageView alloc]initWithFrame:self.view.frame];
[imageView setImage:[UIImage imageNamed:@"2.jpg"]];
[self.view addSubview:imageView];
//定義一個(gè)button
UIButton *pushBtn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
pushBtn.frame = CGRectMake(284, 700, 200, 40);
[pushBtn setTitle:@"Pop" forState:UIControlStateNormal];
pushBtn.titleLabel.font = [UIFont systemFontOfSize:32.0f];
[pushBtn addTarget:self action:@selector(buttonClicked:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:pushBtn];
}
- (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];
self.navigationController.delegate = self;
}
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
if (self.navigationController.delegate == self) {
self.navigationController.delegate = nil;
}
}
- (void)buttonClicked:(id)sender {
[self.navigationController popViewControllerAnimated:YES];
}
#pragma mask UINavigationControllerDelegate
- (id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
animationControllerForOperation:(UINavigationControllerOperation)operation
fromViewController:(UIViewController *)fromVC
toViewController:(UIViewController *)toVC {
if (operation == UINavigationControllerOperationPop) {
return self.animation;
}
return nil;
}
STEP6： Over 了
源碼下載地址： http://download.csdn.net/detail/luozhonglan/7979545
***************************************************************************************************************************************************************************************
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
