跳到主要内容

Inputs(输入)

⚠️

弃用通知: 本页面完整记录的是旧版 Inputs 系统。 对于新项目: 请改用 Data Binding对于现有项目: 请尽快计划从 Inputs 迁移到 Data Binding。此内容仅为旧版支持而保留。

Inputs 已移动

Inputs 现在位于 Animations 面板中。展开相应的状态机,即可查看其 ListenersInputs 部分。

Inputs 已移动

Inputs 是一种用于控制状态机中过渡的旧版工具。虽然 Inputs 仍然可以用于控制过渡,但 Data Binding 被认为是最佳实践,因为 View Models 功能更强大,也更容易在运行时控制。

Inputs 最适合用于快速原型交互,并且你不打算将其迁移到运行时的场景。

创建新的 Input

要创建新的 Input,请使用 input 面板中的加号按钮。点击加号按钮后,系统会提示你选择要创建的 input 类型。Inputs 有三种类型:booleans、triggers 和 numbers。

Image

Input 类型

我们可以根据具体情况和交互内容的类型,使用三种类型的 inputs:booleans、triggers 和 numbers。下面将分别介绍这些 inputs。

Boolean

Boolean 可以保存 true 或 false 值。

Boolean for a switch

Trigger

Triggers 与 booleans 类似,但只能在很短的时间内变为 true。

Trigger for attack animation

Number

Number input 会提供一个数字输入框,可以是任意整数。

Number input for rating animation

暴露 Inputs 和 Events

将 Component 的 Inputs 和/或 Events 暴露出来,以便从父级/宿主 Artboard 控制它们。这样你就可以通过 State Machine 使用一个 Component 来控制另一个 Component。

如何暴露 Input

暴露 Input 后,父级 artboard 就可以访问并操作它。要执行此操作,请选择所需的 input,然后在 inspector 中勾选 expose to main artboard 选项。

Image

创建 Component 后,你会在 Inspector 的 options 面板以及 Inputs 面板中看到所有已暴露的 inputs。

在父级 Artboard 上使用 Inputs

已暴露的 inputs 可以在 Inputs 面板或 inspector 中找到。你可以通过 listeners、event,或将它们在时间线上设为关键帧来使用它们。

Image

通过 Listener

创建 listener 时,你会在 Listener 的 set input 属性中找到所有已暴露的 Inputs。这个选项让你可以执行诸如同时更改多个 artboards 的 boolean input 之类的操作。

Image

使用 Events

此外,我们可以使用 Listeners 来监听从 Component 触发的 Events,并相应地更改 inputs。

Image

要查看与 Artboard 关联的 Event,你需要将该 Artboard 设置为 Listener 的 target。该 Event 现在会作为 listener action 列出。

在 State Machine 上设置关键帧

你可以通过 inspector 中的 options 面板,在父级 artboard 上为已暴露的 inputs 设置关键帧。

当你想要设置 Instance 内的文本值等情况时,这是一个很方便的技巧。