CATransition 转场动画
2015-07-08 22:23
323 查看
转场动画就是从一个场景以动画的形式过渡到另一个场景,navigation的push就是一种转场方式(后面会介绍如何自定义)。
转场动画一般分为这几个步骤:
(1)初始化转场动画
(2)设置转场类型属性等
(3)设置转场后的新视图并添加动画到图层
下表列出了常用的转场类型(注意私有API是苹果官方没有公开的动画类型,但是目前通过仍然可以使用):
公开API
私有API———-私有API只能通过字符串访问
另外对于支持方向设置的动画类型还包含子类型
下面是一个小例子:
感谢一下博客
http://www.cnblogs.com/kenshincui/p/3972100.html#autoid-3-3-0
转场动画一般分为这几个步骤:
(1)初始化转场动画
(2)设置转场类型属性等
(3)设置转场后的新视图并添加动画到图层
下表列出了常用的转场类型(注意私有API是苹果官方没有公开的动画类型,但是目前通过仍然可以使用):
公开API
动画类型 | 说明 | 对应常量 | 是否支持方向设置 |
---|---|---|---|
fade | 淡出效果 | kCATransitionFade | 是 |
movein | 新视图移动到旧视图上 | kCATransitionMoveIn | 是 |
push | 新视图推出旧视图 | kCATransitionPush | 是 |
reveal | 移开旧视图显示新视图 | kCATransitionReveal | 是 |
动画类型 | 说明 | 对应常量 | 是否支持方向设置 |
---|---|---|---|
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
相关文章推荐
- Gifski:一个跨平台的高质量 GIF 编码器
- 模仿动画的放大缩小容器
- php判断GIF图片是否为动画的方法
- 浅析JavaScript动画
- js排序动画模拟-插入排序
- jQuery动画特效实例教程
- JQuery动画和停止动画实例代码
- JQuery动画与特效实例分析
- Jquery 自定义动画概述及示例
- 基于jquery的动画效果代码
- 锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
- 基于Jquery的温度计动画效果
- javascript与css3动画结合使用小结
- js运动动画的八个知识点
- 深入探究使JavaScript动画流畅的一些方法
- Android开场动画类完整实现代码
- Android精灵动画用法实例
- Android开发之动画实现方法
- android判断动画已结束示例代码
- Android开发之图形图像与动画(五)LayoutAnimationController详解