iOS(视图控制器转场)

转场需要提供转场代理,不使用默认的代理则需要自己实现代理方式,有UINavigationController、UITabBarController、UIViewController三种代理,实现以下三种协议<UINavigationControllerDelegate>     //push和pop切换
<UITabBarControllerDelegate>       //tab切换<UIViewControllerTransitioningDelegate>  //UICollectionViewController 与 UINavigationController 结合的转场方式

转场触发时,需要UIKit 将要求转场代理将提供转场动画的核心构件:动画控制器和交互控制器动画控制器(Animation Controller):

 最重要的部分,负责添加视图以及执行动画;遵守<UIViewControllerAnimatedTransitioning>协议;由我们实现。

  

 交互控制器

 通过交互手段,通常是手势来驱动动画控制器实现的动画,使得用户能够控制整个过程;遵守<UIViewControllerInteractiveTransitioning>协议;系统已经打包好现成的类供我们使用

   转场环境(Transition Context):

提供转场中需要的数据;遵守<UIViewControllerContextTransitioning>协议;由 UIKit 在转场开始前生成并提供给我们提交的动画控制 器和交互控制器使用。

  

转场协调器(Transition Coordinator):

可在转场动画发生的同时并行执行其他的动画,其作用与其说协调不如说辅助,主要在 Modal 转场和交互转场取消时使用,其他时候很少用到;遵守<UIViewControllerTransitionCoordinator>协议;由 UIKit 在转场时生成,UIViewController 在 iOS 7 中新增了方法transitionCoordinator()返回一个遵守该协议的对象,且该方法只在该控制器处于转场过程中才返回一个此类对象,不参与转场时返回 nil

动画控制器协议实现: 

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "PingFang SC"; color: #008400 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #703daa }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #000000; min-height: 16.0px }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #ba2da2 }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #000000 }
p.p6 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #008400 }
span.s1 { font: 14.0px Menlo }
span.s2 { }
span.s3 { color: #000000 }
span.s4 { color: #ba2da2 }
span.s5 { color: #4f8187 }
span.s6 { color: #703daa }
span.s7 { font: 14.0px Menlo; color: #000000 }
span.s8 { font: 14.0px "PingFang SC" }
span.s9 { color: #3e1e81 }
span.s10 { color: #31595d }


//返回动画时间


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



return self.duration;


}



//执行动画


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


//返回容器视图,转场发生的地方


//获取参与转场的视图控制器,有 UITransitionContextFromViewControllerKey 和 UITransitionContextToViewControllerKey 两个 Key。


//通过viewForKey:获取的视图是viewControllerForKey:返回的控制器的根视图,或者 nil。viewForKey:方法返回 nil 只有一种情况: UIModalPresentationCustom 模式下的 Modal 转场 ,通过此方法获取 presentingView 时得到的将是 nil,在后面的 Modal 转场里会详细解释。


UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];


UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];


UIView *toView = toVC.view;


UIView *fromView = fromVC.view;



[self animateTransition:transitionContext fromVC:fromVC toVC:toVC fromView:fromView toView:toView];


}


p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #000000 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #000000; min-height: 16.0px }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #008400 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #703daa }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #3e1e81 }
span.s1 { }
span.s2 { color: #ba2da2 }
span.s3 { color: #703daa }
span.s4 { color: #000000 }
span.s5 { color: #3e1e81 }
span.s6 { color: #272ad8 }
span.s7 { color: #31595d }
span.s8 { color: #78492a }

- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext fromVC:(UIViewController *)fromVC toVC:(UIViewController *)toVC fromView:(UIView *)fromView toView:(UIView *)toView {

// Add the toView to the container

UIView* containerView = [transitionContext containerView];

[containerView addSubview:toView];

[containerView sendSubviewToBack:toView];

CGSize size = toView.frame.size;

NSMutableArray *snapshots = [NSMutableArray new];

CGFloat xFactor = 10.0f;

CGFloat yFactor = xFactor * size.height / size.width;

// snapshot the from view, this makes subsequent snaphots more performant

UIView *fromViewSnapshot = [fromView snapshotViewAfterScreenUpdates:NO];

// create a snapshot for each of the exploding pieces

for (CGFloat x=0; x < size.width; x+= size.width / xFactor) {

for (CGFloat y=0; y < size.height; y+= size.height / yFactor) {

CGRect snapshotRegion = CGRectMake(x, y, size.width / xFactor, size.height / yFactor);

UIView *snapshot = [fromViewSnapshot resizableSnapshotViewFromRect:snapshotRegion  afterScreenUpdates:NO withCapInsets:UIEdgeInsetsZero];

snapshot.frame = snapshotRegion;

[containerView addSubview:snapshot];

[snapshots addObject:snapshot];

}

}

[containerView sendSubviewToBack:fromView];

// animate

NSTimeInterval duration = [self transitionDuration:transitionContext];

[UIView animateWithDuration:duration animations:^{

for (UIView *view in snapshots) {

CGFloat xOffset = [self randomFloatBetween:-100.0 and:100.0];

CGFloat yOffset = [self randomFloatBetween:-100.0 and:100.0];

view.frame = CGRectOffset(view.frame, xOffset, yOffset);

view.alpha = 0.0;

view.transform = CGAffineTransformScale(CGAffineTransformMakeRotation([self randomFloatBetween:-10.0 and:10.0]), 0.01, 0.01);

}

} completion:^(BOOL finished) {

for (UIView *view in snapshots) {

[view removeFromSuperview];

}

[transitionContext completeTransition:![transitionContext transitionWasCancelled]];

}];

}

- (float)randomFloatBetween:(float)smallNumber and:(float)bigNumber {

float diff = bigNumber - smallNumber;

return (((float) (arc4random() % ((unsigned)RAND_MAX + 1)) / RAND_MAX) * diff) + smallNumber;

}

参考链接:http://blog.devtang.com/2016/03/13/iOS-transition-guide/

  

时间: 2024-08-26 06:44:20

iOS(视图控制器转场)的相关文章

iOS 视图控制器转场详解

前言的前言 唐巧前辈在微信公众号「iOSDevTips」以及其博客上推送了我的文章后,我的 Github 各项指标有了大幅度的增长,多谢唐巧前辈的推荐.有些人问我相关的问题,好吧,目前为止就几个,由于没有评论系统,实在不方便交流,但我也没把博客好好整理,一直都在简书上写博客,大家有问题请移步我的简书本文章的页面.关于交流,我想说这么几点: 1.问问题就好,不要加上大神大牛之类的称呼,与本文有关的问题我尽量回答:不负责解析转场动画,看心情回答. 2.去我的简书下留言是最有效的交流方式,要加我好友就

IOS视图控制器的生命周期

原创Blog,转载请注明出处 http://blog.csdn.net/hello_hwc?viewmode=contents 所谓的生命周期,也就是几个函数的调用顺序,这里以用Storyboard来创建一个ViewController为例 然后我们测试如下代码 // // ViewController.m // // Created by huangwenchen on 14/12/26. // Copyright (c) 2014年 huangwenchen. All rights rese

ios &ndash; 视图控制器如何管理视图?

移动设备的屏幕有限,所有的东西都需要放到一个单一窗口组成的单一界面显示,在ios中体现为视图切换(在<ios – 视图>中已经说明了视图),当一个视图替换掉另一个视图的时候,会经常使用动画效果,这个任务就是交给视图管理器来完成的. ios5之后应用程序窗口有一个根视图控制器(rootViewController),当不为rootViewController赋值时,会出现"Application windows are expected to have a root view cont

iOS 视图控制器 (内容根据iOS编程编写)

视图控制器是  UIViewController 类或其子类对象.每个视图控制器都负责管理一个视图层次结构,包括创建视图层级结构中的视图并处理相关用户事件,以及将整个视图层次结构添加到应用窗口. 创建一个程序,并将上节  JXHypnosisView 类导入到工程中. 创建 UIViewController 子类 打开工程,创建一个  UIViewController  子类文件,并将其命名为  JXHypnosisViewController UIViewController 的 view 属

iOS视图控制器编程指南 --- 呈现一个视图控制器

有两种方法实现一个视图控制器到屏幕上:把它嵌入到一个容器视图控制器或者是直接呈现它.容器视图控制器提供一个应用程序主要的导航功能,但是present 视图控制器也是一个重要的导航工具.你可以直接使用presentation 在当前视图控制器的最上层显示一个新的视图控制器.典型地,当你想要实现模态界面的时候直接present 视图控制器,但是你也可以基于其它目的使用它们. 对呈现视图控制器的支持内建于类UIViewController中,而且对所有的视图控制器对象都是有效的.你可以在其它任何视图控

iOS,视图控制器相关(UIViewController)

1.视图控制器各个方法调用时机 2.选项卡(Tab Bar)和导航栏(Navigation Bar) 视图控制器各个方法调用时机 init:方法 在init方法中实例化必要的对象(遵从LazyLoad思想) init方法中初始化ViewController本身 loadView:方法 这是当没有正在使用nib视图页面,子类将会创建自己的自定义视图层.绝不能直接调用 viewDidLoad:方法 在视图加载后被调用 viewWillAppear:方法 视图即将可见时调用 viewDidAppear

iOS视图控制器编程指南 --- 实现一个容器视图控制器

容器视图控制器是一种结合多个视图控制器的内容到一个单一的用户界面上的方式.容器视图控制器经常被用来使导航更方便,基于已经存在的内容创建一个新的用户界面类型.例如,在UIKit中的容器视图控制器包括UINavigationcontroller,UITabBarcontroller 和 UISplitViewcontroller,它们都可以使用户界面在不同视图部分之间的切换和导航更加的容易. 设计一个自定义的容器视图控制器 在几乎所有的方面,一个容器视图控制器就像其它任何一个内容视图控制器一样,它管

iOS视图控制器之间delegate传值教程

之前在StackOverFlow上看到一篇讲传值(segue传值和delegate传值)的文章,感觉讲的很清晰,就将delegate部分翻译了一下,有兴趣可以看看. 原文: http://stackoverflow.com/questions/5210535/passing-data-between-view-controllers 译文: 为了从ViewControllerB往回传值到ViewControllerA,我们需要使用协议(Protocols)和代理(Delegates). 为了实现

IOS视图控制器导航及生命周期研究Demo

1.背景: 2014年4月份第一次接触IOS端开发,为某银行开发一款金融app.在开发的最后阶段,加入了需要从任意一个页面直接返回主页的功能.悲催的是,当时没有使用UINavigationController进行导航管理,而是使用了IOS中的模态跳转方式(presentViewController/dismissViewControllerAnimated). 因此需要找的一种方法进行,实现如下方式的导航跳转: 已知: 页面a→页面b→页面c 求解: 页面c直接跳回到页面a,并且要求不能有内存泄