[發明專利]一種基于GDI+實現動畫效果的方法及其系統

有效

• 申請號: 202010700672.9
• 申請日: 2020-07-20
• 公開（公告）號: CN111833421B
• 公開（公告）日: 2023-06-16
• 發明（設計）人: 劉德建;韋銘;陳宏展
• 申請（專利權）人: 福建天晴在線互動科技有限公司
• 主分類號: G06T13/80
• 分類號: G06T13/80
• 代理公司: 福州旭辰知識產權代理事務所(普通合伙) 35233
• 代理人: 程勇

1.一種基于GDI+實現動畫效果的方法，其特征在于：所述方法包括如下步驟：

步驟S1、將整個動畫效果分為兩個繪制層，第一層背景層和第二層動畫效果層；

步驟S2、第一層背景層，使用圖形設備接口GDI+的方式在底層控件上實現背景圖繪制；第二層動畫效果層，使用圖形設備接口GDI+的方式實現動畫效果圖片繪制；

步驟S3、當需要播放動畫效果時開啟動畫效果播放定時器，動畫效果層通過定時器的方式產生繪制事件；

步驟S4、繪制事件時生成動畫效果圖對應硬盤索引的內存；內存中存有圖片的名稱、圖片存在硬盤中的路徑和圖片的索引ID；

步驟S5、在接收到繪制事件時觸發對內存索引到的圖片按每一幀進行繪制，最后背景層結合動畫效果層中圖片播放的動態幀，實現完整的動畫播放；

所述步驟S5進一步具體為：在接收到繪制事件時觸發對內存索引到的圖片按每一幀進行繪制，通過動畫效果圖與底層控件左上角的x坐標和y坐標計算偏移位置，從而確認動畫效果圖固定的真實位置；得到動畫效果圖的真實位置后，要呈現動畫效果圖則需要在真實位置繪制出一系列圖片，一系列圖片按照圖片的索引ID從小到大進行繪制；此時背景層結合動畫效果層播放的每一幀圖片，即是完整的目標動畫效果。

2.根據權利要求1所述的一種基于GDI+實現動畫效果的方法，其特征在于：所述使用圖形設備接口GDI+的方式實現背景圖繪制，具體為：將背景圖片繪制到內存中，通過alpha通道透明處理背景圖片后，再繪制到另一塊內存中，最后使用UpdateLayeredWindow函數更新一個分層的窗口顯示出透明處理后的背景圖片。

3.根據權利要求1所述的一種基于GDI+實現動畫效果的方法，其特征在于：所述背景層和動畫效果層都是使用png格式的圖片資源。

4.一種基于GDI+實現動畫效果的系統，其特征在于：所述系統包括配置模塊、GDI+繪制模塊、播放定時器模塊、動畫效果圖內存索引模塊、以及動畫效果繪制模塊；所述配置模塊，用于將整個動畫效果分為兩個繪制層，第一層背景層和第二層動畫效果層；

所述GDI+繪制模塊，將第一層背景層，使用圖形設備接口GDI+的方式在底層控件上實現背景圖繪制；第二層動畫效果層，使用圖形設備接口GDI+的方式實現動畫效果圖片繪制；

所述播放定時器模塊，當需要播放動畫效果時開啟動畫效果播放定時器，動畫效果層通過定時器的方式產生繪制事件；

所述動畫效果圖內存索引模塊，用于繪制事件時生成動畫效果圖對應硬盤索引的內存；內存中存有圖片的名稱、圖片存在硬盤中的路徑和圖片的索引ID；

所述動畫效果繪制模塊，用于在接收到繪制事件時觸發對內存索引到的圖片按每一幀進行繪制，最后背景層結合動畫效果層中圖片播放的動態幀，實現完整的動畫播放；所述動畫效果繪制模塊進一步具體為：在接收到繪制事件時觸發對內存索引到的圖片按每一幀進行繪制，通過動畫效果圖與底層控件左上角的x坐標和y坐標計算偏移位置，從而確認動畫效果圖固定的真實位置；得到動畫效果圖的真實位置后，要呈現動畫效果圖則需要在真實位置繪制出一系列圖片，一系列圖片按照圖片的索引ID從小到大進行繪制；此時背景層結合動畫效果層播放的每一幀圖片，即是完整的目標動畫效果。

5.根據權利要求4所述的一種基于GDI+實現動畫效果的系統，其特征在于：所述使用圖形設備接口GDI+的方式實現背景圖繪制，具體為：將背景圖片繪制到內存中，通過alpha通道透明處理背景圖片后，再繪制到另一塊內存中，最后使用UpdateLayeredWindow函數更新一個分層的窗口顯示出透明處理后的背景圖片。

6.根據權利要求4所述的一種基于GDI+實現動畫效果的系統，其特征在于：所述背景層和動畫效果層都是使用png格式的圖片資源。