AJ学IOS(41)UI之核心动画 两行代码搞定3D转场
2015-11-29 00:42
387 查看
AJ分享,必须精品
这里有童鞋说不对,说者好多行,AJ给简化下哈,还剩下三行,但是严格说,ca.type = @”cube”;这一句就搞定了。。
UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果
属性解析:
type:动画过渡类型
subtype:动画过渡方向
startProgress:动画起点(在整体动画的百分比)
endProgress:动画终点(在整体动画的百分比)
效果:
代码:
其实代码很少,苹果都给封装好了[code]// 1.创建核心动画 CATransition *ca = [CATransition animation]; // 1.1动画过渡类型 ca.type = @"cube"; // 1.2动画过渡方向 ca.subtype = kCATransitionFromRight; // 1.3动画起点(在整体动画的百分比) //ca.startProgress = 0.5; //1.3动画终点(在整体动画的百分比) //ca.endProgress = 0.5; // 动画时间 ca.duration = 1; // 2.添加核心动画 [self.iconView.layer addAnimation:ca forKey:nil];
这里有童鞋说不对,说者好多行,AJ给简化下哈,还剩下三行,但是严格说,ca.type = @”cube”;这一句就搞定了。。
[code]CATransition *ca = [CATransition animation] ca.type = @"cube"; [self.iconView.layer addAnimation:ca forKey:nil];
CATransition专场动画
仅仅一个type就搞定了这么牛逼的转场动画。猫猫表示以前做的android用个平移动画都想哭。。注意:
CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果
属性解析:
type:动画过渡类型
subtype:动画过渡方向
startProgress:动画起点(在整体动画的百分比)
endProgress:动画终点(在整体动画的百分比)
过渡效果
[code]fade //交叉淡化过渡(不支持过渡方向) kCATransitionFade push //新视图把旧视图推出去 kCATransitionPush moveIn //新视图移到旧视图上面 kCATransitionMoveIn reveal //将旧视图移开,显示下面的新视图 kCATransitionReveal cube //立方体翻滚效果 oglFlip //上下左右翻转效果 suckEffect //收缩效果,如一块布被抽走(不支持过渡方向) rippleEffect //滴水效果(不支持过渡方向) pageCurl //向上翻页效果 pageUnCurl //向下翻页效果 cameraIrisHollowOpen //相机镜头打开效果(不支持过渡方向) cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向) 过渡方向 kCATransitionFromRight kCATransitionFromLeft kCATransitionFromBottom kCATransitionFromTop CATransition的使用 CATransition *anim = [CATransition animation]; anim.type = @“cube”; // 动画过渡类型 anim.subtype = kCATransitionFromTop; // 动画过渡方向 anim.duration = 1; // 动画持续1s // 代理,动画执行完毕后会调用delegate的animationDidStop:finished: anim.delegate = self; /*******中间穿插改变layer属性的代码**********/ [layer addAnimation:anim forKey:nil];
相关文章推荐
- AJ学IOS(40)UI之核心动画_抖动效果_CAKeyframeAnimation
- AJ学IOS(39)UI之核心动画之CABasicAnimation(基础动画)
- AJ学IOS(38)UI之核心动画简介
- AJ学IOS(37)UI之CALayer
- AJ学IOS(36)UI之手势事件旋转_缩放_拖拽
- AJ学IOS(35)UI之Quartz2D仿真支付宝手势解锁_代理获得密码。
- AJ学IOS(34)UI之Quartz2D画画板的实现
- AJ学IOS(33)UI之Quartz2D雪花飘落效果刷帧
- AJ学IOS(32)UI之Quartz2D矩阵操作和图片剪切
- AJ学IOS(31)UI之Quartz2D图形上下文栈
- AJ学IOS(30)UI之Quartz2D画图片画文字
- AJ学IOS(29)UI之Quartz2D自定义下载控件_画各种图形
- AJ学IOS(28)UI之Quartz2D简单介绍
- AJ学IOS(27)UI之iOSUIKit字符属性NSAttributedString概述
- AJ学IOS(26)UI之iOS抽屉效果小Demo
- AJ学IOS(25)UI之触摸事件
- AJ学IOS(24)UI之注册案例
- AJ学IOS(23)UI之控制器管理
- AJ学IOS(20)UI之UIPickerView_点菜系统
- AJ学IOS(19)UI之QQ好友列表