简介

在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 {

return 2.0;

}

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

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

// 1. obtain state from the context

UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];

CGRect finalFrame = [transitionContext finalFrameForViewController:toViewController];

// 2. obtain the container view

UIView *containerView = [transitionContext containerView];

// 3. set initial state

CGRect screenBounds = [[UIScreen mainScreen] bounds]; toViewController.view.frame =

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

[containerView addSubview:toViewController.view];

// 5. animate

NSTimeInterval duration =
[self transitionDuration:transitionContext];

[UIView animateWithDuration:duration animations:^{

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

// 6. inform the context of completion

[transitionContext completeTransition:YES];

}];

}

点击关注我，更多精彩内容！！！

群号:336146073

iOS7 自定义动画跳转相关推荐

Android跳转动画时长,Android_Activit跳转动画之界面上某个位置并裂开上下拉伸动画跳转，需求:Activity(fragment)跳转的时候 - phpStudy...
Activit跳转动画之界面上某个位置并裂开上下拉伸动画跳转需求:Activity(fragment)跳转的时候当前界面裂开,上下各自拉出手机屏幕,之后跳转到相对应的Activity.整体效果图如下 ...
CSS3 自定义动画（animation）
除了在之前的文章中介绍过的 CSS3 的变形 (transformation) 和转换 (transition) 外,CSS3 还有一种自由度更大的自定义动画,开发者甚至可以使用变形(transfor ...
微信小程序animation有趣的自定义动画
这几天在做小程序时遇到了一些问题:想要实现一个答对题目+5秒.答错题目-5秒的提示动画效果,但是关于微信小程序的animation自定义动画自己没有系统的学习过做动画需要我们将一个复杂的动作过程,拆 ...
桌面太单调？一起用Python做个自定义动画挂件，好玩又有趣！
前言前段时间,写了篇博客关于Python自制一款炫酷音乐播放器.有粉丝问我,音乐播放器为什么要用PyQt5,效果是不是比Tkinter赞?PyQt5真的可以实现这些炫酷的UI画面吗?之前没接触过Py ...
PC端 -- 导航活动跳转 -- 锚点动画跳转
目录一.PC端 -- 导航活动跳转 -- 锚点动画跳转 ① 初始化 ② 绑定方法 ③ 具体事件 ④ 导航活动跳转 ⑤ 兼容移动与pc部分不支持 $("html").animate ...
android 自定义loading,Android自定义动画-StarLoadingView
今天来分享第二个自定义loading的动画,起了个名字叫蹦跶的星星 ,还是老规矩先介绍,后上图. 实现效果在最后,GIF有点大,手机流量慎重. 介绍首先声明做这个动画的初衷是为了学习和分享,所以从 ...
html文字中横线_谈PPT课件中自定义动画应用之内容控制
本案例来源于一位资深政治教师的课件应用经验. 在她的朋友圈看到: 讲解高考政治主观题课件要这样做才好,材料全部显示完后,再把一些关键字词句用彩色字标注或横线或圆圈标注,然后再分析归纳,哪些字词句是设问 ...
Android 动画汇总-自定义动画
为什么80%的码农都做不了架构师?>>> android自定义动画步骤继承Animation,重写里面的initialize和applyTransformation,在ini ...
[Android]Fragment自定义动画、动画监听以及兼容性包使用
Fragment是Android在API 11之后加入的一个组件,对提高Android开发中的布局合理性和布局效率都有很大作用,尤其是在Android平板等大屏幕设备的开发中,Fragment的引入能 ...

iOS7 自定义动画跳转

简介

一个自定义的跳转：

iOS7 自定义动画跳转相关推荐

最新文章

热门文章