[發明專利]一種數據加載動畫的實現方法及裝置

有效

• 申請號: 201611241713.2
• 申請日: 2016-12-29
• 公開（公告）號: CN108255546B
• 公開（公告）日: 2021-09-24
• 發明（設計）人: 張坤
• 申請（專利權）人: 騰訊科技（北京）有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06T13/80
• 代理公司: 北京德琦知識產權代理有限公司 11018
• 代理人: 于天琳;王琦

1.一種數據加載動畫的實現方法，其特征在于，由應用客戶端執行，所述方法包括：

從應用服務器下載小程序，并安裝到所述應用客戶端中，其中，基于所述應用客戶端對應的小程序架構提供的畫布組件開發所述小程序，所述小程序包括動畫文件；

在所述小程序的執行過程中，響應于用戶的數據加載請求，在從所述應用服務器加載數據的同時，獲取在加載數據的過程中顯示的所述動畫文件；以及

通過所述小程序架構提供的接口調用操作系統本身的繪圖功能，執行所述動畫文件，顯示動畫直至所述數據加載完成；

其中，所述通過所述小程序架構提供的接口調用操作系統本身的繪圖功能，執行所述動畫文件，包括：

根據所述動畫文件設置的畫布寬度和高度，確定繪制動畫的區域；

根據所述動畫文件設置的至少一個動畫元素的屬性，在繪制動畫的區域內，繪制所述至少一個動畫元素，所述至少一個動畫元素包括第一動畫元素和至少一個第二動畫元素，所述第一動畫元素上帶有所述小程序的標志；以及

按照所述動畫文件設置的所述至少一個動畫元素的移動方式，更新所述至少一個動畫元素的屬性，并根據更新后的所述至少一個動畫元素的屬性，重新繪制所述至少一個動畫元素，其中，對于任一第二動畫元素，當該第二動畫元素與所述第一動畫元素之間的距離大于第二距離門限值時，繪制融合效果動畫，并繪制融合效果動畫中的融合曲線，所述融合曲線跟隨該第二動畫元素的移動進行轉動。

2.根據權利要求1所述的方法，其特征在于，所述操作系統本身的繪圖功能包括圖形庫。

3.根據權利要求1所述的方法，其特征在于，所述至少一個動畫元素的移動方式包括：動畫元素的移動軌跡、移動速率以及碰撞規則；其中，

所述移動軌跡為圓形、橢圓形、任意直線或曲線；以及

所述碰撞規則為融合。

4.根據權利要求1所述的方法，其特征在于，所述第一動畫元素固定不動。

5.根據權利要求1所述的方法，其特征在于，在判斷出該第二動畫元素與所述第一動畫元素之間的距離大于第二距離門限值之前，所述方法還包括：

實時計算該第二動畫元素與所述第一動畫元素之間的距離。

6.根據權利要求1所述的方法，其特征在于，所述繪制融合效果動畫中的融合曲線，包括：

利用二次貝塞爾曲線，繪制所述融合曲線。

7.根據權利要求1所述的方法，其特征在于，所述動畫文件不包括圖片。

8.根據權利要求1所述的方法，其特征在于，所述方法還包括：

將所述動畫文件存儲在本地存儲器中，并記錄所述動畫文件的存儲路徑；

所述獲取在加載數據的過程中顯示的所述動畫文件，包括：

根據記錄的所述動畫文件的存儲路徑，獲取所述動畫文件。

9.根據權利要求1所述的方法，其特征在于，所述小程序架構的應用邏輯層中包括所述接口。