[发明专利]分页展示及页间动画的可视化设计方法

权利要求书

1.一种分页展示及页间动画的可视化设计方法，其特征在于，包括以下步骤:

步骤1，新建模板,根据数据和场景的分解情况新建多个页面；

步骤2，设计每个页面中的组件以及页面的整体布局；

步骤3，通过给不同页面的存在数据变化的组件指定相同的名字使不同页面的存在数据变化的组件成为关联组件；

步骤4，发布和预览模板，其中，对于关联组件在页面切换时采用平滑过渡动画进行过渡，对于非关联组件在页面切换时采用预先给组件设置的出现和消失动画进行过渡。

2.根据权利要求1所述的分页展示及页间动画的可视化设计方法，其特征在于，

当关联组件的每个属性都能一一对应时，则称关联组件为同类型组件；

同类型组件的平滑过渡动画即为初始态组件的单个属性分别以平滑过渡动画的方式到最终态组件的对应属性。

3.根据权利要求2所述的分页展示及页间动画的可视化设计方法，其特征在于，

当关联组件不能被定义为同类型组件时，将关联组件抽象为大小和位置两个属性；当组件A(s0,p0)过渡到组件B(s1,p1)时，平滑过渡动画按照如下逻辑执行：

s1＝α(s0)

p1＝β(p0)

(其中α，β均为缓动函数，s为大小，p为位置)。

4.根据权利要求3所述的分页展示及页间动画的可视化设计方法，其特征在于，

组件A(s0,p0)有一个透明度从1到0的变化，组件B(s1,p1)有一个透明度从0到1的变化。

5.根据权利要求2所述的分页展示及页间动画的可视化设计方法，其特征在于，

对于同类型组件，页面切换的时候，实现dom结点的复用，避免重复地创建或删除dom节点。

6.根据权利要求1所述的分页展示及页间动画的可视化设计方法，其特征在于，

模板内所有页面共享组件池，组件池实现资源的后台预加载，以及切换页面的时候组件实例的共享的功能。

7.根据权利要求1所述的分页展示及页间动画的可视化设计方法，其特征在于，

同一页面内的组件的名字唯一。

8.根据权利要求1所述的分页展示及页间动画的可视化设计方法，其特征在于，

新建多个页面后可以对页面进行复制、删除以及拖拽调整页面的顺序的操作；对页面进行操作不触发对数据源的查询操作和对页面的渲染。

9.根据权利要求1所述的分页展示及页间动画的可视化设计方法，其特征在于，

在步骤2中，针对每个页面单独设计可视化内容；

设计可视化内容包括：选择可视化组件，配置数据、样式和交互功能，调整组件位置和大小，以及单独的出现和消失动画。

10.根据权利要求1所述的分页展示及页间动画的可视化设计方法，其特征在于，

在步骤4中，可以用浏览器打开模版链接后预览模板，可视化内容以多页的形式分别展示，用户可以进行页面间的随意切换跳转。