• POP


    使用POP可以创建4类动效: spring, decay, basic and custom.
      1.Spring (弹性)动效可以赋予物体愉悦的弹性效果
         POPSpringAnimation *anim = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerBounds];
     
      2.Decay (衰减) 动效可以用来逐渐减慢物体的速度至停止
         POPDecayAnimation *anim = [POPDecayAnimation animationWithPropertyNamed:kPOPLayerPositionX];
     
      3.Basic(基本)动效可以在给定时间的运动中插入数值调整运动节奏
         POPBasicAnimation *anim = [POPBasicAnimation animationWithPropertyNamed:kPOPViewAlpha];
     
      4.Custom(自定义)动效可以让设计值创建自定义动效,只需简单处理CADisplayLink,并联系时间-运动关系
     
     
    POPBasicAnimation提供四种timingfunction
    1. kCAMediaTimingFunctionLinear

    2. kCAMediaTimingFunctionEaseIn

    3. kCAMediaTimingFunctionEaseOut

    4. kCAMediaTimingFunctionEaseInEaseOut
     
     
    POPSpringAnimation可配置的属性与默认值为
     
    springBounciness:4.0    //[0-20] 弹力 越大则震动幅度越大
    springSpeed     :12.0   //[0-20] 速度 越大则动画结束越快
    dynamicsTension :0      //拉力  接下来这三个都跟物理力学模拟相关 数值调整起来也很费时 没事不建议使用哈
    dynamicsFriction:0      //摩擦 同上
    dynamicsMass    :0      //质量 同上
  • 相关阅读:
    javascript优化--10模式(设计模式)01
    javascript优化--09模式(代码复用)02
    限制字符个数显示
    title
    点选词高亮算法
    ng-repeat嵌套的$index
    console.log的问题
    outsideClick 功能,探索
    input 框的 placeholder 另类实现
    ie9 与 placeholder 问题
  • 原文地址:https://www.cnblogs.com/fangweiyi/p/5675746.html
Copyright © 2020-2023  润新知