1. 概述编辑
适用场景:安装了「FVS大屏编辑模式」插件的用户,可参考本文了解 FVS 模板的相关功能。
注:不支持移动端。
1.1 版本
报表服务器版本 | JAR包 | 插件版本 |
---|---|---|
11.0 | 2021-11-15 | V1.0.0 |
1.2 功能简介
一张 FVS 大屏模板,就是一张画布。一张画布中有多个分页。每个分页中有多个组件。本文主要介绍分页的各个属性。
如下图所示:
1.3 视频教程
2. 分页属性编辑
2.1 新建页面
1)点击「收起分页/展开分页」,可以将分页区展开/折叠。
2)点击「+点击新建页面」,可新增一个空白页面。
3)右键点击选中页面,点击「复制页面」,在选中页后面,新增一张与选中页相同的页面,
4)右键点击选中页面,点击「删除」,即可删除选中页面。只有一个页面时,「删除」按钮置灰不可用。
5)按住页面左右拖拽,可调整页面顺序。
2.2 页面名称
选中页面,点击右上角配置栏中的「页面」,可手动修改页面名称。如下图所示:
2.3 页面背景
页面背景支持四种配置方式:无、颜色、我的资源、自定义上传。
注:页面背景的配置,仅对选中页生效,对当前画布中的其他页面无影响。
2.3.1 颜色
选择页面背景为颜色时,可以点击色块选择颜色,也可手动输入色值。如下图所示:
2.3.2 我的资源
1)「我的资源」中的素材来自 FVS资源中心 ,默认已筛选标签为「背景」的素材。如下图所示:
注:「我的资源」在 V1.12.0 之前的版本中对应功能为「内置素材」。
2)选择素材后,可设置 素材填充方式 和色相。若选择的图片设置了「点九图填充」,则填充方式可选择「普通填充」或「点九图填充」;若图片未设置「点九图填充」,仅支持选择普通填充的三种效果。如下图所示:
2.3.2 自定义上传
1)选择「自定义上传」方式后,点击「选择」,点击「+上传图片」,即可选择本地图片文件并上传。
2)支持上传的文件格式包括 jpg、jpeg、png、apng、gif 和 webp 。
3)上传后,选中图片时将鼠标悬浮于图片,可设置「点九图填充」。
4)选择图片后,同样支持设置填充方式和色相。如下图所示:
2.4 分页过渡
提供「平滑过渡」功能。开启「平滑过渡」按钮后,如果上一页与当前页存在「名称相同的组件」,转场动效将有移动转场效果,上一页中该组件的「退出动效」将失效。
详情请参见:FVS分页平滑过渡 。
3. 预览播放设置编辑
当模板中存在多个页面时,用户可在分页区为模板进行「预览播放设置」,如下图所示:
设置完成后,点击右上角「预览」按钮,即可在浏览器中预览该模板。
根据按钮的选择,最终预览的效果不尽相同,详情请参见下表:
注:V1.14.1 及之后版本可使用接口 setPageButtonDisplayPolicy 实现永久隐藏左下角切换按钮。
自动切换页面 | 循环播放页面 | 显示切换按钮 | 效果 |
---|---|---|---|
不选 | 不选 | 不选 | 预览模板时,默认看到第一张页面 鼠标移动到左下角,出现页面切换按钮,点击即可切换页面 但是只能从前往后/从后往前切换,不支持从最后一张页面循环切换到第一张页面 |
不选 | 选中 | 不选 | 预览模板时,默认看到第一张页面 鼠标移动到左下角,出现页面切换按钮,点击即可切换页面 且可以将最后一张页面与第一张页面串联,支持循环切换 |
不选 | 不选 | 选中 | 预览模板时,默认看到第一张页面 左下角自动出现页面切换按钮,点击即可切换页面 但是只能从前往后/从后往前切换,不支持从最后一张页面循环切换到第一张页面 |
不选 | 选中 | 选中 | 预览模板时,默认看到第一张页面 左下角自动出现页面切换按钮,点击即可切换页面 且可以将最后一张页面与第一张页面串联,支持循环切换 |
选中 | 不选 | 不选 | 预览模板时,默认从第一张页面顺序播放到最后一张页面,然后静止在最后一张页面上 鼠标移动到左下角,出现页面暂停按钮,点击即可暂停/开始顺序播放 鼠标移动到左下角,出现页面切换按钮: 点击切换下一张,即可切换页面,如当前暂停了播放,会自动开始顺序播放 点击切换上一张,即可切换页面,如当前暂停了播放,不会触发自动播放 只能从前往后/从后往前切换,不支持从最后一张页面循环切换到第一张页面 |
选中 | 选中 | 不选 | 预览模板时,将最后一张页面与第一张页面串联成一个循环,不停歇的循环播放 鼠标移动到左下角,出现页面暂停按钮,点击即可暂停/开始顺序播放 鼠标移动到左下角,出现页面切换按钮: 点击切换下一张,即可切换页面,如当前暂停了播放,会自动开始顺序播放 点击切换上一张,即可切换页面,如当前暂停了播放,不会触发自动播放 |
选中 | 不选 | 选中 | 预览模板时,默认从第一张页面顺序播放到最后一张页面,然后静止在最后一张页面上 左下角自动出现页面暂停按钮,点击即可暂停/开始顺序播放 左下角自动出现页面切换按钮: 点击切换下一张,即可切换页面,如当前暂停了播放,会自动开始顺序播放 点击切换上一张,即可切换页面,如当前暂停了播放,不会触发自动播放 只能从前往后/从后往前切换,不支持从最后一张页面循环切换到第一张页面 |
选中 | 选中 | 选中 | 预览模板时,将最后一张页面与第一张页面串联成一个循环,不停歇的循环播放 左下角自动出现页面暂停按钮,点击即可暂停/开始顺序播放 左下角自动出现页面切换按钮: 点击切换下一张,即可切换页面,如当前暂停了播放,会自动开始顺序播放 点击切换上一张,即可切换页面,如当前暂停了播放,不会触发自动播放 |