码迷,mamicode.com
首页 > 其他好文 > 详细

转场动画CATransition

时间:2014-07-22 22:52:14      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   os   width   

•CATransition是CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点
•UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果
•动画属性:
–type:动画过渡类型
–subtype:动画过渡方向
–startProgress:动画起点(在整体动画的百分比)
–endProgress:动画终点(在整体动画的百分比)
 
转场动画使用步骤~
  // 转场动画
    CATransition *transition = [[CATransition alloc] init];
    
    // 类型
    transition.type = @"fade";
//子类型
    transition.subtype = kCATransitionFromRight;

    transition.duration = 0.5f;
    
    [self.view.layer addAnimation:transition forKey:nil];

在addAnimation之前给当前的view做操作就行了,然后addAnimation以后,这个操作会随动画执行(例如改变背景色等,或者改变子view也会跟随动画执行)

 

上面的type属性设置的是fade.这是淡入淡出的效果,当然还有其他的效果,见下表~

类型字符串

效果说明

关键字

方向

fade

交叉淡化过渡

YES

 

push

新视图把旧视图推出去

YES

 

moveIn

新视图移到旧视图上面

YES

 

reveal

将旧视图移开,显示下面的新视图

YES

 

cube

立方体翻滚效果

   

oglFlip

上下左右翻转效果

   

suckEffect

收缩效果,如一块布被抽走

 

NO

rippleEffect

水滴效果

 

NO

pageCurl

向上翻页效果

   

pageUnCurl

向下翻页效果

   

cameraIrisHollowOpen

相机镜头打开效果

 

NO

cameraIrisHollowClose

相机镜头关闭效果

 

NO

 

因为转场动画使用比较频繁,所以UIKit框架封装了转场动画

下面是单视图转场

•+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;
•参数说明:
–duration:动画的持续时间
–view:需要进行转场动画的视图
–options:转场动画的类型
–animations:将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

 

下面是双视图转场

•+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion;
•参数说明:
–duration:动画的持续时间
–options:转场动画的类型
–animations:将改变视图属性的代码放在这个block中
–completion:动画结束后,会自动调用这个block
 
•转场动画存在的问题——动画过程中无法交互
–如果要在切换时实现交互效果需要使用UIScrollView+ UIPageControl

 

 

 

 

 

 

转场动画CATransition,布布扣,bubuko.com

转场动画CATransition

标签:style   blog   color   使用   os   width   

原文地址:http://www.cnblogs.com/xyzaijing/p/3855249.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!