FVS模板样式

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

1.1 版本

1.2 应用场景

在创建 FVS 模板时，可提前选择模板样式，对模板的「主题样式」和「组件样式」进行预定义，提升后续模板制作效率。

1.3 功能简介

1）模板样式可通过「服务器>FVS模板样式管理」进行管理，包含 4 种内置样式，支持创建自定义样式。

2）创建空白看板时需选择一种模板样式，模板样式为一次性应用，即编辑模板样式不影响已使用样式的模板。

3）模板样式分为「主题样式」和「组件样式」，对已创建模板，支持切换「主题样式」，「组件样式」仅在新建模板时有效。

使用建议：提前创建自定义样式，预定义好需要的样式，再新建模板。

2.1 创建空白看板

新建空白可视化看板时，模板样式展示当前服务器下所有的「内置样式」和「自定义样式」，需选择一种样式后创建看板。

1）内置样式：FVS 内置了 4 种主题样式可供选择，默认选择「深色主题一」样式。

2）自定义样式：若未添加过自定义样式，会提示「暂无自定义样式，前往FVS模板样式管理进行添加」。

• 点击「FVS模板样式管理」打开弹窗，可复制内置样式或创建新样式进行自定义。
  

• 添加后需关闭弹窗，回到模板样式选择界面，点击右下角「刷新资源」，获取自定义的模板样式。
  

• 已有自定义样式时，左下角有提示「没有合适的，去手动添加」，点击「手动添加」也可打开模板样式管理弹窗。

如下图所示：

2.2 切换主题样式

创建可视化看板后，可通过模板右上角「切换主题样式」按钮，切换当前模板「主题样式」。

• 由于模板样式为一次性应用，所以这里不会选中当前应用的模板样式。

• 在「FVS模板样式管理」中修改模板样式不影响当前模板，若需要应用修改后「模板样式」中的「主题样式」，需重新选中并切换。

• 切换主题样式面板下方「手动添加」和「刷新资源」按钮与创建模板时的用法一致。

3.1 功能入口

点击顶部菜单栏「服务器>FVS模板样式管理」，即可打开弹窗。

3.2 内置样式

FVS 内置了 4 种样式，内置样式不支持编辑、删除等功能，仅支持复制为自定义样式。

鼠标悬浮样式，点击右上角复制按钮，即可将其复制到自定义样式。

3.3 自定义样式

自定义样式界面左上角固定显示「创建新样式」卡片，鼠标悬浮时，出现「从深色样式创建」和「从浅色样式创建」两个按钮，点击后弹出「模板样式设置」弹框。

自定义样式支持删除、编辑和复制，鼠标悬浮样式，点击右上角按钮即可进行对应操作。

模板样式设置包括样式名称、预览图、主题样式、组件样式四个部分。如下图所示：

4.1 名称及预览图

1）样式名称不支持为空或重名。

2）预览图中显示有标题、控件以及图表示例。修改样式配置时，预览图即时生效。

4.2 主题样式

可对模板整体色系进行配置，可配置内容如下表所示：

4.3 组件样式

可对部分组件配置内容样式及组件样式，可配置内容如下表所示：

4.4 样式生效逻辑

1）「主题样式」与「组件样式」，存在部分相同设置项，例如控件图标、控件高亮等。

相同设置项，可单独修改「组件样式」，此时「主题样式」不变，组件按照「组件样式」生效。

但若修改「主题样式」，「组件样式」会跟随主题样式修改。如下图所示：

2）「组件样式」仅在新建可视化看板时应用于模板，创建模板后再「切换主题样式」，仅应用新的「主题样式」。

3）复制粘贴不同样式模板中的组件，不受当前模板样式影响，需在「切换主题样式」中重新选择主题并切换。

部分组件暂时不支持配置样式，但在深浅主题下会区分显示。例如：

• 表格工具栏开放「工具栏背景」和「按钮风格」设置，详情可参见 FVS表格工具栏应用 。

• 设计器满足 11.0.26 及之后版本，表格内容文本颜色区分深/浅主题，显示为白色/黑色，之前版本中始终为白色。
  

• Tab组件的默认样式选择「联排样式」时，Tab 栏按钮可跟随主题样式显示。

• 控件下拉面板的背景区分深浅主题，文字选中效果跟随主题样式显示。

• 查询面板中的控件仅「主题样式」生效。