适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FineVis 的相关功能。

1.1 版本

1.2 功能简介

一张 FineVis 可视化看板，就是一张画布。一张画布中有多个分页。每个分页中有多个组件。本文主要介绍分页的各个属性。

如下图所示：

1.3 视频教程

2.1 分页基础操作

1）在画布下方，点击「收起分页/展开分页」，可以展开/收起分页操作区，默认展开。

2）点击「+新建页面」，可在所有页面后新增一个空白页面。

3）鼠标右键单击页面，键出操作面板，支持新建页面、复制页面、粘贴页面、删除页面。

• 初始未复制页面时，「粘贴页面」置灰，不可粘贴

• 粘贴的页面默认在右键单击的页面之后

• 仅有一个页面时，「删除页面」置灰不可用

4）鼠标右键单击分页区域空白处，键出操作面板，支持新建页面、粘贴页面，新建或粘贴的页面在鼠标位置插入。

• 初始未复制页面时，粘贴页面置灰，不可粘贴

5）支持跨模板复制粘贴分页，若不同模板画布尺寸不一致，粘贴时保持组件大小不变，从当前模板页面左上角开始粘贴，超出分页尺寸的组件则超出画布粘贴。

6）按住页面左右拖拽，可调整页面顺序。

2.2 页面名称

选中页面，点击右上角配置栏中的「页面」，可手动修改页面名称。如下图所示：

2.3 页面背景

页面背景支持五种配置方式：无、颜色、我的资源、自定义上传、三维背景 。

注1：页面背景的配置，仅对选中页生效，对当前画布中的其他页面无影响。

注2：若页面背景使用了带透明度的颜色或图片，预览全屏时，页面背景会显示出黑色背景底色。

2.3.1 颜色

选择页面背景为颜色时，可以点击色块选择颜色，也可手动输入色值。如下图所示：

2.3.2 我的资源

1）「我的资源」中的素材来自 FVS资源中心 ，默认已筛选标签为「背景」的素材。如下图所示：

2）选择素材后，可设置 素材填充方式 和色相。若选择的图片设置了「点九图填充」，则填充方式可选择「普通填充」或「点九图填充」；若图片未设置「点九图填充」，仅支持选择普通填充的三种效果。如下图所示：

2.3.3 自定义上传

1）选择「自定义上传」方式后，点击「选择」，点击「+上传图片」，即可选择本地图片文件并上传。

2）支持上传的文件格式包括 jpg、jpeg、png、apng、gif 和 webp 。

3）上传后，选中图片时将鼠标悬浮于图片，可设置「点九图填充」。

4）选择图片后，同样支持设置填充方式和色相。如下图所示：

2.3.4 三维背景

三维背景常应用于多个分页需要相同三维模型的场景，以提升模板制作效率，便于模板的后续维护。

功能详细说明及应用请参考文档：FVS三维背景应用 。

2.4 分页过渡

提供「平滑过渡」功能。开启「平滑过渡」按钮后，如果上一页与当前页存在「名称相同的组件」，转场动效将有移动转场效果，上一页中该组件的「退出动效」将失效。

详情请参见：FVS分页平滑过渡 。

2.5 预览播放设置

当模板中存在多个页面时，用户可在分页区为模板进行「预览播放设置」，如下图所示：

注：「预览播放设置」只在“当前可预览页面数量”大于 1 时生效。

设置项说明如下：

预览时按钮显示在左下角，从左到右依次为上一页、暂停/继续、下一页、页面导航，说明如下：

效果如下图所示：

注1：预览模板总是默认从第一个页面开始，不能自定义开始的页面。

注2：可使用接口 setPageButtonDisplayPolicy 实现永久隐藏左下角切换按钮。

2.6 预览时隐藏分页

V2.1.1 及之后版本，可设置分页在预览时显示或隐藏，预览时隐藏不影响设计器内编辑操作。

• 有多个分页时，鼠标悬浮分页区页面，默认页面显示，右上角出现「预览时显示」图标，点击后变为「预览时隐藏」固定显示于右上角，再次点击恢复「预览时显示」。

• 若仅有一个分页，或当前可预览页面仅剩下一页时，悬浮于分页区页面不再出现图标。

隐藏后，预览时页面导航中也不显示该页。例如隐藏「页面1」效果如下：

另外，也支持通过 JS 实现分页的隐藏显示：

• 显示分页

duchamp.showStory("页面1"); //页面1为该页面名称

• 隐藏分页
  

duchamp.hideStory("页面1"); //页面1为该页面名称

注：若在当前页面隐藏当前页，会弹出提示「无法隐藏当前页」。

效果如下图所示：

点击可下载模板：JS实现分页的显示隐藏.fvs