FVS分頁平滑過渡

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

點選查看視頻課程：平滑過渡 。

1.1 版本

1.2 應用場景

FVS 大屏組件包含多個分頁時，可設定分頁間過渡效果。開啟「平滑過渡」後，上一頁與當前頁中同名組件將有平滑行動的效果。

常用於三維組件不同分頁展示不同視角時平滑轉場效果，如下圖所示：

若不開啟平滑過渡，其效果如下圖所示：

2.1 生效機制

A 頁面和 B 頁面相鄰，且 A 頁面和 B 頁面中存在名稱完全一致的組件。

• 如需從 A 頁面平滑過渡到 B 頁面，則開啟 B 頁面的「平滑過渡」按鈕。

• 如需從 B 頁面平滑過渡到 A 頁面，則開啟 A 頁面的「平滑過渡」按鈕。

2.2 設定按鈕

選中需要設定「平滑過渡」效果的頁面，點選配置欄的「過渡」按鈕，開啟「平滑過渡」按鈕，設定過渡時間即可。

如果上一頁與當前頁存在「同名稱的組件」，轉場動效將有行動轉場效果，但上一頁中該組件的「跳出動效」將失效。

注：若兩個同名組件的型別不同，可能會對組件內容中的動畫產生影響。

2.3 效果範例

2.3.1 組件位置平滑過渡

頁面1 和 頁面2 中有一個相同的柱形圖組件，僅位置不同，其平滑過渡效果如下圖所示：

2.3.2 組件資料平滑過渡

頁面1 中有一個柱形圖，頁面2 中有一個條形圖，組件名稱均為「範例組件」，位置相同，資料不同。其平滑過渡效果如下圖所示：

2.3.3 組件位置和資料同時平滑過渡

頁面1 中有一個柱形圖，頁面2 中有一個條形圖，組件名稱均為「範例組件」，位置不同，資料不同。其平滑過渡效果如下圖所示：