动画 #

你可以为某些动作制作动画,例如用渐变动画隐藏一个元件,或用弹跳动画移动一个元件。

每个动画都有两个部分:效果和时间。

  • 动画的效果,在 Animate 下拉菜单中选择,决定了动画的视觉效果。

  • 动画的时间,在 ms 输入框中设置,决定了动画完成的时间,单位是毫秒。

可见性效果 #

以下效果可以应用于改变元件可见性的动作,例如 Show/Hide 动作和 Set Panel State 动作。

  • Fade: 逐渐改变元件或面板状态的不透明度,直到它完全进入或退出视野

  • Slide left/right/up/down: 将元件或状态滑入或滑出视野

  • Flip left/right/up/down: 将元件或状态沿中心轴翻入或翻出视图(X 代表上/下,Y 代表左/右)。

运动效果 #

也被称为 “缓动效果”,可以应用于改变元件或页面本身的空间方向的动作,例如 Scroll to Widget,Move,Rotate,Set Size, 和 Set Opacity 动作。

  • Swing: 动画在开始和结束的时候比在中间点的时候非常稍微慢一些

  • Linear: 在整个计时过程中,动画以相同的速度进行。

  • Ease in cubic: 动画开始时很慢,逐渐变快,直到最后的计时。

  • Ease out cubic: 动画开始时速度很快,逐渐变慢,直到最后的计时。

  • Ease in out cubic: 动画开始时很慢,逐渐变快,直到计时的中点;然后又逐渐变慢。(这与 Swing 相似,但更明显)。

  • Bounce: 该动画像 Ease in cubic 一样加速,但一旦达到动画的终点就会反弹几次。

  • Elastic: 动画超过了它的终点,然后又弹回到它的终点。