CATransition 转场动画

原创 2015年07月08日 22:23:32

转场动画就是从一个场景以动画的形式过渡到另一个场景,navigation的push就是一种转场方式(后面会介绍如何自定义)。
转场动画一般分为这几个步骤:
(1)初始化转场动画
(2)设置转场类型属性等
(3)设置转场后的新视图并添加动画到图层
下表列出了常用的转场类型(注意私有API是苹果官方没有公开的动画类型,但是目前通过仍然可以使用):

公开API
动画类型 说明 对应常量 是否支持方向设置
fade 淡出效果 kCATransitionFade
movein 新视图移动到旧视图上 kCATransitionMoveIn
push 新视图推出旧视图 kCATransitionPush
reveal 移开旧视图显示新视图 kCATransitionReveal
私有API———-私有API只能通过字符串访问
动画类型 说明 对应常量 是否支持方向设置
cube 立方体翻转效果
oglFlip 翻转效果
suckEffect 收缩效果
rippleEffect 水滴波纹效果
pageCurl 向上翻页效果
pageUnCurl 向下翻页效果
cameralIrisHollowOpen 摄像头打开效果
cameraIrisHollowClose 摄像头关闭效果
另外对于支持方向设置的动画类型还包含子类型
动画子类型 说明
kCATransitionFromRight 从右侧转场
kCATransitionFromLeft 从左侧转场
kCATransitionFromTop 从顶部转场
kCATransitionFromBottom 从底部转场

下面是一个小例子:

    CATransition *transition = [CATransition animation];
    transition.duration = 1.0f;
    transition.type = @"cube";

    transition.subtype = kCATransitionFromRight;
    UIView *cubeView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 200, 300)];
    cubeView.backgroundColor = [UIColor cyanColor];
    [self.view.layer addAnimation:transition forKey:@"cubeView"];
    [self.view addSubview:cubeView];

感谢一下博客
http://www.cnblogs.com/kenshincui/p/3972100.html#autoid-3-3-0

【iOS开发】---- 转场动画 CATransition

Inherits from CAAnimation : NSObject Conforms to NSCoding (CAAnimation) NSCopying (CAAnimati...
  • sjx19871225
  • sjx19871225
  • 2013年05月16日 14:09
  • 9367

iOS之转场动画/自定义转场动画

/** CATransition      *      *  @see http://www.dreamingwish.com/dream-2012/the-concept-of-corean...
  • u011146511
  • u011146511
  • 2017年04月06日 12:37
  • 389

CATransition—转场动画

转载自:http://www.jianshu.com/p/267ba592254c 一、简介 CATransition是CAAnimation的子类,用于做转场动画能够为图层提...
  • liangliang2727
  • liangliang2727
  • 2016年10月26日 15:23
  • 107

CATransition转场动画

其实转场动画,我们一直在使用,UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果。  动画相关属性: 1.type :动画过度类型 ...
  • aa122273328
  • aa122273328
  • 2015年09月17日 11:23
  • 231

转场动画—— CATransition

Inherits from CAAnimation : NSObject Conforms to NSCoding (CAAnimation) NSCopying ...
  • againbike
  • againbike
  • 2013年07月21日 18:56
  • 643

iOS——转场动画(CATransition)

#import "ViewController.h" @interface ViewController () @property (nonatomic,strong)NSMutableArr...
  • u012189584
  • u012189584
  • 2015年07月28日 11:48
  • 457

CATransition的动画效果类型及实现方法

来源:http://hi.baidu.com/bunsman/blog/item/691c954e922ee610b3de05bc.html 实现iphone漂亮的动画效果主要有两种...
  • u010486174
  • u010486174
  • 2014年03月11日 09:48
  • 934

Swift学习笔记(1)过渡动画(CATransition和UIViewAnimation)的用法

Swift学习笔记(1)过渡动画(CATransition和UIViewAnimation)的用法CATransition和UIViewAnimation是场景切换时常用的两种过渡动画目录Swift学...
  • sps900608
  • sps900608
  • 2016年06月29日 17:16
  • 1411

Android5.0之Activity的转场动画

Activity的转场动画很早就有,但是太过于单调,样式也不好看,于是Google在Android5.0之后,又推出的新的转场动画,效果还是非常炫的,今天我们一起来看一下。1.旧转场动画回顾首先我们还...
  • u012702547
  • u012702547
  • 2016年05月01日 12:37
  • 15915

使用CATransition动画来进行图像翻转效果,实用性很强

使用CATransition进行界面的各种动画的翻转,使用方便,效果很好
  • wen22278
  • wen22278
  • 2016年08月04日 13:41
  • 501
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CATransition 转场动画
举报原因:
原因补充:

(最多只允许输入30个字)