zoukankan      html  css  js  c++  java
  • 核心动画基础动画(CABasicAnimation)关键帧动画

     1.在iOS中核心动画分为几类:

    基础动画(CABasicAnimation)

    关键帧动画(CAKeyframeAnimation)

    动画组(CAAnimationGroup)

    转场动画(CATransition)

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

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

       CABasicAnimation:   基础动画,通过属性修改进行动画参数控制,只有初始状态和结束状态。

       CAKeyframeAnimation:关键帧动画,同样是通过属性进行动画参数控制,但是同基础动画不同的是它可以有多个状态控制。

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

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

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

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

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

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

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

        把速度设置成0,就会结束动画

     6.repeatCount 默认的是 0,意味着动画只会播放一次  这个不应该和repeatDration 属性一块使用。(负数不是无限循环)

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

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

     timingFunction 属性值:

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

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

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

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

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

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

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

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

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

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

         kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态

     9.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

    ----------------------------

     
     
    为了更好点交流和学习,请大家在参阅博客后,留下你的疑问和宝贵意见。谢谢!!!!
  • 相关阅读:
    js正则表达式中的问号使用技巧总结
    380. Insert Delete GetRandom O(1)
    34. Find First and Last Position of Element in Sorted Array
    162. Find Peak Element
    220. Contains Duplicate III
    269. Alien Dictionary
    18. 4Sum
    15. 3Sum
    224. Basic Calculator
    227. Basic Calculator II
  • 原文地址:https://www.cnblogs.com/fshmjl/p/4852238.html
Copyright © 2011-2022 走看看