您的位置:首页 > 其它

动画

2015-10-09 11:34 309 查看
CAAnimation:核心动画的基础类,不能直接使用,负责动画运行时间、速度的控制,本身实现了CAMediaTiming协议。
 
 CAPropertyAnimation:属性动画的基类(通过属性进行动画设置,注意是动画属性),不能直接使用。
 CABasicAnimation:基础动画,通过属性修改进行动画参数控制,只有初始状态和结束状态。
 CAKeyframeAnimation:关键帧动画,同样是通过属性进行动画参数控制,但是同基础动画不同的是它可以有多个状态控制。
 CAAnimationGroup:动画组,动画组是一种组合模式设计,可以通过动画组来进行所有动画行为的统一控制,组中所有动画效果可以并发执行。
 CATransition:转场动画,主要通过滤镜进行动画效果设置。

CAPropertyAnimation: 属性动画也是基类(通过属性进行动画设置,注意是动画属性),不能直接使用。

基础动画、关键帧动画都属于属性动画,就是通过修改属性值产生动画效果,开发人员只需要设置初始值和结束值,中间的过程动画(又叫“补间动画”)由系统自动计算产生。和基础动画不同的是关键帧动画可以设置多个属性值,每两个属性中间的补间动画由系统自动完成,因此从这个角度而言基础动画又可以看成是有两个关键帧的关键帧动画

创建基础动画 需要通过fromValue 和toValue 属性来指定一个开始值和结束值  当添加基础动画到图层中的时候 它才会开始变化

autooreverses: 当设定这个值的属性为YES 时 在它到达目的地之后  会以动画的方式返回到开始的值

duration 设定开始值到结束话费的时间 , 期间会被熟读的属性所影响

speed 默认的值为 1.0.这意味着动画播放按照默认的速度。如果你改变这个值为 2.0,动画会用 2 倍的速度播放。 这样的影响就是使持续时间减半。如果你指定的持续时间为 6 秒,速度为 2.0,动画就会播放 3 秒钟---一半的 持续时间
 把速度设置成0 就可以暂停动画

repeatCount 默认的是 0,意味着动画只会播放一次  这个不应该和 repeatDration 属性一块使用。(负数不是无限循环)
 
 repeatDuration 这个属性指定了动画应该被重复多久。动画会一直重复,直到设定的时间流逝完。它不应该和 repeatCount 一起使用

timingFunction 速度控制函数,控制动画运行的节奏
 timingFunction 属性值:
 kCAMediaTimingFunctionLinear(线性):匀速,给你一个相对静态的感觉
 kCAMediaTimingFunctionEaseIn(渐进):动画缓慢进入,然后加速离开
 kCAMediaTimingFunctionEaseOut(渐出):动画全速进入,然后减速的到达目的地
 kCAMediaTimingFunctionEaseInEaseOut(渐进渐出):动画缓慢的进入,中间加速,然后减速的到达目的地。这个是默认的动画行为。

removedOnCompletion 默认为YES,代表动画执行完毕后就从图层上移除,图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态,那就设置为NO,不过还要设置fillMode为kCAFillModeForwards

fillMode  设置当前对象在非活动时间段的行为 比如动画开始之前或者动画结束之后
 fillMode属性值(上面提到过 要想fillMode有效,需要设置removedOnCompletion = NO)
 
 kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态
 kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态
 kCAFillModeBackwards 在动画开始前,只需要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始。
 kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态

CAPropertyAnimation
 可以通过改变animationWithKeyPath来改变动画的属性:
 transform.scale = 比例转换
 
 transform.scale.x
 
 transform.scale.y
 
 transform.rotation.z
 
 opacity = 透明度
 
 zPosition
 
 backgroundColor 背景颜色
 
 cornerRadius 圆角
 
 borderWidth
 
 bounds
 
 contents
 
 contentsRect
 
 cornerRadius
 
 frame
 
 hidden
 
 mask
 
 masksToBounds
 
 opacity
 
 position
 
 shadowColor
 
 shadowOffset
 
 shadowOpacity
 
 shadowRadius
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: