Teal TealUI

补间动画转换函数util/tween/timingFunctions

提供常用的补间动画函数。

API

函数 描述
⮞ linear(value)(value:number):number

线性渐变。

参数 类型 描述 默认值
value* number —

返回值

类型：number

返回更新后的渐变因子。

线性渐变。
⮞ power(value, ...)(value:number, base?:number):number

抛物线渐变。

参数 类型 描述 默认值
value* number —
base number 3

返回值

类型：number

返回更新后的渐变因子。

抛物线渐变。
⮞ exponential(value)(value:number):number

指数渐变。

参数 类型 描述 默认值
value* number —

返回值

类型：number

返回更新后的渐变因子。

指数渐变。
⮞ circular(value)(value:number):number

双三角渐变。

参数 类型 描述 默认值
value* number —

返回值

类型：number

返回更新后的渐变因子。

双三角渐变。
⮞ sinusoidal(value)(value:number):number

上三角渐变。

参数 类型 描述 默认值
value* number —

返回值

类型：number

返回更新后的渐变因子。

上三角渐变。
⮞ back(value, ...)(value:number, base?:number):number

后退渐变。

参数 类型 描述 默认值
value* number —
base number 1.618

返回值

类型：number

返回更新后的渐变因子。

后退渐变。
⮞ bounce(value)(value:number):number

弹跳渐变。

参数 类型 描述 默认值
value* number —

返回值

类型：number

返回更新后的渐变因子。

弹跳渐变。
⮞ elastic(value, ...)(value:number, base?:number):number

弹力渐变。

参数 类型 描述 默认值
value* number —
base number 1

返回值

类型：number

返回更新后的渐变因子。

弹力渐变。
⮞ easeOut(timingFunction)(timingFunction:function):function

创建一个反向渐变曲线。

参数 类型 描述 默认值
timingFunction* (value: number) => number —

返回值

类型：(value: number) => number

返回新渐变函数。

创建一个反向渐变曲线。
⮞ easeInOut(timingFunction)(timingFunction:function):function

返回一个先正向再反向的渐变曲线。

参数 类型 描述 默认值
timingFunction* (value: number) => number —

返回值

类型：(value: number) => number

返回新渐变函数。

返回一个先正向再反向的渐变曲线。