页面状态的作用

页面状态可以用来实现页面内整体的交互动画。举个例子：

使用页面状态切换，我们可以让页面中一个图片（组件）的位置、大小、颜色发生改变。

页面状态切换和页面切换的区别

上图的状态切换会有组件平滑移动的效果，我们可以称之为神奇移动。页面切换则没有这种平滑移动的效果，会是生硬的切换，就像这样：

页面状态设置与添加

设置面板的左边有几个按钮，点击第一个圆形按钮后就可以设置页面状态了。点击状态面板中的「新建」或「复制」按钮即可新建状态。

默认显示状态

当我们打开一个页面时，页面最开始呈现的样子（状态），就是页面的默认显示状态，可以通过鼠标拖拽调整页面状态顺序。

默认状态就像动画的第一帧（第一个画面）。

我们可以给默认显示页面状态的组件（元素）添加链接，让默认状态跳转到其它状态，产生动画效果。