iOS CATransition动画 实现水波等效果

CATransition类继承于CAAnimation类,提供多种过渡的效果,使用很简单

先看几个效果


cube
rippleEffect
suckEffect

开始使用

为imageView的layer创建CATransition动画

CATransition *transition = [CATransition animation];
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
transition.duration = 1.0f;
transition.type = @"cube"; // 指定动画类型
transition.subtype = @"fromLeft"; // 指定过渡方向
// 设置开始和结束的进度,范围都是0.0-1.0
transition.startProgress = 0.0f;
transition.endProgress = 1.0f;
[_imageView.layer addAnimation:transition forKey:@"随便写"];

动画类型:

fade                   //交叉淡化过渡(不支持过渡方向)
push                   //新视图把旧视图推出去
moveIn                 //新视图移到旧视图上面
reveal                 //将旧视图移开,显示下面的新视图
cube                   //立方体翻滚效果
oglFlip                //上下左右翻转效果
suckEffect             //收缩效果,向布被抽走(不支持过渡方向)
rippleEffect           //水波效果(不支持过渡方向)
pageCurl               //向上翻页效果
pageUnCurl             //向下翻页效果
cameraIrisHollowOpen   //相机镜头打开效果(不支持过渡方向)
cameraIrisHollowClose  //相机镜头关上效果(不支持过渡方向)

过渡方向

fromLeft
fromRight
fromTop
fromBottom
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,613评论 6 30
  • 显式动画 显式动画,它能够对一些属性做指定的自定义动画,或者创建非线性动画,比如沿着任意一条曲线移动。 属性动画 ...
    清风沐沐阅读 2,039评论 1 5
  • 本文转载自:http://www.cocoachina.com/ios/20150105/10812.html 为...
    idiot_lin阅读 1,311评论 0 1
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,164评论 5 13
  • 在iOS实际开发中常用的动画无非是以下四种:UIView动画,核心动画,帧动画,自定义转场动画。 1.UIView...
    请叫我周小帅阅读 3,220评论 1 23