反馈已提交

网络繁忙

FVS标题组件

  • 文档创建者:Carly
  • 历史版本:4
  • 最近更新:Alicehyy 于 2022-08-19
  • 1. 概述

    适用场景:安装了「FVS大屏编辑模式」插件的用户,可参考本文了解 FVS 模板的相关功能。

    注:不支持移动端。

    1.1 版本

    报表服务器版本
    JAR包插件版本功能变动
    11.02021-11-15V1.0.0
    -
    11.0.6-V1.5.1标题内容新增渐变色、颜色透明度、布局、文字阴影、字间距和词间距设置项,优化标题展现效果

    1.2 功能简介

    标题组件,常用于制作组件的标题内容,或单行的文本说明。

    V1.5.1 版本及之后的插件,还支持设置标题内容渐变色、文字阴影、布局、字间距等效果。

    通过 组件样式 中的「倒影」效果,还可以实现文字倒影效果。

    如下图所示:

    Snag_272b81fe.png

    也可以作为按钮设置点击事件,例如文档 FVS点击切换分页 。效果如下图所示:

    1655350983864690.gif

    注:本文仅为大家介绍标题组件特有功能,其他属性不赘述。

    组件交互请参见:FVS组件交互属性 。

    组件动画请参见:FVS组件动画 。标题组件不支持轮播设置

    组件样式请参见:FVS组件样式属性 。

    2. 添加组件

    点击设计器左上角「文件>新建大屏模板」。

    1656050088526145.png

    点击组件区「文字>标题组件」,将其添加到页面中。如下图所示:

    Snag_22c6d0d9.png

    3. 属性介绍

    本文仅介绍标题组件「内容」配置面板中的各项属性,如下图所示:

    Snag_22ab47c7.png

    各设置项详细说明如下表所示:

    注:所有设置均对标题整体生效,不支持对标题中部分文字字体进行单独设置。

    属性简介
    标题内容

    1)支持直接输入标题文本

    设置的文本内容会以单行的形式显示,不支持换行

    超出显示范围的文本会被截断,不显示

    2)支持使用公式输入标题内容

    FVS 大屏仅支持部分 FineReport 函数,具体请参见:FVS大屏支持的函数 

    字体

    支持设置标题文本的字体

    样式

    支持设置标题文本粗体、斜体、下划线、字号

    注:下划线颜色跟随字体颜色显示,若字体颜色为渐变色,则下划线获取的是渐变区域左侧色块颜色

    颜色

    支持设置标题文本的颜色为单色或渐变色

    1)单色

    Snag_26cb6224.png

    2)渐变色

    点击左右两个色标可选择颜色,改变渐变角度可实现不一样的渐变效果

    Snag_22f289d7.png

    效果如下图所示:

    Snag_22f4ad44.png


    文字阴影

    勾选「开启阴影效果」后,支持添加多个阴影效果

    点击「添加阴影」按钮,弹出阴影设置框,可设置阴影的名称、偏移方向、模糊度和阴影颜色

    Snag_22e882b4.png

    有多个阴影时,列表下方的阴影显示在最外层。可通过鼠标拖拽移动阴影顺序

    3035E377-6431-4E90-8338-F076CFD943EC.GIF

    效果如下图所示:

    Snag_22a0a686.png

    布局

    排列方式:支持设置标题为水平或者垂直。效果如下图所示:

    Snag_22203f10.png

    对齐方式:支持设置标题内容显示位置为居左、居中或居右

    字间距

    可设置标题字间距,显示效果如下图所示:

    Snag_2227afba.png

    词间距

    在输入标题内容时,可手动添加空格将词语分隔开,此时设置词间距,会根据空格判断词语并显示间距。显示效果如下图所示:

    Snag_2226fb9d.png

    4. 注意事项

    4.1 字体倾斜右侧文字被遮挡

    问题描述

    若标题内容对齐方式设置为「居右」或颜色设置为「渐变色」,且字体样式选中「倾斜」效果。如下图所示:

    Snag_d64015.png

    此时,标题最右侧文字内容会被部分遮挡。如下图所示:

    Snag_ce91d6.png

    解决方案

    可手动在标题内容最后添加一个空格。

    Snag_e0a3a1.png

    5. 模板下载

    点击下载模板:FVS标题组件示例.fvs

    附件列表


    主题: FVS大屏编辑模式
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭