移动开发过程中, 动画是必不可少的,有了动画,仿佛我们的程序有了生命一样.动画可以让我们的程序界面变化更流畅, 而不是很突兀的感觉.今天,就说一下CATransition过渡动画.
我们先看一下过渡动画的代码实现:
<span style="white-space:pre"> </span>// 创建 CATransition *transition = [CATransition animation]; transition.duration = 2; // 设置过渡样式 /** Types: kCATransitionFade kCATransitionMoveIn kCATransitionPush kCATransitionReveal */ // 样式 transition.type = kCATransitionReveal; /** * Subtypes: kCATransitionFromRight; kCATransitionFromLeft; kCATransitionFromTop; kCATransitionFromBottom; */ // 方向 transition.subtype = kCATransitionFromBottom; // 添加动画 [self.changeView.layer addAnimation:transition forKey:nil];
一般的,我们设置动画的类型使用提供的枚举值.偶然发现,过渡动画还能识别一些OC中的字符串.
使用方法:
transition.type = @"rippleEffect";
下面是一些能够使用的动画类型:
fade // 交叉淡化过渡(不支持过渡方向)
push // 新视图把旧视图推出去
moveIn // 新视图移到旧视图上面
reveal // 将旧视图移开,显示下面的新视图
cube // 立方体翻滚效果
oglFlip // 上下左右翻转效果
suckEffect
// 收缩效果,如一块布被抽走(不支持过渡方向)
rippleEffect // 滴水效果(不支持过渡方向)
pageCurl // 向上翻页效果
pageUnCurl // 向下翻页效果
cameraIrisHollowOpen // 相机镜头打开效果(不支持过渡方向)
cameraIrisHollowClose // 相机镜头关上效果(不支持过渡方向)
时间: 2024-08-11 07:44:44