當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

[通用]移動端加載動畫

1. 概述

1.1 版本

報表服務器版本JAR 包版本App 版本HTML5 移動端展現插件版本
10.0.102020-11-0210.4.97V10.4.97

1.2 應用場景

新版對局部加載動畫進行了優化,并新增自定義全局加載動畫功能,提升移動端用戶的數據感知體驗。

局部加載動畫如下圖所示:

368795610529220992.jpg

自定義全局加載動畫的效果如下圖所示:

383605184498443105.jpg

1.3 功能入口

局部加載動畫是系統默認的,不提供自定義入口。

全局加載動畫設置入口:決策系統管理系統>移動平台>其它目錄下新增加載動畫設置,如下圖所示:

1603877815125755.png

2. 自定義全局加載動畫

下面分别介紹下全局加載動畫的這 3 個設置項。

2.1 全局加載動畫

2.1.1 默認

全局加載動畫選擇默認,即采用系統默認動畫。

Snag_1305954.png

默認動畫效果如下圖所示:

微信圖片_20201028193651.jpg

2.1.2 不顯示

全局加載動畫選擇不顯示,即不設置全局加載動畫,此時全局加載動畫背景和顯示取消加載按鈕設置項也會消失。

Snag_13459ce.png

2.1.3 自定義

全局加載動畫選擇自定義,可以上傳 GIF 圖片作爲加載動畫。文末也提供了一些 GIF 資源包供用戶使用。

Snag_1369b61.png

注:GIF 過大可能出現圖片加載方面的性能問題,所以比較大的 GIF 要盡量壓縮下。

自定義動畫效果如下圖所示:

259194339970583089.jpg

注:目前只支持 GIF 格式,上傳其它類型文件會報錯:文件類型不支持。如下圖所示:

Snag_13aadfb.png

2.2 全局加載動畫背景

2.2.1 默認效果

全局加載動畫背景選擇默認效果,即加載動畫爲白底灰框。

Snag_13debc1.png

2.2.2 自定義

全局加載動畫背景選擇自定義,可以自定義動畫的背景顔色。

Snag_1408066.png

2.3 顯示取消加載按鈕

開啓該功能,動畫右上角會出現取消動畫效果按鈕,點擊後可以直接取消掉動畫。

383605184498443105.jpg

3. 資源下載

點擊下載加載動畫 GIF 資源包:加載動畫包.rar

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s後關閉

反饋已提交

網絡繁忙