15、视图状态创建与动画添加指南

视图状态创建与动画添加指南

一、创建视图状态

1.1 状态创建基础

在创建状态时，如果输入的状态名称包含非法字符，名称框会变红。按下回车键完成命名时，包含非法字符的名称将被忽略，恢复为之前的名称。组件可以包含多个状态，在组件内创建状态，可在画板上双击该组件进行编辑，然后使用“页面/状态”面板操作。在画板上能对状态进行的操作，在组件内同样可行。

1.2 状态中组件的更改

1.2.1 组件的移除与隐藏

在不同状态下，组件可能可见或不可见。移除组件的方法有两种：一是在画板上选中组件后按 Delete 键；二是选择“修改”➪“从状态移除”，然后选择要移除组件的状态。组件从某个状态移除后，仍会作为项目的一部分，可在其他组件中显示。若不想删除组件，可选择隐藏组件在某个状态下的图层，操作步骤为：确保选中正确的状态，然后点击“图层”面板上的“显示/隐藏图层”按钮。

1.2.2 组件的移动

可以在不同状态下将组件移动到画板上的新位置，这样能在不同状态下呈现相同的基本信息，同时改变布局，突出或弱化某些组件。移动组件可使用“选择工具”或“直接选择工具”，还可借助网格或添加参考线来帮助对齐组件。此外，也可将组件放置在画板的左、右、上或下方，以便在状态改变时将其移动到画板上实现动画效果。

1.2.3 组件更改应用到状态

若在某个状态下对某个组件进行了如调整大小等更改，可点击“状态”➪“在所有其他状态中保持一致”，将该更改应用到其他所有状态。一般来说，在不同状态间删除组件比隐藏组件更可取，因为删除组件可提升性能，使应用启动更快。但如果要对组件的状态变化进行动画处理，则必