美文网首页我依然爱iOS
[译]《Motion Design for iOS》(二十三)

[译]《Motion Design for iOS》(二十三)

作者: Cloudox_ | 来源:发表于2017-11-20 14:16 被阅读3次

    你可能会想,我们使用基于block的UIView动画时并不需要处理这些,完全正确。UIView上基于block的动画方法是一个创建简单动画的更方便的方式,因为它们会自动保留最终值而无需去设置。当然了,你会被默认的过渡动作或者iOS 7提供的简单的弹簧动作所限制。如果你想要完整控制你的动画并想要细致地调整你的弹簧属性,你就需要奔向真实的CAAnimation对象,JNWSpringAnimation就是其中之一。

    使用类似JNWSpringAnimation弹簧动画框架的真实诱惑是你可以获得对你弹簧力学的精确控制,所以让我们看看更多使用不同弹簧动作的红球的例子。

    JNWSpringAnimation *scale =
        [JNWSpringAnimation animationWithKeyPath:@"transform.scale"];
    scale.damping = 13;
    scale.stiffness = 540;
    scale.mass = 11;
    
    scale.fromValue = @(1.0);
    scale.toValue = @(2);
    
    [redBall.layer addAnimation:scale forKey:scale.keyPath];
    redBall.transform = CGAffineTransformMakeScale(2.0, 2.0);
    

    这些弹簧属性产生了一个更慢、更深的移动。


    image

    下一个例子没有任何弹性,但有一个指数衰减动作来慢慢地到达最终值。这是模仿过阻尼的弹簧系统。这个动作类似于简单的淡出动作,但到达最终值时会更加的轻缓。我们也可以通过操作阻尼和刚度属性来调整其到达最终值的速度。

    // 所有其他部分的代码都是一样的
    scale.damping = 6;
    scale.stiffness = 6;
    scale.mass = 1;
    

    image

    这里是三个并排的球,第一个的阻尼为6、刚度为6、质量为1。第二个阻尼为15、刚度为15、质量为1。第三个阻尼为30、刚度为30、质量为1。他们都是指数衰减型的动作,但他们到达最终值的速度不同。


    image

    查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS


    查看作者首页

    相关文章

      网友评论

        本文标题:[译]《Motion Design for iOS》(二十三)

        本文链接:https://www.haomeiwen.com/subject/oijvvxtx.html