页面状态

页面状态的作用

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

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

0016073edcc0afef9dc85ac9dbfa47c

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

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

0016073ede98c3b39fc4d8cefc7d8aa

页面状态设置与添加

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

0016073ee0b0f31bbb2a294c1a2fdf7

默认显示状态

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

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

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

0016073ee2be82892ea12aabacef326