第 6 步 - 添加应用程序状态¶

在本步骤中，您将学习如何创建和使用应用程序状态。

创建状态¶

使用 State Manager 在您的 Kanzi 应用程序中创建不同的状态。

State Tools 窗口显示您在 Node Tree 或 Prefabs 窗口中所选节点的 State Manager。

您可以在 Preview 窗口下方找到 State Tools 窗口。

../../_images/car-create-state-manager.png

在本节中，您将使用 Kanzi Studio State Tools 创建状态机并定义应用程序状态。

要创建状态：

在 Activity Browser 窗口中，点击 Settings 活动旁的以激活该活动。
在 Prefabs 窗口中，选择 CarScene 预设件。
在 State Tools 窗口中，点击 Create State Manager。

点击 Create State Manager 时，Kanzi Studio：
1. 创建状态机
2. 将状态机分配给所选节点
3. 将 State Tools 窗口设置为 Edit 模式。
  
  当 State Tools 窗口处于 Edit 模式时，Preview 窗口的选项卡和边框会变为橙色。
小技巧

当 State Tools 窗口处于 Edit 模式时，Kanzi Studio 会跟踪您对所选节点及其树中的属性值所做的所有更改。如果您没有更改应用程序中状态的定义，请关闭 State Tools 的编辑模式。
在 State Tools 中，双击 Create State 以创建两个状态。双击每个状态的名称并重命名这些状态。

例如，将一个状态命名为 Side，另一个命名为 Front。
使用 State Tools 来设置应用程序在该状态下的外观：
1. 在 Prefabs 窗口中，选择 CarScene > RootNode > CameraRoot 节点。在 Properties 窗口中，添加 Render Transformation 并将其 Rotation Y 属性字段设置为 20。
  
  通过此设置，您可以旋转包含 Camera 节点的节点，从不同角度显示汽车模型。
2. 在 State Tools 窗口中，在 Side 状态中点击。
  
  点击时，Kanzi Studio 会将您更改的属性值保存到该状态。
重复上一步，但将 Render Transformation Rotation Y 属性字段设置为 -20，并将更改保存到 Front 状态。

小技巧

当 State Tools 窗口处于 Edit 模式时，您可以单击该 State Manager 中的任何状态，以查看您的应用程序在该状态下的外观。
单击 Edit State Manager 以退出 State Tools Edit 模式。

设置应用程序状态¶

在本节中，您将在 Kanzi 应用程序中创建一个按钮，让应用程序用户可以在上一节创建的状态之间进行切换。

要设置应用程序状态：

在 Prefabs 窗口中，按 Alt 并右键单击 Car 预设件并选择 Button 2D。
在 Properties 窗口中，添加 Horizontal Alignment 和 Vertical Alignment 属性，并将两者都设置为 Stretch。

通过此设置，您将 Button 2D 节点的大小设置为与 Viewport 2D 相同，即整个屏幕。这样，应用程序用户可以点击 Car Activity 中的任意位置与按钮交互。
在 Node Components 中，按 Alt 并右键单击 Button: Click 触发器，并选择 Dispatch Message Action > State Manager > Next State。

使用 Next State 操作进入您在此操作中设置的状态管理器的状态组中的下一个状态。
在 Next State 动作中，设置：
- Target Item 到 Prefabs/CarScene/CarScene
- State Group 到 StateGroup