页面状态

页面状态的作用

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

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

001619c876aadbe46e115e6e9c91d59

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

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

001619c879c0e8b815edcf13a7d36a3

页面状态设置与添加

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

001619c889d5d48321e6d625832302f

默认显示状态

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

默认状态就像动画的第一帧(第一个画面)。

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