页面状态的作用
页面状态可以用来实现页面内整体的交互动画。举个例子:
使用页面状态切换,我们可以让页面中一个图片(组件)的位置、大小、颜色发生改变。
页面状态切换和页面切换的区别
上图的状态切换会有组件平滑移动的效果,我们可以称之为神奇移动。页面切换则没有这种平滑移动的效果,会是生硬的切换,就像这样:
页面状态设置与添加
设置面板的左边有几个按钮,点击第一个圆形按钮后就可以设置页面状态了。点击状态面板中的「新建」或「复制」按钮即可新建状态。
默认显示状态
当我们打开一个页面时,页面最开始呈现的样子(状态),就是页面的默认显示状态,可以通过鼠标拖拽调整页面状态顺序。
默认状态就像动画的第一帧(第一个画面)。
我们可以给默认显示页面状态的组件(元素)添加链接,让默认状态跳转到其它状态,产生动画效果。