FVS標題組件

适用場景：安裝了「FVS大屏編輯模式」插件的用戶，可參考本文了解 FVS 模板的相關功能。

注：不支援行動端。

1.1 版本

1.2 功能簡介

标題組件，常用於制作組件的标題内容，或單行的文本說明。

V1.5.1 版本及之後的插件，還支援設置标題内容漸變色、文字陰影、布局、字間距等效果。

通過 組件樣式 中的「倒影」效果，還可以實現文字倒影效果。

如下圖所示：

也可以作爲按鈕設置點擊事件，例如文檔 FVS點擊切換分頁 。效果如下圖所示：

注：本文僅爲大家介紹標題組件特有功能，其他屬性不贅述。

組件互動請參見：FVS組件框架互動屬性 。 

組件動畫請參見：FVS組件框架動畫屬性 。

組件屬性請參見：FVS組件屬性 。

點擊工具欄【檔案】→【新建大屏範本】。

在頁面中新增一個標題組件。

本文僅介紹标題組件「内容」配置面板中的各項屬性，如下圖所示：

各設置項詳細說明如下表所示：

注：所有設置均對标題整體生效，不支援對标題中部分文字字體進行單獨設置。

屬性	簡介
标題内容	1）支援直接輸入标題文本 設置的文本内容會以單列的形式顯示，不支援換列 超出顯示範圍的文本會被截斷，不顯示 2）支援使用公式輸入标題内容 FVS 大屏僅支援部分 FineReport 函數，具體請參見：FVS大屏支援的函數
字體	支援設置标題文本的字體
樣式	支援設置标題文本粗體、斜體、下劃線、字号 注：下劃線顔色跟随字體顔色顯示，若字體顔色爲漸變色，則下劃線獲取的是漸變區域左側色塊顔色
顔色	支援設置标題文本的顔色爲單色或漸變色 1）單色 2）漸變色 點擊左右兩個色标可選擇顔色，改變漸變角度可實現不一樣的漸變效果 效果如下圖所示：
文字陰影	勾選「開啓陰影效果」後，支援添加多個陰影效果 點擊「添加陰影」按鈕，彈出陰影設置框，可設置陰影的名稱、偏移方向、模糊度和陰影顔色 有多個陰影時，列表下方的陰影顯示在最外層。可通過鼠标拖拽移動陰影順序 效果如下圖所示：
布局	排列方式：支援設置标題爲水平或者垂直。效果如下圖所示：
	對齊方式：支援設置标題内容顯示位置爲居左、居中或居右
字間距	可設置标題字間距，顯示效果如下圖所示：
詞間距	在輸入标題内容時，可手動添加空格将詞語分隔開，此時設置詞間距，會根據空格判斷詞語并顯示間距。顯示效果如下圖所示：

支持「开启跑马灯特效」，实现文字整体滚动的效果。如下图所示：

注：功能详情请参见文档 FVS跑马灯特效 。

预览效果如下图所示：

5.1 字體傾斜右側文字被遮擋

問題描述

若标題内容對齊方式設置爲「居右」或顔色設置爲「漸變色」，且字體樣式選中「傾斜」效果。如下圖所示：

此時，标題最右側文字内容會被部分遮擋。如下圖所示：

解決方案

可手動在标題内容最後添加一個空格。

點擊下載模板：FVS標題組件示例.fvs