1.4 Animation 动画 - Pop Animation 弹性动画


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.


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容