来自 金沙js77888 2020-03-30 14:25 的文章
当前位置: 金沙js77888 > 金沙js77888 > 正文

示例动画

图片 1iOS

我愿意把所有的东西去换和Facebook POP框架相处的一个小屋

大名鼎鼎POP 它是独立与Core Animation的存在 所以 忘记Core Animation吧 它是个相当成熟且久经考验的框架 Facebook出品的令人惊叹的Paper应用中的所有动画和效果即出自POP

你永远要记住高逼格的动画会是一种趋势, 来和毅神一起学习POP

图片 2示例动画

使用

安装方式还是推荐使用CocoaPod

图片 3

POP默认支持三种动画 但同时也支持自定义动画

POPBasicAnimation //与Core Animation一样

POPSpringAnimation //弹簧动画

POPDecayAnimation //减速动画

POPCustomAnimation //自定义动画

首先, 你要明确POP有个POPAnimatablePropery.h默认支持那些属性的动画

它可以用来做什么, 改变什么.

图片 4提供改变的属性

POPBasicAnimation

代码示例1

图片 5duration:0.4 动画间隔

效果如下:

设置初始值和默认值(初始值可以不指定 会默认从当前值开始)

Key:选择你要改变的属性

图片 6平移

POPSpringAnimation

我之所以学习POP, 是可以达到因为类似弹簧一般的动画效果, 我个人十分推崇.你一定要明确动画将是APP的趋势.接下来毅神会琢磨这个效果.

代码示例2

图片 7

效果如下:

图片 8弹簧

POPSpringAnimation可配置的属性与默认值为

图片 9注意:POPSpringAnimation是没有duration字段的 其动画持续时间由以上几个参数决定

POPDecayAnimation

POPDecayAnimation提供一个过减速效果, 可用于UIScrollView

代码示例3

图片 10注意:这里对POPDecayAnimation设置toValue是没有意义的 会被忽略(因为目的状态是动态计算得到的)

效果如下:

deceleration /衰减系数

图片 11减速

这只是一个开始, 接下来, 专注于动画, 后续会带来POP更深层的介绍

我希望, 坚持就是最好的选择

本文由金沙js77888发布于金沙js77888,转载请注明出处:示例动画

关键词: 动画 开篇 POP