- 浏览: 1035972 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
繁星水:
Useful!!
Object-C之(Null)与(Bool) -
pacer123:
请问注解@ApiModelProperty 在哪个jar包下面 ...
Micro Service工具集之Swagger:可测试的样式化API文档 -
sucheng2016:
这东东真的好用么/
对象转换利器之Dozer -
zzq0324:
http://git.oschina.net/zzq0324/ ...
基于Spring-WS的Restful API的集成测试 -
lrz0534:
你好,我在maven上面下载了swagger-springmv ...
Micro Service工具集之Swagger:可测试的样式化API文档
在iOS5和iOS6前,View Controller的切换主要有4种:
在使用Add ChildViewController的方式时,一般使用transitionFromViewController:toViewController:…的Animation block中可以实现一些简单的切换效果,这样做有2大不足:
于是,苹果在iOS7中引入了一些新的API来帮助开发者更容易,更松耦合地定义ViewController的转换效果。
知识点
用法
从上面的知识点图中可以看出,新的API主要提供了2种VC切换的方式,一种是动画式切换,即定义一种从一个VC到另一个VC的动画效果,切换的时候自动播放,第二种是交互式切换,这种方式同样需要定义动画效果,只是这个动画效果会根据跟随交互式手势来切换VC并同时播放动画效果。 这两种方式的用法略有不同。
动画式切换
交互式切换
实战
下图是我实现的一个VC切换的效果图,(注:App图片是网上随便找的,不代表个人喜好:)
实现代码:
VC跳入动画的代码:
手势交互代码:
根据手势3D切换的动画代码:
待切换的VC的动画效果配置代码:
整个示例的完整代码已提交到Github上:https://github.com/xianlinbox/iOS7_New/tree/master/iOS7_New/VCTransitions
- 1. Push/Pop,NavigationViewController常干的事儿
- 2. Tab,TabViewController点击
- 3. Present Modal,调用ViewController的presentViewController:animated:completion:方法
- 4. Add ChildViewController,调用- (void)addChildViewController:(UIViewController *)childController方法
在使用Add ChildViewController的方式时,一般使用transitionFromViewController:toViewController:…的Animation block中可以实现一些简单的切换效果,这样做有2大不足:
- 1. 代码高度耦合,VC切换部分的代码直接写在container中,难以分离重用;
- 2. 支持的切换效果比较有限,因为其只能使用UIView动画来切换,管理起来也略显麻烦
于是,苹果在iOS7中引入了一些新的API来帮助开发者更容易,更松耦合地定义ViewController的转换效果。
知识点
用法
从上面的知识点图中可以看出,新的API主要提供了2种VC切换的方式,一种是动画式切换,即定义一种从一个VC到另一个VC的动画效果,切换的时候自动播放,第二种是交互式切换,这种方式同样需要定义动画效果,只是这个动画效果会根据跟随交互式手势来切换VC并同时播放动画效果。 这两种方式的用法略有不同。
动画式切换
- 首先定义一个动画类实现接口UIViewControllerAnimatedTransitioning, 实现接口的2个方法,一个是动画效果的时间,一个是动画效果(- (void)animateTransition:(id )transitionContext ),实现动画效果时可以从参数transitionContext中获取到切换时的上下文信息,比方说从哪个VC切换到哪个VC等。
- 在需切换的VC中实现UIViewControllerTransitioningDelegate,并实现animationController*方法,返回一个步骤1定义的动画变量。
- 调用展现VC切换方法,presentViewController等。
交互式切换
- 定义一个类实现接口UIViewControllerInteractiveTransitioning,iOS7提供了一个默认的基于百分比的动画实现UIPercentDrivenInteractiveTransition,大家不想太麻烦可以直接扩展这个类。该类需要绑定需要实现手势控制的VC,同时把手势操作添加到该VC上,然后在处理手势动作的时候,调用接口中的方法去更新当前的动画进度。
- 定以切换时的动画效果类。和动画式切换的方式一致
- 在需切换的VC中实现UIViewControllerTransitioningDelegate,实现interactiveController方法,返回步骤1定义的类,实现animationController方法返回步骤2定义的动画效果。
实战
下图是我实现的一个VC切换的效果图,(注:App图片是网上随便找的,不代表个人喜好:)
实现代码:
VC跳入动画的代码:
-(NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext { return 0.5f; } -(void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext { //Create the differents 3D animations CATransform3D viewFromTransform; CATransform3D viewToTransform; UIView *generalContentView = [transitionContext containerView]; UIView *fromView = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey].view; UIView *toView = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey].view; viewFromTransform = CATransform3DMakeRotation(ROTATION_ANGLE, 0.0, 1.0, 0.0); viewToTransform = CATransform3DMakeRotation(-ROTATION_ANGLE, 0.0, 1.0, 0.0); [toView.layer setAnchorPoint:CGPointMake(0, 0.5)]; [fromView.layer setAnchorPoint:CGPointMake(1, 0.5)]; // [generalContentView setTransform:CGAffineTransformMakeTranslation(generalContentView.frame.size.width/2.0, 0)]; viewFromTransform.m34 = PERSPECTIVE; viewToTransform.m34 = PERSPECTIVE; toView.layer.transform = viewToTransform; //Add the to- view [generalContentView addSubview:toView]; [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{ [generalContentView setTransform:CGAffineTransformMakeTranslation(-generalContentView.frame.size.width/2.0, 0)]; fromView.layer.transform = viewFromTransform; toView.layer.transform = CATransform3DIdentity; } completion:^(BOOL finished) { //Set the final position of every elements transformed [generalContentView setTransform:CGAffineTransformIdentity]; fromView.layer.transform = CATransform3DIdentity; toView.layer.transform = CATransform3DIdentity; [fromView.layer setAnchorPoint:CGPointMake(0.5f, 0.5f)]; [toView.layer setAnchorPoint:CGPointMake(0.5f, 0.5f)]; if ([transitionContext transitionWasCancelled]) { [toView removeFromSuperview]; } else { [fromView removeFromSuperview]; } // inform the context of completion [transitionContext completeTransition:![transitionContext transitionWasCancelled]]; }]; }
手势交互代码:
-(void)wireToViewController:(UIViewController *)viewController { self.presentingVC = viewController; [self prepareGestureRecognizerInView:viewController.view]; } - (void)prepareGestureRecognizerInView:(UIView*)view { UIPanGestureRecognizer *gesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handleGesture:)]; [view addGestureRecognizer:gesture]; } -(CGFloat)completionSpeed { return 1 - self.percentComplete; } - (void)handleGesture:(UIPanGestureRecognizer *)gestureRecognizer { CGPoint translation = [gestureRecognizer translationInView:gestureRecognizer.view.superview]; switch (gestureRecognizer.state) { case UIGestureRecognizerStateBegan: // 1. Mark the interacting flag. Used when supplying it in delegate. self.interacting = YES; [self.presentingVC dismissViewControllerAnimated:YES completion:nil]; break; case UIGestureRecognizerStateChanged: { // 2. Calculate the percentage of guesture CGFloat fraction = -translation.x / 300.0; //Limit it between 0 and 1 fraction = fminf(fmaxf(fraction, 0.0), 1.0); self.shouldComplete = (fraction > 0.5); [self updateInteractiveTransition:fraction]; break; } case UIGestureRecognizerStateEnded: case UIGestureRecognizerStateCancelled: { // 3. Gesture over. Check if the transition should happen or not self.interacting = NO; if (!self.shouldComplete || gestureRecognizer.state == UIGestureRecognizerStateCancelled) { [self cancelInteractiveTransition]; } else { [self finishInteractiveTransition]; } break; } default: break; } }
根据手势3D切换的动画代码:
-(NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext { return 0.5f; } -(void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext { //Create the differents 3D animations CATransform3D viewFromTransform; CATransform3D viewToTransform; UIView *generalContentView = [transitionContext containerView]; UIView *fromView = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey].view; UIView *toView = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey].view; viewFromTransform = CATransform3DMakeRotation(ROTATION_ANGLE, 0.0, 1.0, 0.0); viewToTransform = CATransform3DMakeRotation(-ROTATION_ANGLE, 0.0, 1.0, 0.0); [toView.layer setAnchorPoint:CGPointMake(0, 0.5)]; [fromView.layer setAnchorPoint:CGPointMake(1, 0.5)]; // [generalContentView setTransform:CGAffineTransformMakeTranslation(generalContentView.frame.size.width/2.0, 0)]; viewFromTransform.m34 = PERSPECTIVE; viewToTransform.m34 = PERSPECTIVE; toView.layer.transform = viewToTransform; //Add the to- view [generalContentView addSubview:toView]; [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{ [generalContentView setTransform:CGAffineTransformMakeTranslation(-generalContentView.frame.size.width/2.0, 0)]; fromView.layer.transform = viewFromTransform; toView.layer.transform = CATransform3DIdentity; } completion:^(BOOL finished) { //Set the final position of every elements transformed [generalContentView setTransform:CGAffineTransformIdentity]; fromView.layer.transform = CATransform3DIdentity; toView.layer.transform = CATransform3DIdentity; [fromView.layer setAnchorPoint:CGPointMake(0.5f, 0.5f)]; [toView.layer setAnchorPoint:CGPointMake(0.5f, 0.5f)]; if ([transitionContext transitionWasCancelled]) { [toView removeFromSuperview]; } else { [fromView removeFromSuperview]; } // inform the context of completion [transitionContext completeTransition:![transitionContext transitionWasCancelled]]; }]; }
待切换的VC的动画效果配置代码:
-(IBAction)changeViewController:(id)sender { ToViewController *vc =[[ToViewController alloc] init]; vc.delegate = self; vc.transitioningDelegate = self; [self.interactionAnimation wireToViewController:vc]; [self presentViewController:vc animated:YES completion:nil]; } -(void) didClickedDismissButton:(ToViewController *)viewController { [self dismissViewControllerAnimated:YES completion:nil]; } - (id <UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source { return self.presentAnimation; } -(id <UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed { return self.cubeAnimation; } -(id <UIViewControllerInteractiveTransitioning>)interactionControllerForDismissal:(id<UIViewControllerAnimatedTransitioning>)animator { return self.interactionAnimation.interacting? self.interactionAnimation:nil; }
整个示例的完整代码已提交到Github上:https://github.com/xianlinbox/iOS7_New/tree/master/iOS7_New/VCTransitions
发表评论
-
Xcode的代码结构管理
2015-07-21 22:34 2777Merge Conflicts on .project fil ... -
记Protocol Oriented Programming in Swift of WWDC 2015
2015-07-12 20:28 1832其实最先朋友让我就这个题目写篇文章的时候,我是拒绝的,因为觉得 ... -
你应该知道的Core Animation知识
2015-06-07 00:04 1316分享最近读的一本书:https://github.com/At ... -
Object-C之(Null)与(Bool)
2014-04-05 14:08 9125在写iOS程序的时候,想初始化一个空值的时候,经常会迷茫到底是 ... -
iOS之Local Notification(本地通知)·
2014-03-23 21:31 19501Local Notification的作用 Local Not ... -
实战iOS7之后台多任务
2014-02-08 20:20 15269在WWDC2013中 水果公司把iOS7的中后台多任务单独开出 ... -
实战iOS7之NSURLSession
2014-02-01 20:19 30686NSURLSession VS NSURLConnection ... -
iOS概念之KVO(Key-Value Observing)
2014-01-26 20:21 21786在一个复杂的,有状态的系统中,当一个对象的状态发生改变,如何通 ... -
实战iOS7之UIDynamics
2014-01-26 14:26 10487最近在看Sam Davies写的iOS7系列文章(http:/ ... -
在iOS App的图标上显示版本信息
2013-12-29 19:46 5630最近读到一篇文章(http://www.merowing.in ... -
构建iOS持续集成平台
2013-09-25 20:33 5409之前写的关于iOS持续集成平台的文章终于在infoQ上发表了, ... -
Object-C的对象模型
2013-09-17 20:04 2434在Object-C的类型结构中,有几个比较重要的概念Objec ... -
使用AVAudioRecorder,AVAudioPlayer构建简单录音笔应用
2013-07-12 05:57 16937在iOS的基础类库中, 提供了AVFoundation Fra ... -
UIView的Animation效果
2013-07-05 19:05 23742所谓动画效果,就是会动的画,到iOS App中来说的话,就是各 ... -
iOS使用GameKit构建“Master-Client”网络
2013-07-02 20:34 2125GameKit是iOS SDK中一个常用的框架。其核心功能有3 ... -
Object-C中的块(Block)
2013-06-26 20:22 9227在Object-C中,块的概念 ... -
Object-C动态特性之protocol
2013-06-25 16:11 8599在Object-C中,Protocol被用来定义一组独立于具体 ... -
Object-C中的动态特性Category
2013-06-22 08:41 1722刚接触Object-C哪会儿, ... -
统一iOS客户端和服务器端认证
2013-01-18 21:05 3394最近公司的同事业余时间搞了一个内部的类about. ... -
iOS开发随笔记之 常量声明和NSUserDefaults
2012-12-09 14:19 5074在iOS中,常量声明一般使用2种方式 1、使用C语言的预处理方 ...
相关推荐
此压缩包"IOS应用源码——多种view视图切换效果.zip"提供了一组示例代码,专门针对在iOS应用中如何实现不同View之间的切换效果。这些效果通常用于创建流畅的用户体验,例如在导航、页面滑动或模态显示之间切换。下面...
本示例源码“效果不错的view视图滑动切换效果”提供了一个展示如何实现动态、交互式的视图切换效果的学习资源,特别适用于iOS毕业设计或论文研究。在这个项目中,开发者可能会学到以下关键知识点: 1. **...
这个开源项目“轻松创建 iOS View Controller 动画过度效果”旨在帮助开发者实现自定义的、交互式的控制器转换动画,使得应用程序的界面切换不仅美观,而且能够灵活响应用户的操作。 在iOS中,UIViewController类...
通过分析和学习这个源码,开发者不仅可以掌握界面切换效果的实现,还能对iOS应用的架构、动画、布局和交互有更深入的理解。这将有助于提升你的iOS开发技能,让你能够创造出更加丰富和动态的用户体验。
"ios-视图撕裂切换效果.zip"是一个项目,它专注于实现一种独特的视图切换效果,即“视图撕裂切换”。这种效果在用户交互时使视图仿佛被撕开,然后切换到下一个视图,为应用程序增添了一种引人注目的动态感。 项目...
【标题解析】:“ios-广告图片切换效果.zip”这个标题暗示了内容可能与iOS平台上的一个功能有关,具体来说是关于广告图片的动态切换效果。在iOS应用开发中,为了吸引用户注意力并展示多种广告,开发者通常会实现图片...
在iOS开发中,UI切换效果是提升用户体验的关键因素之一,特别是在iPad这样的大屏设备上,良好的界面交互设计能显著提高用户的满意度。标题“ios应用源码之一个适用于ipad的ui切换效果 2018127”指出,这是一个关于...
本教程主要探讨的是如何在iOS应用中实现一种独特的视图切换效果,即“Ticker View”,它模仿了Flipboard应用中的翻页效果,使得视图能够从上至下或从下至上折叠,这种效果可以用于页面切换、图片切换以及模拟计时器...
7. **Storyboard或Xib文件**: 这些是iOS应用的界面设计文件,可能包含了实现UI切换效果的界面布局和Segue配置。 8. **手势识别与交互**: 可能会使用到UIGestureRecognizer来响应用户的滑动、点击等操作,以触发UI...
在iOS开发中,ViewController的转场切换效果是用户体验的重要组成部分,尤其在iOS7之后,苹果引入了一系列新API,使得开发者能够更加灵活、个性化地实现转场动画。本文将详细介绍这些新特性,帮助开发者掌握如何创建...
在iOS应用开发中,底部菜单通常被称为Tab Bar Controller,它是苹果iOS人机交互指南(Human Interface Guidelines)中推荐的一种导航模式,用于提供多视图间的快捷切换。 【描述】"IOS源码——ios底部菜单.7z"的...
使用UIView.animate(withDuration:)方法,可以实现平滑的视图切换效果。 ```swift UIView.animate(withDuration: 0.5) { newController.view.alpha = 1.0 oldController.view.alpha = 0.0 } completion: { _ in ...
本资源“多种view视图切换效果.zip”提供了一个iOS应用的源码示例,旨在帮助学生、个人开发者或公司团队更好地理解和实践视图切换技术。 1. **基础视图切换** - **UIStoryboardSegue**: iOS中的UIStoryboardSegue...
这是一款不错的ios菜单效果,该效果实现如何将另类侧边菜单和界面切换效果。用户向右滑动当前页面,当前页面往右边缩小,左边露出侧边菜单,喜欢的朋友可以研究一下吧。 使用说明: 1. 在 storyboard 中加入 ...
7. 代码组织和架构:理解项目的模块划分,如MVC(Model-View-Controller)或MVVM(Model-View-ViewModel)设计模式的应用。 通过研究这份源码,开发者可以学习到如何在iPad应用中创建出色的UI切换效果,同时也可以...
在iOS开发中,UI设计和交互体验是至关重要的部分,特别是在iPad这样的大屏设备上,用户期待更加丰富和流畅的界面切换效果。本资源提供的"一个适用于iPad的UI切换效果"源码,正是针对这一需求,提供了一种优化的解决...
在iOS应用开发中,TabBar通常作为底部导航栏,用于切换不同的页面。然而,为了提供更丰富的用户体验,有时我们希望在特定操作(如页面推送)时,让TabBar执行特定的动画,例如像京东App那样向下隐藏。这个“ios-...
在iOS开发中,实现“卡片左右切换的效果”是一种常见的用户界面设计,用于提供平滑的导航体验,尤其是在展示多项目或...通过研究和理解这个示例,开发者可以更好地掌握如何在自己的iOS应用中实现类似的卡片切换效果。
在iOS应用开发中,Tab View Controller(标签视图控制器)是一种常见的用户界面设计,它允许用户在多个相互关联的视图之间轻松切换。这个“IOS应用源码之位于顶部的黑酷tab view视图demo”提供了实现这种效果的示例...