苹果在 iOS7 定制了 ViewController 的切换效果

一 在iOS5和iOS6之前,ViewController的切换主要有4种

  1. Push/Pop,NavigationViewCotnroller常做的事儿
  2. Tab, TabViewController点击
  3. Present Modal,调用viewController的presentViewController:animated:completion:方法
  4. add ChildViewController,调用addChildViewController:(UIViewController *)childController方法

注意:使用第四种方式时,一般使用transitionFromViewController:toViewController:的animation block中可以实现一些简单的切换效果,这样做有2大不足:

  1. 代码高度耦合,vc切换部分的代码直接写在container中,难以分离重用。
  2. 支持的切换效果比较有限,因为其职能使用UIView动画来切换,管理起来也略显麻烦。

二 iOS7中引入一些新的api,更松耦合地定义viewController的转换效果

从上图中可看出,新的api主要提供了2中vc切换方式。

一种是动画式切换,即定义一种从一个vc到另一个vc的动画效果,切换的时候自动播放。

一种是交互式切换,这种方式同样需要定义动画效果,只是这个动画效果会跟随交互手势来切换vc并同时播放动画效果。用法略有不同。

动画式切换:

  1. 首先定义一个动画类实现接口 UIViewControllerAnimatedTransitioning,实现接口的2个方法,一个是动画效果,一个是动画时间。实现动画效果时可以从参数transitionContext中获取到切换时的上下文信息,比方说从哪个VC切换到哪个VC等。
  2. 在需切换的VC中实现UIViewControllerTransitioningDelegte,并实现animationController方法,返回一个步骤1中定义的动画变量。
  3. 调用展现VC切换方法,presentViewController / push等。

(1)、单独两个ViewController之间的转场(相当于以前的modal),需要第一个VC去实现 UIViewControllerTransitioningDelegate

VC -->VC (纯VC-->纯的VC、纯VC-->UINavigationVC、UINavigationVC-->纯VC、UINavigationVC-->UINavigationVC)

即 VC.transitioningDelegate    或者 UINavigationVC.transitioningDelegate

(2)、不是单独两个ViewController之间的转场,需要用一个UINavigationController去控制转场的 我们需要告知 UINavigationController 去使用 UIViewControllerAnimatedTransitioning.

1.应该让当前这个ViewController去作为UINavigationControllerDelegate的代理对

2.最好是写一个基类继承UINavigationController 在里面设置UINavigationControllerDelegate代理,对于不同的由UINavigationController去控制的转场动画做统一处理

self.delegate = self ;

- (id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
animationControllerForOperation:(UINavigationControllerOperation)operation
fromViewController:(UIViewController *)fromVC
toViewController:(UIViewController *)toVC{ if ([toVC isKindOfClass:[SecondViewController class]]) {
MagicMoveTransition *transition = [[MagicMoveTransition alloc]init];
return transition;
}else{
return nil;
}
}

交互式切换:

  1. 首先定义一个动画类实现接口 UIViewControllerInteractiveTransitioning,iOS7提供了一个默认的基于百分比的动画实现UIPercentDrivenInteractiveTransition,不想太麻烦可以直接扩展这个类。该类需要绑定需要实现手势控制的VC,同时把手势操作添加到该VC上,然后在处理手势动作的时候,调用接口中的方法去更新当前的动画进度。
  2. 定以切换时的动画效果类。和动画式切换的方式一致。
  3. 在需切换的VC中实现UIViewControllerTransitioningDelegate,实现interactiveController方法,返回步骤1定义的类,实现animationController方法返回步骤2定义的动画效果。
  4. 一般用于响应手势做出的转场动画。

例如:在用户手指从屏幕左边边缘划入时产生互动

我们在第二个 viewController 的 viewDidLoad 方法中,创建这个手势识别器

- (void)viewDidLoad {
[super viewDidLoad];
UIScreenEdgePanGestureRecognizer *edgePanGestureRecognizer = [[UIScreenEdgePanGestureRecognizer alloc]initWithTarget:self action:@selector(edgePanGesture:)];
//设置从什么边界滑入
edgePanGestureRecognizer.edges = UIRectEdgeLeft;
[self.view addGestureRecognizer:edgePanGestureRecognizer];
}

现在我们可以识别该手势了,然后我们用它来设置并更新一个 iOS 7 新加入的类的对象。 UIPercentDrivenInteractiveTransition。这个类的对象会根据我们的手势,来决定我们的自定义过渡的完成度。我们把这些都放到手势识别器的 action 方法中去,具体就是:

-(void)edgePanGesture:(UIScreenEdgePanGestureRecognizer *)recognizer{
//计算手指滑的物理距离(滑了多远,与起始位置无关)
CGFloat progress = [recognizer translationInView:self.view].x / self.view.bounds.size.width;
progress = MIN(1.0, MAX(0.0, progress));//把这个百分比限制在0~1之间 //当手势刚刚开始,我们创建一个 UIPercentDrivenInteractiveTransition 对象
if (recognizer.state == UIGestureRecognizerStateBegan) {
self.percentDrivenTransition = [[UIPercentDrivenInteractiveTransition alloc]init];
[self.navigationController popViewControllerAnimated:YES];
}else if (recognizer.state == UIGestureRecognizerStateChanged){
//当手慢慢划入时,我们把总体手势划入的进度告诉 UIPercentDrivenInteractiveTransition 对象。
[self.percentDrivenTransition updateInteractiveTransition:progress];
}else if (recognizer.state == UIGestureRecognizerStateCancelled || recognizer.state == UIGestureRecognizerStateEnded){
//当手势结束,我们根据用户的手势进度来判断过渡是应该完成还是取消并相应的调用 finishInteractiveTransition 或者 cancelInteractiveTransition 方法.
if (progress > 0.5) {
[self.percentDrivenTransition finishInteractiveTransition];
}else{
[self.percentDrivenTransition cancelInteractiveTransition];
}
} }

最后一步,别忘了告诉navigationController 去用它。 在SecondViewController.m 里,实现UINavigationControllerDelegate 中的另一个返回UIViewControllerInteractiveTransitioning的方法:

- (id <UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController
interactionControllerForAnimationController:(id <UIViewControllerAnimatedTransitioning>) animationController{
if ([animationController isKindOfClass:[MagicMoveInverseTransition class]]) {
return self.percentDrivenTransition;
}else{
return nil;
}
}

iOS8  UIPresentationController

modal 的方式

UIPresentationController,它与 iOS 7 新添加的几个类与协议一道,帮助我们方便快捷地实现 ViewController 的自定义过渡效果。

代码:https://github.com/PeteC/PresentationControllers

UIPresentationController 的子类是负责「被呈现」及「负责呈现」的 controller 的大小 modal出来的控制器其实是在单独的一个window中里面有个容器放着被呈现的vc,可以改变view 的frame (其controller 大小也会改变)如下

- (void)containerViewWillLayoutSubviews{
[super containerViewWillLayoutSubviews];
// 1.设置弹出View的尺寸
[self presentedView].frame = self.presentedFrame;
// 2.添加蒙版
[self setupCoverView]; }

当然它还可以负责的仅仅是那个带渐变效果的红色的半透明背景 View 的动画(其实是我们自己加进去一个view 然后根据监听弹出的的过程对改view做动画)

* presentationTransitionWillBegin //是在呈现过渡即将开始的时候被调用的
* presentationTransitionDidEnd: //是在呈现过渡结束时被调用的
* dismissalTransitionWillBegin
* dismissalTransitionDidEnd:
* frameOfPresentedViewInContainerView// 重写返回PresentedView的frame

http://www.cocoachina.com/industry/20140707/9053.html

http://www.kittenyang.com/uipresentation/

iOS - 转场动画的更多相关文章

  1. iOS 转场动画探究(一)

    什么是转场动画: 转场动画说的直接点就是你常见的界面跳转的时候看到的动画效果,我们比较常见的就是控制器之间的Push和Pop,还有Present和Dismiss的时候设置一下系统给我们的modalTr ...

  2. iOS 转场动画探究(二)

    这篇文章是接着第一篇写的,要是有同行刚看到的话建议从前面第一篇看,这是第一篇的地址:iOS 转场动画探究(一) 接着上一篇写的内容: 上一篇iOS 转场动画探究(一)我们说到了转场要素的第四点,把那个 ...

  3. iOS转场动画

    文顶顶 最怕你一生碌碌无为 还安慰自己平凡可贵 iOS开发UI篇—核心动画(转场动画和组动画) iOS开发UI篇—核心动画(转场动画和组动画) 一.转场动画简单介绍 CAAnimation的子类,用于 ...

  4. iOS转场动画封装

    写在前面 iOS在modal 或push等操作时有默认的转场动画,但有时候我们又需要特定的转场动画效果,从iOS7开始,苹果就提供了自定义转场的API,模态推送present和dismiss.导航控制 ...

  5. iOS 转场动画核心内容

    CATransition——转场动画 CATransition是CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果.iOS比Mac OS X的转场动画效果少一点. ...

  6. iOS转场动画初探

    一般我们就用两种转场push和present present /** 1.设置代理 - (instancetype)init { self = [super init]; if (self) { se ...

  7. IOS 转场动画二和透明控制器视图

    一.透明视图控制器 WJListMenuViewController *VC = [[WJListMenuViewController alloc]init]; VC.modalPresentatio ...

  8. iOS开发UI篇—核心动画(转场动画和组动画)

    转自:http://www.cnblogs.com/wendingding/p/3801454.html iOS开发UI篇—核心动画(转场动画和组动画) 一.转场动画简单介绍 CAAnimation的 ...

  9. iOS 开发--转场动画

    "用过格瓦拉电影,或者其他app可能都知道,一种点击按钮用放大效果实现转场的动画现在很流行,效果大致如下:" 本文主讲SWIFT版,OC版在后面会留下Demo下载 在iOS中,在同 ...

随机推荐

  1. if 结构和三目运算和switch语句

    if语句需要注意的地方: if判断只能接一个语句,存在多个语句时,用块语句表示{},若在if判断后 直接加“:”相当于if判断后加一个空语句,即使条件成立什么也不会干! 1. if的第一种形态(真假) ...

  2. c 二维数组动态分配和释放

    c动态语言 函数声明的头文件在<stdlib.h>里 使用malloc函数为字符串分配内存 -->记得释放内存 free() #include <stdio.h> #in ...

  3. 【Centos】systemd入门教程

    systemd使用教程 常用指令 运行一个服务: systemctl start <服务名> 关闭一个服务: systemctl stop <服务名> 重启一个服务: syst ...

  4. struts2客户端与服务器端即jsp页面与action之间的关系

    在Struts2中,客户端和服务器之间的数据传输全部要用到get.set方法:用set方法 ,可以将表单中的值存入Action类.通过Struts2.0标签,调用get方法将Action类中的结果数据 ...

  5. PhotoshopCS6常用快捷键速查

    写此文的起因:这学期开了一门多媒体技术课程,主要学习Photoshop软件的操作和使用,发觉该软件异常强大,而且有许多快捷键操作,在学期末时查阅了相关资料,特整理如下,供学习借鉴. 一.工具快捷键 二 ...

  6. JAVA编程环境JDK与JRE运行环境与API核心ClassMap

    JDK(Java Development Kit)称为Java开发包或Java开发工具,是一个编写Java的Applet小程序和应用程序的程序开发环境.JDK是整个Java的核心1.Java运行环境( ...

  7. Android 开发规范

    一. 总包命名规范: 1. 主程序:com  . 公司简写 . 项目名称简写 如彩票主程序: com.whszzy.caipiao 2. 独立模块:com . 公司简写 . 项目名称简写 . 模块名称 ...

  8. JavaScript 编码小技巧

    三元操作符 如果使用if...else语句,那么这是一个很好节省代码的方式. Longhand: const x = 20; let answer; if (x > 10) { answer = ...

  9. xshell,putty远程连接Linux并使用密钥认证

    putty秘钥登录 1.软件:putty.puttygen puttygen点击Generate生成公钥和私钥 二次保障,输入设置密码 点击保存私钥文件即可. 将公钥保存到服务器上: mkdir /r ...

  10. 【WP8】扩展CM的INavigationService方法

    CM支持通过ViewModel进行导航,并通过支持参数传递,但是内部只是通过反射的方式构造Uri的参数进行导航,所以只支持简单类型的参数传递,下面对其进行扩展,在页面导航时支持复杂类型的参数传递,并扩 ...