《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
- 《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》(六)
- 《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》(十三)
- 《Motion Design for iOS》(十四)
- 《Motion Design for iOS》(十五)
- 《Motion Design for iOS》(十六)
- 《Motion Design for iOS》(十七)
- php pdf文件查看
- RAC/MVVM个人学习资源汇总
- 站在巨人的肩膀上,C++开源库大全
- Win7下完全卸载Oracle 11g的步骤
- Java并发包
- 《Motion Design for iOS》(三十)
- Bug-JNI: JNI DETECTED ERROR IN APPLICATION: JNI CallVoidMethodV called with pending exception 'java.
- Street Lamps
- Codeforces Round #360 (Div. 2) 前三题题解【简单模拟+思维+二分图判定二分染色】
- NSLocale的重要性和用法简介
- 正则化奇异值分解Regularized Singular Value Decomposition (RSVD)
- xlistview的导入文件2
- 基于ORA-12170 TNS 连接超时解决办法详解
- 快的打车架构实践