iOS面试知识点收集iOS 动画iOS开发小游戏

iOS CATransition动画 实现水波等效果

2016-05-31  本文已影响1836人  阳光下慵懒的驴

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
上一篇下一篇

猜你喜欢

热点阅读