FVS分頁間組件動畫

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

注：不支援移動端。

1.1 版本

1.2 應用場景

FVS 大屏組件動畫特指組件整體在頁面切換時，組件進入和退出的動态效果，可以制作出類似 PPT 的一些動畫效果。

例如 FVS組件聯動及組件動畫應用 文檔中的示例，四周的組件分别設置了進入退出的動畫。效果如下圖所示：

注：部分組件内容也包括一些動畫特效，例如三維組件的視角變化、圖表組件的 交互屬性 等等，這些動畫與本文所講的組件動畫無關。

2.1 生效機制

FVS 大屏模板中的任意組件都可以設置動畫；當多個組件合并成組合時，組合動畫也需要單獨設置，設置方法與組件動畫一緻。

FVS 大屏模板中存在 分頁平滑過渡動畫，切換分頁時，将有平滑過渡轉場效果。

若同時設置了「組件動效」、「組合動效」和「平滑過渡」，那麽優先級排序爲平滑過渡>組合動效>組件動效。

優先級最高的設置生效，優先級低的均不生效。

2.2 設置方法

FVS 大屏模板中的任意組件都可以設置動畫，包括進入動畫和退出動畫。

選中頁面中的組件，點擊配置欄中的「動畫」，點擊「動效設置」按鈕，即可設置組件動畫。如下圖所示：

當從上一頁切換到下一頁時，上一頁組件的退出動效和下一頁組件的進入動效生效。

當從下一頁切換到上一頁時，上一頁組件的退出動效和下一頁組件的進入動效反向生效。

設置項的具體配置如下表所示：

2.3 效果示例

2.3.1 無動畫切換

2.3.2 淡入淡出

2.3.3 左右滑動切換

2.3.4 上下滑動切換