核心动画(CroeAnimation)全面讲解

  核心动画:分为属性动画(CAPropertyAnimation),动画组(CAAnimationGroup),转场组(CATransition)

 

  CAAnimation:核心动画的基础类,不能直接使用,负责动画运行时间、速度的控制,本身实现了CAMediaTiming协议。

  CAPropertyAnimation:属性动画也是基类(通过属性进行动画设置,注意是动画属性),不能直接使用。分为关键帧CAKeyframeAnimation 和基础动画CABasicAnimation:基础动画,通过属性修改进行动画参数控制,只有初始状态和结束状态。 CAKeyframeAnimation:关键帧动画,同样是通过属性进行动画参数控制,但是同基础动画不同的是它可以有多个状态控制。

  CAAnimationGroup:动画组,动画组是一种组合模式设计,可以通过动画组来进行所有动画行为的统一控制,组中所有动画效果可以并发执行。

  CATransition:转场动画,主要通过滤镜进行动画效果设置。


CALayer UIView 的关系;

 UIView 中有一个layer 属性作为根图层 跟图层没有隐式动画 根图层上可以放其他子图层 UIView里面 能够看到的内容都包含在layer

 CALayer 负责视图中显示的内容和动画 

 UIView负责监听和响应事件

 由于CALayer在设计之初就考虑它的动画操作功能,CALayer很多属性在修改时都能形成动画效果,这种属性称为隐式动画属性

 CALayer在修改他的属性时都能形成动画效果  这种动画效果  叫做隐式动画

  属性 说明  是否支持隐式动画

 anchorPoint 锚点、定位点  锚点的描述是相对于 *自己* xy位置比例而言的 默认在图像中心点(0.5,0.5)的位置  决定图层的哪一个点 显示在中心点的位置

 backgroundColor 图层背景颜色

 borderColor 边框颜色

 borderWidth 边框宽度

 bounds 图层大小

 contents 图层显示内容,例如可以将图片作为图层内容显示

 contentsRect 图层显示内容的大小和位置

 cornerRadius 圆角半径

 doubleSided 图层背面是否显示,默认为YES 

 frame 图层大小和位置,不支持隐式动画,所以CALayer中很少使用frame,通常使用boundsposition代替

 hidden 是否隐藏

 mask 图层蒙版

 maskToBounds 子图层是否剪切图层边界,默认为NO

 opacity 透明度 ,类似于UIViewalpha

 position 决定图层在父视图的位置 图层位于 *父视图* 中心点位置,类似于UIViewcenter

 shadowColor 阴影颜色

 shadowOffset 阴影偏移量

 shadowOpacity 阴影透明度,注意默认为0,如果设置阴影必须设置此属性

 shadowPath 阴影的形状

 shadowRadius 阴影模糊半径

 sublayers 子图层    

 sublayerTransform 子图层形变

 transform 图层形变


 

属性动画(CAPropertyAnimation)

采用KVC机制 通过观察key的变化修改属性值产生动画效果

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

关键帧 可以让我们精确的控制动画效果 它的原理是把动画 序列里面比较关键的帧提取出来 设置它的动画效果

 属性:

    1.path 执行动画的路径

    2.values 执行动画轨迹的数组


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

  autoreleases 当设定这个属性为 YES 在它到达目的之后会移动化的方式返回到开始的位置

  duration 设定开始的值到结束话费的时间 期间会被速度的属性影响 

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

  beginTime 这个属性在组动画中很有用 它根据父动画组的持续时间 制定了开始播放动画的时间 默认的是0.0 repeatCount 默认的是 0,意味着动画只会播放一次  这个不应该和 repeatDration 属性一块使用。(负数不是无限循环)

  repeatDuration 这个属性指定了动画应该被重复多久。动画会一直重复,直到设定的时间流逝完。它不应该和 repeatCount 一起使用

  timingFunction 速度控制函数,控制动画运行的节奏

  timingFunction 属性值:

    1.kCAMediaTimingFunctionLinear(线性):匀速,给你一个相对静态的感觉

    2.kCAMediaTimingFunctionEaseIn(渐进):动画缓慢进入,然后加速离开

    3.kCAMediaTimingFunctionEaseOut(渐出):动画全速进入,然后减速的到达目的地

    4.kCAMediaTimingFunctionEaseInEaseOut(渐进渐出):动画缓慢的进入,中间加速,然后减速的到达目的地。这个是默认的动画行为。

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

  fillMode  设置当前对象在非活动时间段的行为 比如动画开始之前或者动画结束之后

  fillMode属性值(上面提到过 要想fillMode有效,需要设置removedOnCompletion = NO

  kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态

  kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态

  kCAFillModeBackwards 在动画开始前,只需要将动画加入了一个layerlayer便立即进入动画的初始状态并等待动画开始。

  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


动画组(CAAnimationGroup)

CAAnimationGroup 

 1.动画组是一个数组 animations

 2.启动的时间 beginTime

 注意 :动画组设置了持续时间(duration)可能会导致 动画组里面的动画持续时间不管用

转场组(CATransition)

type 转场动画的动画效果

 subtype 执行转场动画效果的方向

 kCATransitionFade   交叉淡化过渡

 kCATransitionMoveIn 新视图移到旧视图上面

 kCATransitionPush   新视图把旧视图推出去

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

  私有api 不建议使用 苹果不提供维护 并且有可能app审核不通过,但是可以实现很多特效如:

 pageCurl            向上翻一页

 pageUnCurl          向下翻一页

 rippleEffect        滴水效果

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

 cube                立方体效果

 oglFlip             上下翻转效果



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值