《Motion Design for iOS》(三十)

Posted Cloudox_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了《Motion Design for iOS》(三十)相关的知识,希望对你有一定的参考价值。

现在让我们为我们的警告框视图创建一个不同类型的动作,从屏幕的中央出来并带有一些弹性动画来获取用户的注意。这就是它看起来的样子。



这是一个更简单的动画,因为我们只动画了警告框transform的一个属性,即scale。我们设置它的初始scale为0来建立我们的警告框视图。

lofter 2016/6/30 9:15:45
alertView.transform = CGAffineTransformMakeScale(0, 0);

和之前一样,我们想要给覆盖层和警告框一个淡化的动画,不过这一次我们会用弹性的出现来动画警告框的scale。

JNWSpringAnimation *scale = [JNWSpringAnimation
    animationWithKeyPath:@"transform.scale"];
scale.damping = 32;
scale.stiffness = 450;
scale.mass = 2.4;
scale.fromValue = @(0);
scale.toValue = @(1.0);

[alertView.layer addAnimation:scale forKey:scale.keyPath];
alertView.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1.0, 1.0);

这里的弹簧的damping、stiffness和mass属性和我们用来创建平稳衰减到最终值的动作的属性非常不同。这些值会一直使用JNWSpringAnimation Mac app直到它们有了正确地弹性,不太快也不太强力。

觉得使用JNWSpringAnimation和自然的动作来构建动画界面和棒吗?非常好,是时候开始构建一些在第一节里显示的动画例子了。


查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS
版权所有:http://blog.csdn.net/cloudox_

以上是关于《Motion Design for iOS》(三十)的主要内容,如果未能解决你的问题,请参考以下文章

《Motion Design for iOS》(十八)

《Motion Design for iOS》(二十二)

《Motion Design for iOS》(二十四)

《Motion Design for iOS》(二十六)

《Motion Design for iOS》(三十)

《Motion Design for iOS》(二十五)