1.4 Animation 動畫 - Pop Animation 彈性動畫


Animate a number (ex: position, opacity, scale) using a spring effect whenever the number is changed.
值發(fā)生改變時,用彈簧效果對值進(jìn)行動畫處理(例如:位置,不透明度,比例)。

Bounciness and Speed values can be passed to developers using the Pop framework for iOS, Rebound for Android, and Rebound JS for web.

可以使用 iOS 的 Pop 框架,Android 的 Rebound 和 Web 的 Rebound JS 來將 Bounciness (彈力) 和 Speed (速度) 值傳遞給開發(fā)人員。

Use Classic Animation for traditional animation curves. See Animation Basics for more information.

傳統(tǒng)的曲線動畫用Classic Animation 模塊。更多信息,請查看動畫基礎(chǔ) 。

輸入口
Number 值
The number to animate to.
動畫的值。(板栗:連接到這個接口表示同時使用下面的接口屬性,相當(dāng)于“全選”下面屬性。)

Bounciness 彈力
A number that represents the bounciness of the animation.
輸入數(shù)值定義動畫的彈力。值越大彈性越大。

Speed 速度
A number that represents the speed of the animation.
輸入數(shù)值定義動畫的速度。值越大速度越快。

輸出口
Progress 進(jìn)度
A number that is tweened with an easing curve as it moves toward the Number input.
Typically a progress value. See Animation Basics for more information.
走這個口輸出動畫信息,一般會接到Transition模塊。
更多信息,請查看動畫基礎(chǔ) 。


Related Parches 相關(guān)模塊

Classic Animation,[Repeating Motion],[Transition]


Related Learn Content 學(xué)習(xí)相關(guān)內(nèi)容

Adding Logic
Add logic to your transitions and flows.

Timed Animations
Create time-based, automatic animations.

Getting Started
An introduction to using Origami Studio.

Multiple States
Interact with more than just two states.


Related Examples 案例

Facebook Live Comments
Automatically add comments in a Facebook Live video stream.

Messenger Photo View
Animate a photo between conversation and lightbox.

Photo Zoom
Animate between two states when the screen is tapped.


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容