iOS CATransition动画 实现水波等效果

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

先看几个效果


iOS CATransition动画 实现水波等效果_第1张图片
cube
iOS CATransition动画 实现水波等效果_第2张图片
rippleEffect
iOS CATransition动画 实现水波等效果_第3张图片
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 CATransition动画 实现水波等效果)