1.4 Animation 動(dòng)畫(huà) - Pop Animation 彈性動(dòng)畫(huà)


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

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 來(lái)將 Bounciness (彈力) 和 Speed (速度) 值傳遞給開(kāi)發(fā)人員。

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

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

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

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

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

輸出口
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.
走這個(gè)口輸出動(dòng)畫(huà)信息,一般會(huì)接到Transition模塊。
更多信息,請(qǐng)查看動(dòng)畫(huà)基礎(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)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容