首页 > 代码库 > iOS7 自定义动画跳转

iOS7 自定义动画跳转

简介

在iOS7系统中,如果你使用短信或者appStore苹果原生的工具的时候会发现这么一个细节。UINavigationViewController中界面的Push不再是像iOS6的旧界面左移,新的界面直接右侧滑入,而是新的视图是从右侧滑入并且盖在了之前视图控制器之上,还可以通过手势在界面左侧边界滑动来跳转到之前的界面。如图1.1,1.2。


图1.1                                          图1.2

不知道你是否已经看出两幅图之间的区别。有一个好的消息告诉大家,在iOS7中,所有和这样类似的功能都可以通过使用iOS7新的Apis来实现自定义的试图控制器的跳转。

一个自定义的跳转:

当你点击某一个app中的按钮的时候,某一个将要呈现的视图控制器会在当前视图的底部滑上来。这一次学习,我们将为需要呈现的视图实现一个自定义的变换。

在iOS中实现自定义跳转需要执行以下三个步骤:

1.创建一个动画控制器

第一步是创建一个实现了UIViewControllerAnimatedTransitioning协议的类。这个类中包含的代码是所要执行的动画,所以这个类被称为动画控制器。

2.在呈现一个新的视图控制器前,为它设置跳转的委托。

你需要为你将要呈现的视图控制器去设置一个它的动画跳转委托。通过这个委托回调来获取呈现新视图控制器时,自己将要执行的动画控制器。

3.在回调中返回动画控制器。

通过回调方法(2中)来返回你创建好的动画控制器的实例(1中)。

之后来实现所有步骤中的第一步:实现一个动画控制器。

创建一个动画控制器

    新建一个继承自NSObject并遵循UIViewControllerAnimatedTransitioning

协议的类。UIViewControllerAnimatedTransitioning协议必须实现两个用来定义视图控制器之间自定义动画的方法。

@interface CustomPresentAnimationController :NSObject <UIViewControllerAnimatedTransitioning>

@end

在.m文件中添加必须实现的两个方法:

1.控制整个跳转动画所需要执行的时间。例子代码中执行的时间设置为了两秒钟。

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

return2.0;

}

2.方法参数transitionContext可以帮助你成功的获取跳转前后的视图控制器、内容视图和少量的其他来龙去脉。你可以遍历这些属性,依赖于包含的视图控制器,使你的跳转动画变得与众不同。

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

// 1. obtain state from the context

UIViewController*toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];

CGRectfinalFrame = [transitionContext finalFrameForViewController:toViewController];

// 2. obtain the container view

UIView*containerView = [transitionContext containerView];

// 3. set initial state

CGRectscreenBounds = [[UIScreenmainScreen]bounds]; toViewController.view.frame=

CGRectOffset(finalFrame,0, screenBounds.size.height);// 4. add the view

[containerViewaddSubview:toViewController.view];

// 5. animate

NSTimeIntervalduration =
[self transitionDuration:transitionContext];

[UIViewanimateWithDuration:duration animations:^{

toViewController.view.frame= finalFrame; } completion:^(BOOLfinished) {

// 6. inform the context of completion

[transitionContext completeTransition:YES]; 

}];

}

 点击关注我,更多精彩内容!!!

群号:336146073