FVS分頁屬性

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 功能簡介

一張 FineVis 視覺化看板，就是一張畫布。一張畫布中有多個分頁。每個分頁中有多個組件。本文主要介紹分頁的各個屬性。

如下圖所示：

2.1 分頁基礎操作

1）在畫布下方，點選「收起分頁/展開分頁」，可以展開/收起分頁操作區，預設展開。

2）點選「+建立頁面」，可在所有頁面後新增一個空白頁面。

3）滑鼠右鍵按頁面，鍵出操作面板，支援建立頁面、複製頁面、粘貼頁面、刪除頁面。

• 初始未複製頁面時，「粘貼頁面」置灰，不可粘貼

• 貼上的頁面預設在右鍵按的頁面之後

• 僅有一個頁面時，「刪除頁面」置灰不可用

4）滑鼠右鍵按分頁區域空白處，鍵出操作面板，支援建立頁面、粘貼頁面，建立或粘貼的頁面在滑鼠位置插入。

• 初始未複製頁面時，粘貼頁面置灰，不可粘貼

5）支援跨範本複製粘貼分頁，若不同範本畫布尺寸不一致，貼上時保持組件大小不變，從當前範本頁面左上角開始貼上，超出分頁尺寸的組件則超出畫布粘貼。

6）按住頁面左右拖曳，可調整頁面順序。

2.2 頁面名稱

選中頁面，點選右上角配置欄中的「頁面」，可手動修改頁面名稱。如下圖所示：

2.3 頁面背景

頁面背景支援五種配置方式：無、顏色、我的資源、自訂上傳、三維背景 。

注1：頁面背景的配置，僅對選中頁生效，對當前畫布中的其他頁面無影響。

注2：若頁面背景使用了帶透明度的顏色或圖片，預覽全螢幕時，頁面背景會顯示出黑色背景底色。

2.3.1 顏色

選擇頁面背景為顏色時，可以點選色塊選擇顏色，也可手動輸入色值。如下圖所示：

2.3.2 我的資源

1）「我的資源」中的素材來自 FVS資源中心 ，預設已篩選標籤為「背景」的素材。如下圖所示：

2）選擇素材後，可設定 素材填充方式 和色相。若選擇的圖片設定了「點九圖填充」，則填充方式可選擇「普通填充」或「點九圖填充」；若圖片未設定「點九圖填充」，僅支援選擇普通填充的三種效果。如下圖所示：

2.3.3 自訂上傳

1）選擇「自訂上傳」方式後，點選「選擇」，點選「+上傳圖片」，即可選擇本地圖片檔案聯集傳。

2）支援上傳的檔案格式包括 jpg、jpeg、png、apng、gif 和 webp 。

3）上傳後，選中圖片時將滑鼠懸浮於圖片，可設定「點九圖填充」。

4）選擇圖片後，同樣支援設定填充方式和色相。如下圖所示：

2.3.4 三維背景

三維背景常應用於多個分頁需要相同三維模型的場景，以提升範本製作效率，便於範本的後續維護。

功能詳細說明及應用請參考文檔：FVS三維背景應用 。

2.4 分頁過渡

提供「平滑過渡」功能。開啟「平滑過渡」按鈕後，如果上一頁與當前頁存在「名稱相同的組件」，轉場動效將有行動轉場效果，上一頁中該組件的「跳出動效」將失效。

詳情請參見：FVS分頁平滑過渡 。

2.5 預覽播放設定

當範本中存在多個頁面時，使用者可在分頁區為範本進行「預覽播放設定」，如下圖所示：

注：「預覽播放設定」只在“當前可預覽頁面數量”大於 1 時生效。

設定項說明如下：

預覽時按鈕顯示在左下角，從左到右依次為上一頁、暫停/繼續、下一頁、頁面導航，說明如下：

效果如下圖所示：

注：預覽範本總是預設從第一個頁面開始，不支援自訂開始的頁面。

2.6 預覽時隱藏分頁

V2.1.1 及之後版本，可設定分頁在預覽時顯示或隱藏，預覽時隱藏不影響設計器內編輯操作。

• 有多個分頁時，滑鼠懸浮分頁區頁面，預設頁面顯示，右上角出現「預覽時顯示」圖示，點選後變為「預覽時隱藏」固定顯示於右上角，再次點選恢復「預覽時顯示」。

• 若僅有一個分頁，或當前可預覽頁面僅剩下一頁時，懸浮於分頁區頁面不再出現圖示。

隱藏後，預覽時頁面導航中也不顯示該頁。例如隱藏「頁面1」效果如下：

另外，也支援透過API showStory 、hideStory 實現分頁的顯示隱藏。效果如下圖所示：