注意我的标题,是简单修改转场动画,这个简单是有限的修改.本篇文章的前提是,在不使用delegate的情况下(tabbar.nav.vc的delegate)进行有限的修改,而不是自定义.
对于CALayer类.我们可以使用下面这个方法去给CALayer上添加一个动画.
- (void)addAnimation:(CAAnimation *)anim forKey:(nullable NSString *)key;
对于转场,又有专门用于转场的CATransition类.
对于Push我们都知道是从左到右,我们如何能修改它到从上到下呢.我们知道,push动画是由导航栈管理的,那么理论上来说我们添加动画的layer应该是Nav的View的Layer:
SecondViewController *vc = [[SecondViewController alloc] init];
CATransition *transition = [CATransition animation];
/// 动画时间
transition.duration = 0.5;
/// 渐进渐出
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
/// 覆盖
transition.type = kCATransitionMoveIn;
/// 从底部到顶部
transition.subtype = kCATransitionFromTop;
/// 添加动画
[self.navigationController.view.layer addAnimation:transition forKey:@"animation"];
[self.navigationController pushViewController:vc animated:NO];
对于Pop动画.代码稍微有点不一样.
CATransition *transition = [CATransition animation];
transition.duration = 0.5;
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
/// 移除当前的
transition.type = kCATransitionReveal;
transition.subtype = kCATransitionFromBottom;
[self.navigationController.view.layer addAnimation:transition forKey:@"animation"];
[self.navigationController popViewControllerAnimated:NO];
可以看得出来,使用CATransition方式来实现转场动画来说的话,局限性还是比较大的.推荐使用iOS转场动画中的自定义方式.
CATransition
type:
下面presentingController是A,presented是B
| type | 描述 | subtype说明 |
|---|---|---|
| kCATransitionFade | 渐变 | 不支持subtype |
| kCATransitionMoveIn | 覆盖,B在A上 | 支持subtype,如果是top的话就是从底部移动到顶部 |
| kCATransitionPush | 推出,类似nav的push,推出B的时候A会被"挤走" | 支持subtype,想用nav的push效果的话.subtype就设置为right |
| kCATransitionReveal | 我称之为揭开,A在B上,类似默认的dismiss效果 | 支持subtype,想用默认的dismiss效果,subtype就设置为bottom |
| 接下来就是一些"私有"的属性了,传入的是字符串 | - | - |
| cube | 立方体旋转效果A往B的方向转 | 支持subtype,subtype的方向就是旋转的方向 |
| oglFlip | 镜面翻转的效果,A往B翻 | 支持subtype,subtype的方向就是翻转的方向 |
| suckEffect | 抽纸的效果,A往左上角收,B在底下 | 不支持subtype |
| rippleEffect | 水波纹效果 | 不支持subtype |
| pageCurl | 书籍翻页往后翻的效果 | 支持subtype,subtype的方向为翻页开始的方向 |
| pageUnCurl | 书籍翻页往前翻的效果 | 支持subtype,subtype的方向为翻页开始的方向 |
| @“cameraIrisHollowOpen” | 旧版iOS相机App的快门打开效果 | 不支持subtype |
| @“cameraIrisHollowClose” | 旧版iOS相机App的快门关闭效果 | 不支持subtype |
subtype:
subtype没什么好说的,就是四个方向罢了.kCATransitionFromRight,kCATransitionFromLeft,kCATransitionFromTop,kCATransitionFromBottom