1. 概述
适用場景:安裝了「FVS大屏編輯模式」插件的用戶,可參考本文了解 FVS 模板的相關功能。
注:不支援移動端。
1.1 版本
報表服務器版本 | JAR包 | 插件版本 |
---|---|---|
11.0 | 2021-11-15 | V1.0.0 |
1.2 應用場景
FVS 大屏組件動畫特指組件整體在頁面切換時,組件進入和退出的動态效果,可以制作出類似 PPT 的一些動畫效果。
例如 FVS組件聯動及組件動畫應用 文檔中的示例,四周的組件分别設置了進入退出的動畫。效果如下圖所示:
注:部分組件内容也包括一些動畫特效,例如三維組件的視角變化、圖表組件的 交互屬性 等等,這些動畫與本文所講的組件動畫無關。
2. 功能介紹
2.1 生效機制
FVS 大屏模板中的任意組件都可以設置動畫;當多個組件合并成組合時,組合動畫也需要單獨設置,設置方法與組件動畫一緻。
FVS 大屏模板中存在 分頁平滑過渡動畫,切換分頁時,将有平滑過渡轉場效果。
若同時設置了「組件動效」、「組合動效」和「平滑過渡」,那麽優先級排序爲平滑過渡>組合動效>組件動效。
優先級最高的設置生效,優先級低的均不生效。
2.2 設置方法
FVS 大屏模板中的任意組件都可以設置動畫,包括進入動畫和退出動畫。
選中頁面中的組件,點擊配置欄中的「動畫」,點擊「動效設置」按鈕,即可設置組件動畫。如下圖所示:
當從上一頁切換到下一頁時,上一頁組件的退出動效和下一頁組件的進入動效生效。
當從下一頁切換到上一頁時,上一頁組件的退出動效和下一頁組件的進入動效反向生效。
設置項的具體配置如下表所示:
配置項 | 說明 |
---|---|
進入動效 | 定義:組件出現時的動态效果 支持設置:無、淡入、向右滑動展開、向左滑動展開、向上滑動展開、向下滑動展開 默認值:淡入 |
動效時長 | 定義:開始動畫的持續時長 單位:毫秒 默認值:1000 |
進入時機 | 定義:組件什麽時候開始出現 支持設置:在上一頁開始切換時立即進入、在上一頁開始切換時延遲X秒後進入、在上一頁完全消失後立即進入、在上一頁完全消失後延遲X秒後進入 默認值:在上一頁開始切換時立即進入 |
退出動效 | 定義:組件消失時的動态效果 支持設置:無、淡出、向左滑動收起、向右滑動收起、向上滑動收起、向下滑動收起 默認值:淡出 |
動效時長 | 定義:消失動畫的持續時長 單位:毫秒 默認值:1000 |
退出時機 | 定義:組件什麽時候開始消失 支持設置:在當前頁切換時立即退出、在當前頁切換時延遲X秒後退出、 默認值:在當前頁切換時立即退出 |