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)的曲線(xiàn)動(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.