跳到主要内容

嵌套画板(Nested Artboards)

嵌套画板通过允许重复使用动画和状态机(State Machine)来加快您的工作流程。对源画板所做的任何更改都会反映在所有嵌套画板中。

创建嵌套画板(Creating a Nested Artboard)

要添加新的嵌套画板,请使用画板菜单中的嵌套画板工具,或使用快捷键 N。激活工具后,在目标画板上的任意位置点击即可。

图片

您会注意到,嵌套画板最初会显示为一个组(Group)。在其显示之前,您需要使用检查器(Inspector)为其分配一个画板。

配置嵌套画板(Configuring a Nested Artboard)

添加嵌套画板后,您可以通过多种方式回放各种动画和状态机。

状态机(State Machines)

为嵌套画板分配画板后,您会注意到该画板的默认状态机会显示在检查器中。

图片

如果您已经暴露了任何输入(Inputs),可以通过选项菜单(选中动画时)或输入面板(选中状态机时)来访问它们。

图片

添加动画(Adding an Animation)

您可以回放与嵌套画板关联的任何动画。您需要使用检查器中的加号按钮将所需的动画添加到嵌套画板中。

图片

这些动画可以单独使用,也可以与其状态机或其他动画混合使用。

注意,在添加动画之前,您必须选择动画是简单动画(Simple)还是重映射动画(Remap)。我们将在下面讨论它们的区别。

简单动画(Simple)

简单动画是在嵌套画板上启用动画回放的简单方式。

图片

简单动画允许您在时间轴上设置动画开始播放的关键帧。您还可以选择更改动画的播放速度。

重映射动画(Remap)

重映射动画允许您在时间轴上设置动画的时间值关键帧。这使您可以拉伸、压缩甚至反向播放动画。

图片

注意,时间值以百分比表示,0% 代表时间轴的开始,100% 代表结束。

混合值(Mix Value)

当您向嵌套画板添加更多动画时,动画会开始混合在一起。这种混合很重要,特别是当多个动画共享关键属性时。如果不调整这个值,您的嵌套画板可能无法按照您想要的方式回放动画。

默认情况下,添加到嵌套画板的任何动画的混合值都是 100%。您可以在设计模式下或在特定动画中通过设置关键帧来调整此值。请注意,具有非零混合值的动画将始终与其他动画混合,无论是否设置了播放关键帧。

为确保正确播放动画,请确保将所需动画的混合值设置为 100%,而其他所有动画的混合值设置为 0%。

暴露输入和事件(Exposing Inputs and Events)

如果您打算将嵌套画板用作组件,应该暴露主画板可以看到的输入。这允许您使用主状态机通过其他嵌套画板来控制嵌套画板。

视频

如何暴露输入(How to Expose an Input)

暴露输入允许父画板访问和操作它。要做到这一点,选择所需的输入,然后在检查器中勾选"暴露给主画板"(expose to main artboard)选项。

图片

创建嵌套画板后,您可以通过选项面板和输入面板在检查器中看到任何已暴露的输入。

在父画板上使用输入(Using Input on a Parent Artboard)

已暴露的输入可以在输入面板或检查器中找到。您可以通过监听器(Listener)、事件(Event)或在时间轴上设置关键帧来使用它们。

图片

通过监听器(Via a Listener)

创建监听器时,您会发现所有暴露的输入都作为监听器的设置输入属性。例如,这个选项让您可以同时更改多个画板的布尔输入。

图片

使用事件

此外,我们可以使用监听器来监听嵌套画板中触发的事件,并基于这些事件更改输入。

图片

要查看与画板关联的事件,您需要将画板设置为监听器的目标。该事件现在将作为监听器动作列出。

在状态机上设置关键帧(Keying on the State Machine)

您可以通过检查器中的选项面板在父画板上为暴露的输入设置关键帧。

这是一个很方便的技巧,例如,当您想要设置嵌套画板的文本值时。