iOS 核心动画之CATransition
2014-12-25 12:49
375 查看
1.CATransiotion转场动画
- (void)testTransition
{
CATransition *animation = [CATransition animation];
animation.duration = 0.5;
animation.type = @"pageCurl";
animation.subtype = kCATransitionReveal;
animation.startProgress = 0.0;
animation.endProgress = 0.8;
[self.imageView.layer addAnimation:animation forKey:nil];
}
1.1转场动画的type
常量type说明:
kCATransitionFade 交叉淡化过渡
kCATransitionMoveIn 新视图移到旧视图上面
kCATransitionPush 新视图把旧视图推出去
kCATransitionReveal 将旧视图移开,显示下面的新视图
字符串type说明:
pageCurl 向上翻一页
pageUnCurl 向下翻一页
rippleEffect 滴水效果
suckEffect 收缩效果,如一块布被抽走
cube 立方体效果
oglFlip 上下翻转效果
1.2点击按钮触发转场动画
- (void)testTransition
{
CATransition *animation = [CATransition animation];
animation.duration = 0.5;
animation.type = @"pageCurl";
animation.subtype = kCATransitionReveal;
animation.startProgress = 0.0;
animation.endProgress = 0.8;
[self.imageView.layer addAnimation:animation forKey:nil];
}
1.1转场动画的type
常量type说明:
kCATransitionFade 交叉淡化过渡
kCATransitionMoveIn 新视图移到旧视图上面
kCATransitionPush 新视图把旧视图推出去
kCATransitionReveal 将旧视图移开,显示下面的新视图
字符串type说明:
pageCurl 向上翻一页
pageUnCurl 向下翻一页
rippleEffect 滴水效果
suckEffect 收缩效果,如一块布被抽走
cube 立方体效果
oglFlip 上下翻转效果
1.2点击按钮触发转场动画
- (IBAction)next { self.imageView.image = 新图片 [self testTransition]; }
相关文章推荐
- iOS学习笔记-078.核心动画04——CATransition(转场动画)
- iOS核心动画-转场动画CATransition和组动画CAAnimationGroup
- iOS-UI篇—核心动画(转场动画CATransition和组动画CAAnimationGroup)
- 猫猫学iOS(四十二)UI之核心动画CAAnimationGroup以及其他
- CATransition-核心动画-转场动画
- iOS学习笔记-079.核心动画05——CAAnimationGroup(动画组)
- iOS CATransition动画
- IOS CATransition 立体动画效果
- iOS CATransition动画实现SDWebImage图片下载完成渐变动画
- ios动画笔记(2)CATransform3D和CASpringAnimation 、CATransition和CAEmitterLayer、UIDynamicAnimator
- iOS——转场动画(CATransition)
- iOS:核心动画之动画组CAAnimationGroup
- 八 iOS之 CATransition (转场动画)
- iOS CATransition动画Demo
- iOS开发之CAAnimation核心动画
- iOS - UI之核心动画CAAnimationGroup以及其他
- AJ学IOS(42)UI之核心动画CAAnimationGroup以及其他
- ios 动画效果CATransition笔记
- iOS CAAnimation之CATransition(自定义转场动画)
- iOS动画 CATransition动画