Animate a number (ex: position, opacity, scale) using a spring effect whenever the number is changed.
值发生改变时,用弹簧效果对值进行动画处理(例如:位置,不透明度,比例)。
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 (速度) 值传递给开发人员。
Use Classic Animation for traditional animation curves. See Animation Basics for more information.
传统的曲线动画用Classic Animation 模块。更多信息,请查看动画基础 。
输入口
Number 值
The number to animate to.
动画的值。(板栗:连接到这个接口表示同时使用下面的接口属性,相当于“全选”下面属性。)
Bounciness 弹力
A number that represents the bounciness of the animation.
输入数值定义动画的弹力。值越大弹性越大。
Speed 速度
A number that represents the speed of the animation.
输入数值定义动画的速度。值越大速度越快。
输出口
Progress 进度
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模块。
更多信息,请查看动画基础 。
Related Parches 相关模块
Classic Animation,[Repeating Motion],[Transition]
Related Learn Content 学习相关内容
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.