Skip to content

编辑器界面总览 (Interface Overview)

Rive 编辑器是所有创作发生的地方。它分为两大主要模式:设计模式 (Design Mode)动画模式 (Animate Mode)


🎬 官方视频教程(界面总览)

在本视频中,我们将带你快速浏览 Rive 编辑器的布局和主要功能区。

📺 视频教程:Rive 界面总览(中文字幕)


区域划分

Rive 的界面主要由以下五个部分组成:

1. 工具栏 (Toolbar) - 位于顶部

这里包含了选择工具、绘图工具(钢笔、形状)、文本工具以及最重要的 模式切换开关(Design / Animate)。

2. 层级面板 (Hierarchy) - 位于左侧

显示当前画板(Artboard)中所有的对象、分组、骨骼和约束。你可以在这里调整图层的上下顺序。

3. 检查器 (Inspector) - 位于右侧

这是你调整属性的地方。当你选中一个物体时,可以在这里修改它的坐标、大小、填充颜色、描边属性等。

4. 舞台 (Stage) - 位于中间

这是你的画布,是你进行创作和实时预览的地方。

5. 资源库与状态机面板 (Assets & State Machine) - 位于底部

  • 设计模式 下,这里显示你上传的文件(图片、字体等)。
  • 动画模式 下,这里是你的 时间轴 (Timeline)状态机 (State Machine) 面板。

💡 核心提示:模式切换

  • 设计模式 (F1):用于绘图、设置骨骼和准备素材。
  • 动画模式 (F2):用于创建关键帧、混合动画逻辑和测试交互。

📚 相关阅读