1. 概述
適用場景:安裝了「FineVis數據可視化」插件的使用者,可參考本文了解 FVS 範本的相關功能。
點選查看視頻課程:平滑過渡 。
1.1 版本
報表伺服器版本 | JAR包 | 插件版本 |
---|---|---|
11.0 | 2021-11-15 | V1.0.0 |
1.2 應用場景
FVS 大屏組件包含多個分頁時,可設定分頁間過渡效果。開啟「平滑過渡」後,上一頁與當前頁中同名組件將有平滑行動的效果。
常用於三維組件不同分頁展示不同視角時平滑轉場效果,如下圖所示:
若不開啟平滑過渡,其效果如下圖所示:
2. 功能介紹
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 中有一個條形圖,組件名稱均為「範例組件」,位置不同,資料不同。其平滑過渡效果如下圖所示: