[發明專利]圖像動態展示的方法、裝置、系統及介質

有效

• 申請號: 201811035391.5
• 申請日: 2018-09-05
• 公開（公告）號: CN109144655B
• 公開（公告）日: 2021-03-30
• 發明（設計）人: 李東華
• 申請（專利權）人: 京東數字科技控股有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 中科專利商標代理有限責任公司 11021
• 代理人: 趙婷

本公開提供了一種圖像動態展示的方法。所述方法包括獲取圖像的靜態要素、動態要素、和所述動態要素的動態參數，展示所述靜態要素，以及根據所述動態參數，動態更新所述動態要素的展示。其中根據所述動態參數，動態更新所述動態要素的展示，包括以當前動態參數開始，循環執行如下操作直到當前動態參數與目標動態參數一致：按照所述當前動態參數繪制所述動態要素，展示所述動態要素，以及以所述當前動態參數加上預定變化量來更新所述當前動態參數。本公開還提供了一種圖像動態展示的裝置、系統及介質。

技術領域

本公開涉及互聯網技術領域，更具體地，涉及一種圖像動態展示的方法、裝置、系統及介質。

背景技術

在終端設備的用戶界面上，時常會遇到一些需要通過動畫效果動態地展現圖像，以體現出數據的變化和/或變遷過程，以此方式來提升用戶的交互體驗。現有技術中，為實現圖像動態展示往往需要編寫大量代碼，其中在一些非動畫的場景下會直接用圖片代替代碼。

在實現本公開構思的過程中，發明人發現現有技術中至少存在如下問題：往往會存在大量冗余代碼，而且如果用圖片的話會無法滿足例如實時更新之類的應用場景的需求。

發明內容

有鑒于此，本公開提供了一種能夠在一定程度上極大的減少重復開發大量冗余代碼、并提高用戶界面展示效率的圖像動態展示的方法、裝置、系統及介質。

本公開的一個方面提供了一種圖像動態展示的方法。所述方法包括獲取圖像的靜態要素和動態要素、以及所述動態要素的動態參數，其中所述動態參數包括當前動態參數和目標動態參數，展示所述靜態要素，以及根據所述動態參數，動態更新所述動態要素的展示。其中根據所述動態參數，動態更新所述動態要素的展示包括以所述當前動態參數開始，循環執行如下操作直到所述當前動態參數與所述目標動態參數一致：按照所述當前動態參數繪制所述動態要素，展示所述動態要素，以及以所述當前動態參數加上預定變化量來更新所述當前動態參數。

根據本公開的實施例，獲取的所述當前動態參數為零，或者獲取的所述當前動態參數為接收到圖像更新指令時所述圖像中的動態參數。

根據本公開的實施例，所述方法還包括繪制所述靜態要素和所述動態要素，以及存儲所述靜態要素和所述動態要素。

根據本公開的實施例，所述方法應用于canvas。

根據本公開的實施例，所述靜態要素和所述動態要素繪制于所述 canvas的不同層。

根據本公開的實施例，所述圖像包括弧形進度條。所述弧形進度條的靜態要素包括背景條，以及所述弧形進度條的動態要素包括進度條。其中，所述進度條沿所述背景條所限定的區域伸展，與所述背景條具有相同的起點，以及所述動態參數包括所述進度條在所述背景條中伸展的百分率。

本公開的另一方面提供了一種圖像動態展示的裝置。所述裝置包括獲取模塊、第一展示模塊和第二展示模塊。獲取模塊用于獲取圖像的靜態要素和動態要素、以及所述動態要素的動態參數，其中所述動態參數包括當前動態參數和目標動態參數。第一展示模塊用于展示所述靜態要素。第二展示模塊用于根據所述動態參數，動態更新所述動態要素的展示，包括以所述當前動態參數開始，循環執行如下操作直到所述當前動態參數與所述目標動態參數一致：按照所述當前動態參數繪制所述動態要素，展示所述動態要素，以及以所述當前動態參數加上預定變化量來更新所述當前動態參數。

根據本公開的實施例，獲取的所述當前動態參數為零，或者獲取的所述當前動態參數為接收到圖像更新指令時所述圖像中的動態參數。

根據本公開的實施例，所述裝置還包括繪制模塊和存儲模塊。繪制模塊用于繪制所述靜態要素和所述動態要素。存儲模塊用于存儲所述靜態要素和所述動態要素。

根據本公開的實施例，所述靜態要素和所述動態要素繪制于 canvas的不同層。