1. 概述编辑
适用场景:安装了「FVS大屏编辑模式」插件的用户,可参考本文了解 FVS 模板的相关功能。
1.1 版本
报表服务器版本 | JAR包 | FVS大屏编辑模式(beta版)版本 |
---|---|---|
11.0 | 2021-11-15 | V1.0.0 |
1.2 功能简介
「轮播器组件」是一种容器,可以将其他各类组件(不包含轮播器组件本身,不支持组合)拖入「轮播器组件」,并按照一定规则轮播。
注:本文仅为大家介绍「轮播器组件」特有功能,其他属性不赘述。
组件交互请参见:FVS组件框架交互属性 。
组件动画请参见:FVS组件框架动画属性 。
组件属性请参见:FVS组件属性 。
2. 添加轮播器组件编辑
新建一张「大屏模板」:
在页面中新增一个「轮播器组件」,默认显示「请将组件拖入轮播组件中,添加的组件将自适应充满整个轮播区域」。如下图所示:
用户可选中本页面中其他各类组件拖入到轮播组件内。当出现提示「释放进入轮播控件」时,松开鼠标,即可将组件加入轮播列表中。
注:组合不支持拖入「轮播器组件」,「轮播器组件」不支持拖入「轮播器组件」。
若将组合/「轮播器组件」拖入「轮播器组件」中,提示「该组件/组合不支持拖入轮播组件」。
3. 轮播列表编辑
3.1 展示方式
每个轮播页仅能显示一个组件,不支持显示多个组件。
组件被拖入轮播组件后,不再存在于图层区。组件大小变为和轮播组件一样大。
3.2 展示顺序
按照组件拖入的顺序,先拖入的在上,后拖入的在下。
预览时,按照从上到下的顺序进行轮播。
可选中轮播列表中的某个组件,上下拖动调整组件顺序。
3.3 组件编辑
在轮播列表中,可对组件进行编辑、重命名、移出、删除等操作。
编辑:修改组件内的数据配置、交互等属性。
重命名:可对该组件的名称进行修改。
移出:将组件从轮播组件中移出到页面中,重新出现在图层列表里。
删除:删除该组件。
4. 轮播按钮编辑
若勾选「显示轮播按钮」,支持两类轮播按钮:导航器按钮、Tab栏按钮。
4.1 导航器按钮
导航器按钮设置如下图所示:
各设置项的具体说明如下表所示:
设置 | 说明 |
---|---|
显示策略 | 支持两种显示策略: 固定显示:当预览该页面时,导航器按钮默认显示在组件上。 悬浮显示:当预览该页面时,导航器按钮默认不显示。当鼠标悬浮在轮播组件上时,导航器按钮出现。 |
大小 | 用于调整导航器按钮的尺寸大小 |
颜色 | 用于调整导航器按钮的颜色 |
不透明度 | 用于调整导航器按钮的透明度 |
导航点 | 控制底部导航点是否出现 |
导航器和导航点的位置如下图所示:
4.2 Tab栏按钮
Tab栏按钮设置如下图所示:
各设置项的具体说明如下表所示:
设置 | 说明 |
---|---|
显示策略 | 支持两种显示策略: 固定显示:当预览该页面时,Tab栏按钮默认显示在组件上。 悬浮显示:当预览该页面时,导航器按钮默认不显示。当鼠标悬浮在轮播组件上时,导航器按钮出现。 |
按钮样式 | 轮播组件内置了多种Tab栏样式,用户可自行选择 |
布局样式 | 支持两种布局样式: 自然布局:根据组件名称的长度和按钮字号,按照合适的长度自适应显示Tab栏 等分布局:根据组件的长度/高度,以及轮播列表中组件的个数,等分Tab栏,每个Tab框的长度一致。 |
色相 | 用于调整Tab框的色相,不改变Tab框中的文字颜色 |
位置 | 用于调整Tab栏的位置,支持上、下、左、右四种 |
按钮字号 | 用于调整Tab框中的文字大小,Tab框的大小随之自适应调整 |
样式 | 用于设置Tab框中的文字颜色,不改变Tab框的颜色 |
位置 | 仅当「布局样式」选择「等分布局」时,出现该设置项 可设置Tab框中的文字位置,支持居左、居中、居右 |
Tab栏按钮的显示示例如下图所示:
5. 自动轮播编辑
选中「轮播器组件」,点击「交互」,用户可自行选择是否「开启自动轮播」。如下图所示:
「自动轮播」默认开启,轮播间隔默认为 6000 毫秒。
若不开启自动轮播,当预览该页面时,轮播组件默认显示轮播列表中的第一个组件。用户需要通过轮播按钮方可查看其他轮播内容。
若开启自动轮播,当预览该页面时,根据轮播列表的顺序和轮播间隔,循环展示各个组件的内容,但无法暂停自动轮播。
6. 已完成模板编辑
已完成模板请参见:FVS轮播器组件示例.fvs
7. 注意事项编辑
1)用户可选中轮播器组件,复制粘贴轮播器组件和轮播列表中的全部内容。
用户不可选中轮播列表中的某个组件,单独复制粘贴到页面中。
2)用户可对轮播器组件本身设置组件内容、组件动画和组件布局。组件交互仅支持「轮播设置」,不支持「点击事件」和「监控刷新」。
用户可对轮播列表中的每个组件,设置组件内容、组件交互(「点击事件」和「监控刷新」),不支持设置组件动画和组件布局。
3)进行联动设置时,支持联动到轮播组件本身,支持联动到轮播列表中的每个组件。
4)轮播组件整体可以与其他组件合并成组合。轮播组件中的单个组件不可成组。
不支持拖拽轮播组件/组合进入轮播组件。