Skip to content

动画模式 (Animate Mode)

动画模式概览 (Animate Mode Overview)

Rive 拥有两种截然不同的模式:“设计模式 (Design)” 和 “动画模式 (Animate)”。当你处于动画模式时,编辑器界面会发生变化,显示创建动画所需的一切工具,包括时间轴、动画列表和插值面板。要快速切换模式,请使用 Tab 快捷键。

在动画模式下,你会注意到 检查器 (Inspector) 中可以制作动画的属性旁边出现了“关键帧 (key)”图标。

深入了解动画模式

时间轴 (Timeline)

Rive 界面显示了一个带有播放控制的时间轴,以及用于配置当前动画的选项。

关键帧 (Keys)

一旦为对象的属性设置了关键帧,它们就会出现在时间轴上。设置关键帧有几种不同的方式。

插值与缓动 (Interpolation & Easing)

当你为一个属性设置两个关键帧时,两者之间的数值会自动计算,这被称为“插值”。

绘制顺序动画 (Animating Draw Order)

你可以在设计时通过调整层级面板来改变绘制顺序,并可以在动画模式中对其进行动画化处理。

滚动约束 (Scroll Constraints)时间轴 (Timeline)