《Motion Design for iOS》(三十)

来源:互联网 发布:淘宝联名信用卡申请 编辑:程序博客网 时间:2024/06/03 02:35

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



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

lofter 2016/6/30 9:15:45alertView.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_

0 0
原创粉丝点击