状态机概览

概览

状态机是一种以可视化方式将动画连接在一起，并定义驱动转场逻辑的方法。它们让你能够构建交互式动态图形，并可直接用于你的产品、应用、游戏或网站中。

状态机为设计师和开发者之间的协作创造了新的层次，使双方都能在开发流程的深入阶段持续迭代，而无需复杂的交接流程。

使用状态机需要设计师和动画师以更接近开发者的方式思考，但这一过程是直观且可视化的。

每个画板默认至少有一个状态机，但你也可以根据需要创建任意数量的状态机。要创建新的状态机，请点击动画列表中的加号按钮，然后选择状态机选项。

状态机的组成

一个基本的状态机由图表、状态、过渡和图层组成。我们将在本章节中逐一介绍这些部分以及更多内容。

图表是你添加状态并连接过渡的空间。当在动画列表中选中状态机时，它会显示在时间轴的位置。

状态本质上就是可以在状态机中播放的时间轴动画。通常，它们会表示你的动画内容所处的某种状态。例如，一个按钮通常会有空闲状态（按钮静止不动）、悬停状态（按钮被悬停时的外观）以及点击状态（按钮被点击后的外观）。

当我们定义好内容的各个状态后，就可以通过过渡将它们连接起来，为状态机在不同时间轴之间的切换创建一条符合逻辑的路径。我们正在创建一张地图，让状态机能够从一个动画进入下一个动画。