内置动画对象
Elastic-弹性动画插值
弹性动画插值对象及其函数
当我们勇敢的时候,我们并不如此想,我们一点也不认为自己是勇敢的
Elastic是一个模拟弹性运动的插值对象。通过设置振幅和周期,可以创建具有弹性效果的动画。
实例化方式
Elastic
含参实例化
- 描述:创建一个弹性插值实例。
- 参数:
start
:数值类型,起始值end
:数值类型,结束值amplitude
:数值类型,振幅(控制弹性强度)period
:数值类型,周期(控制弹性频率)transferTime
:长整型,过渡时间(毫秒)
- 调用示例:
默认参数
当不提供完整参数时,使用以下默认值:
- 振幅: 1.0
- 周期: 0.3
- 过渡时间: 1000毫秒
参数说明
- 振幅(amplitude):控制弹性效果的强度,值越大弹性越强
- 周期(period):控制弹性振动的频率,值越小振动越快
函数
get()
- 获取当前插值计算的结果
- 参数:无
- 返回值:数值类型
- 说明:根据当前时间计算带弹性效果的插值结果
- 调用示例:
reset()
- 重置插值器状态
- 参数:无
- 返回值:无
- 说明:重置计时器并清除反向状态,重新开始动画
- 调用示例:
reverse()
- 反转动画方向
- 参数:无
- 返回值:无
- 说明:将动画方向反转,从当前位置开始向起始值过渡
- 调用示例:
类型转换
Elastic对象支持以下类型转换:
- 数值:返回当前插值计算的结果
- 布尔值:当前值大于0时返回true,否则返回false
- 字符串:返回当前插值计算结果的字符串表示
Elastic对象支持数学运算,可以直接参与计算表达式。