跳到主要内容
中文系列课

画板

画板是你在 Design Mode 和 Animate Mode 中进行创作的基础。它们是每个层级结构的根节点，并允许你定义场景的尺寸和背景颜色。你可以在 Stage 上创建无限数量的画板，但每个 Rive 文件至少包含一个画板。

Artboard

活动画板​

活动画板会在 Stage 上的名称旁显示一个 Active 标签。你可以通过点击画板或 Stage 中该画板的任意子对象来激活它。请注意，编辑器中的某些区域只会显示与活动画板相关的内容。例如，Tree 中只会显示活动画板的层级结构。同样，Timeline 中也只会显示引用到活动画板的动画。

Active artboard

活动画板会在 Stage 上的名称旁显示一个圆点。你可以通过点击画板或 Stage 中该画板的任意子对象来激活它。请注意，编辑器中的某些区域只会显示与活动画板相关的内容。例如，Tree 中只会显示活动画板的层级结构。同样，Timeline 中也只会显示引用到活动画板的动画。

嵌套画板​

当一个画板作为组件被放入另一个画板时，它会作为嵌套画板运行。嵌套画板可以保留自身的动画、状态机和交互逻辑，同时由父画板进行布局、组合或复用。

这种方式常用于复用按钮、图标、角色局部、列表项或其他组件化元素。

默认状态机​

Default State Machine 是使用 Toolbar 中的播放按钮时将要播放的 State Machine。除了设置默认 State Machine 之外，这也会设置开发者在 Rive 之外使用该文件时默认看到的 Artboard。

Default SM

要更改 Default State Machine，请使用下拉菜单选择你想要使用的 State Machine。

你可以在 Design Mode 中按住 Shift 并按下空格键，快速播放所选的 State Machine。

Play Default

创建画板​

在创建任何图形之前，你首先需要创建一个画板。创建画板有两种方式。

在新文件中，Stage 上会提供一些选项，用于定义画板尺寸，或从几个预设尺寸中选择。确定属性后，你可以点击 Create Artboard 按钮。

Create AB

另一种方式是使用 Artboard tool。它位于 Artboard 菜单中，也可以通过快捷键 A 启用。启用该工具后，点击并拖拽即可定义画板边界。你随时可以在 Hierarchy 中选择画板，并在 Inspector 中显示其属性，从而调整大小和位置。

画板属性​

每个画板都有多种可在 Inspector 中更改的属性。可以更改的属性包括画板在 Stage 上的位置、尺寸、Layout 属性、Fill 颜色、Origin 点，以及 Render Presets。

Artboard Prop

Position​

画板在 Stage 上的位置由画板的 Position 属性控制。

Size 和 Size Type​

默认情况下，画板设置为固定尺寸，其大小由 Width 和 Height 属性决定。

With and height

Link Icon

与其他带有 Link Icon 的属性一样，它可用于锁定当前 Size 属性的比例。

Link

Size Type

画板有两种 Size 模式：Fixed 和 Hug。可以通过 Width 和 Height 属性下方的下拉菜单进行更改。

Size Type

顾名思义，Fixed 类型允许你定义并为画板的 Size 属性添加动画。

Hug 类型会让画板自动调整其 Height、Width，或两者同时调整，以适应其子对象。请注意，只有当画板至少包含一个子 Layout 对象时，此选项才可用。

Origin​

画板的 Origin 决定了与该画板关联的所有对象将从哪个点开始测量。默认情况下，画板的 Origin 为 X:0%，Y:0%。这些值会将 Origin 放置在画板的左上角。

Origin

当你增加 X 或 Y 的值时，Origin 点会相应向右（X 方向）和向下（Y 方向）移动。

通常你不需要更改画板的 Origin，但如果你计划更改 Origin，最好在进行任何动画工作之前完成。添加动画关键帧后再更改 Origin，可能会因为 Origin 移动到新位置而导致对象看起来位置不正确。

Component Origin

请务必记住，Component 会共享其源 Artboard 的 Origin。如果你计划对 Component 执行缩放或旋转等操作，更改 Origin 会让这个过程更容易。

如果你在添加动画后忘记更改 Origin，也可以将 Component 添加到一个 Group 中，这会为你提供相同级别的控制能力。

Layout 设置​

由于 Artboard 是所有其他对象添加到其中的根对象，因此 Artboard 允许你添加和调整其 Layout 属性。阅读更多关于 Layout 的内容，请参阅Layouts Overview。

Layout

请注意，只有当一个或多个 Layout 已添加到画板时，这些属性才会生效。

Fill 和 Stroke​

与 Rive 中的其他对象一样，Artboard 可以添加一个或多个 Fill 或 Stroke。为画板和层级结构中的对象添加并自定义 Fill 与 Stroke 的流程是相同的。

Fill and stroke

阅读更多关于 Fill 和 Stroke 的内容，请参阅 Fill and Stroke。

Render Presets​

选择画板后，你可以创建 Render Presets，用于渲染静态图形（如 PNG 和 SVG），以及视频和动态文件（如 PNG 序列和 MP4）。

Render

阅读更多关于创建 Render Presets 的内容，请参阅导出为视频或静态设计。

Selected Colors​

选中画板后，你可以查看、定位并调整画板上每个对象关联的所有颜色。

Select Color