【React Native】文件翻譯閱讀紀錄 - APIs - Easing
 |
| Facebook Open Source React Native |
Easing
預定義的動畫
Easing模塊通過以下方法提供多個預定義動畫：
標準功能
提供三種標準緩和功能：
多功能可用於實現四次，五次和其他更高功率的功能。
附加功能
通過以下方法提供其他數學函數：
以下助手用於修改其他緩動函數。
Methods
參考
Methods
step0()
static step0(n)
步進函數，對於n的任何正值返回1。
step1()
static step1(n)
步進函數，如果n大於或等於1，則返回1。
linear()
static linear(t)
線性函數，f（t）= t。位置與經過時間一對一相關。
ease()
static ease(t)
一種簡單的慣性相互作用，類似於物體慢慢加速到速度。
quad()
static quad(t)
二次函數，f（t）= t * t。位置等於經過時間的平方。
cubic()
static cubic(t)
三次函數，f（t）= t * t * t。位置等於經過時間的立方體。
poly()
static poly(n)
電源功能。位置等於經過時間的N次方。
sin()
static sin(t)
正弦函數。
circle()
static circle(t)
圓
exp()
static exp(t)
指數函數。
elastic()
static elastic(bounciness)
一種簡單的彈性相互作用，類似於彈簧前後擺動。
默認彈跳為1，超過一次。 0彈性根本沒有超調，N> 1的彈性將超過N次。
默認彈跳為1，超過一次。 0彈性根本沒有超調，N> 1的彈性將超過N次。
back()
static back(s)
與Animated.parallel（）一起使用可創建一個簡單的效果，其中對像在動畫開始時稍微動畫回來。
bounce()
static bounce(t)
提供簡單的彈跳效果。
bezier()
static bezier(x1, y1, x2, y2)
提供三次貝塞爾曲線，相當於CSS Transitions的transition-timing-function。
可以在 http://cubic-bezier.com/ 上找到可視化立方貝塞爾曲線的有用工具。
可以在 http://cubic-bezier.com/ 上找到可視化立方貝塞爾曲線的有用工具。
in()
static in easing;
運行緩和功能。
out()
static out(easing)
向後運行緩動功能。
inOut()
static inOut(easing)
使任何緩動功能對稱。緩和功能將持續一半的持續時間，然後向後運行剩餘的持續時間。
0 意見