實現動畫效果的方法和裝置制造方法
【專利摘要】本發明提供了一種實現動畫效果的方法和裝置，方法包括：通過排版軟件設置頁面中頁面元素的動畫效果，封裝成數據包；下載所述數據包并解析；以數組的形式保存解析出的各個頁面元素以及所述動畫效果；按照動畫的播放順序，從所述數組中提取各個頁面元素及動畫效果并播放。本發明可實現通過前端的排版軟件設置頁面元素的動畫參數。下載包含設置完成后的數據包，解析后播放。通過上述的設置參數，可實現多種動畫效果，滿足了客戶的要求。
【專利說明】實現動畫效果的方法和裝置
【技術領域】
[0001] 本發明涉及計算機領域，具體而言，涉及一種實現動畫效果的方法和裝置。
【背景技術】
[0002] 目前，在很多電子設備的應用中，有的應用用于閱讀。這些應用通常在電子設備上 顯示各種閱讀刊物。
[0003] 這些應用在電子設備上運行的過程中，顯示的閱讀頁面都是靜態的。例如：在某個 圖文頁面上，通過文字描述了一個產品或場景。電子設備顯示的圖文，是一個靜態的效果， 有些需要通過圖像動態效果表達的文字內容，無法在靜態的頁面效果中體現。
[0004] 例如，蘋果公司的ios系統、谷歌公司發布的android系統、以及微軟公司的WP系 統等，這些系統，均提供對圖文頁面中的圖片進行動畫編輯的功能。
[0005] 以ios為例，可通過Core Animation提供的技術制作各種編輯圖片的應用，但提 供的技術與實現方式只能實現單一動畫的播放，稍復雜一些的動畫可以設置中間狀態，其 動畫漸變也僅為幾個可選的選項，要想實現復雜，用戶高度定制化的動畫效果目前仍然達 不到客戶的要求。
【發明內容】
[0006] 本發明旨在提供一種實現動畫效果的方法和裝置，以解決實現動畫效果復雜的問 題。
[0007] 在本發明的實施例中，提供了一種實現動畫效果的方法，包括：通過排版軟件設置 頁面中頁面元素的動畫效果，封裝成數據包；下載所述數據包并解析；以數組的形式保存 解析出的各個頁面元素以及所述動畫效果；按照動畫的播放順序，從所述數組中提取各個 頁面元素及動畫效果并播放。
[0008] 在本發明的實施例中，提供了一種實現動畫效果的裝置，包括：
[0009] 封裝模塊，用于通過排版軟件設置頁面中頁面元素的動畫效果，封裝成數據包；下 載模塊，用于下載所述數據包并解析；存儲模塊，用于以數組的形式保存解析出的各個頁面 元素以及所述動畫效果；播放模塊，用于按照動畫的播放順序，從所述數組中提取各個頁面 元素及動畫效果并播放。
[0010] 通過上述步驟，可實現通過前端的排版軟件設置頁面元素的動畫參數。下載包含 設置完成后的數據包，解析后播放。通過上述的設置參數，可實現多種動畫效果，滿足了客 戶的要求。
[0011] 該方法可用于電子閱讀，用戶在閱讀過程中，閱讀到某一頁時，頁面中的文字或圖 片能按照前端排版所設置的動畫效果自動出現，以更豐富的動畫效果帶給讀者動態內容展 不，提1?趣味性。
【專利附圖】
【附圖說明】
[0012] 此處所說明的附圖用來提供對本發明的進一步理解，構成本申請的一部分，本發 明的示意性實施例及其說明用于解釋本發明，并不構成對本發明的不當限定。在附圖中：
[0013] 圖1示出了實施例的流程圖；
[0014] 圖2示出了實施例中數據包的傳輸流程圖；
[0015] 圖3示出了另一個實施例的流程圖；
[0016] 圖4示出了實施例中勾選動畫效果的屏幕截圖；
[0017] 圖5示出了實施例中數據包生成后導出的屏幕截圖；
[0018] 圖6示出了實施例中播放動畫效果的流程圖；
[0019] 圖7示出了實施例頁面載入到播放器的屏幕截圖；
[0020] 圖8、圖9、圖10分別示出了實施例中頁面動畫效果播放的屏幕截圖；
[0021] 圖11示出了實施例的裝置結構框圖。
【具體實施方式】
[0022] 下面將參考附圖并結合實施例，來詳細說明本發明。
[0023] 參見圖1，包括以下步驟：
[0024] Sll :通過排版軟件設置頁面中頁面元素的動畫效果，封裝成數據包；
[0025] S12 :下載所述數據包并解析；
[0026] S13 :以數組的形式保存解析出的各個頁面元素以及所述動畫效果；
[0027] S14:按照動畫的播放順序，從所述數組中提取各個頁面元素及動畫效果并播放。
[0028] 其中，頁面為電子閱讀刊物的頁面，頁面元素可以是頁面上的一個或多個圖片、視 頻、音頻等；動畫效果可以是預先設定的效果，例如：圖像的漸隱、漸現、飛入、飛出、回彈、 跌落、冒泡、翻轉等效果。
[0029] 通過上述步驟，可實現通過前端的排版軟件設置頁面元素的動畫參數。下載包含 設置完成后的數據包，解析后播放。通過上述的設置參數，可實現多種動畫效果，滿足了客 戶的要求。
[0030] 該方法可用于電子閱讀，用戶在閱讀過程中，閱讀到某一頁時，頁面中的文字或圖 片能按照前端排版所設置的動畫效果自動出現，以更豐富的動畫效果帶給讀者動態內容展 不，提1?趣味性。
[0031] 參見圖2,實施例中的方法，可在圖2中所示的架構上實現。前端排版軟件制作數 據包，在服務器端發布平臺上存儲數據包，通過交互式客戶端下載后，在閱讀器上顯示。
[0032] 參見圖3,以一個頁面上的自行車的動畫效果為例說明。包括以下步驟：
[0033] S21 :首先前端排版工具制作移動閱讀數據包。
[0034] 在移動閱讀期刊前端排版時以配置文件的形式指定動畫效果；動畫參數的設置 保存于互動組件的xml配置文件中。
[0035] 制作過程包括：
[0036] 選定頁面上的一個或多個頁面元素；
[0037] 勾選與每個頁面元素對應的多個動畫效果。
[0038] 參見圖4,在排版軟件中選中頁面元素，也稱為圖元對象或互動組件，設置頁面元 素的動畫參數。
[0039] 形成所述頁面的數據可以屬于作為期刊的頁面數據，也可以是其它的版面數據。 設置的動畫參數具體可參見表1 :
[0040] 表 1
【權利要求】
1. 一種實現動畫效果的方法，其特征在于，包括： 通過排版軟件設置頁面中頁面元素的動畫效果，封裝成數據包； 下載所述數據包并解析； W數組的形式保存解析出的各個頁面元素W及所述動畫效果； 按照動畫的播放順序，從所述數組中提取各個頁面元素及動畫效果并播放。
2. 根據權利要求1所述的方法，其特征在于，形成所述頁面的數據屬于作為期刊的頁 面數據； 所述設置頁面中的頁面元素的過程包括： 選定頁面上的一個或多個頁面元素； 勾選與每個頁面元素對應的多個動畫效果。
3.根據權利要求1所述的方法，其特征在于，所述提取并播放的過程包括： 每個所述頁面元素包括多個層； 逐層執行W下過程： 在所述數組中遍歷屬于當前層、W及下一層的數組元素；其中，每個數組元素對應一個 動畫效果； 將所述遍歷到的數組元素填充到所述當前層W及下一層，直到所有層全部填充完； 播放填充完數組元素的頁面。
4.根據權利要求1所述的方法，其特征在于，所述當前層的數組元素包括： 頁面初載的數組元素、W及與其同時顯示的數組元素。
5.根據權利要求4所述的方法，其特征在于，還包括；對所述填充完的數組元素的頁面 做容錯處理。
6. 根據權利要求5所述的方法，其特征在于，所述容錯處理的過程包括： 在一個單位時間內，將頁面中當前層中的頁面元素除其對應的動畫效果之外的其它的 動畫效果刪除。
7.根據權利要求1所述的方法，其特征在于，所述數據包的格式為化ub格式的數據包。
8. 根據權利要求1或7所述的方法，其特征在于，采用客戶端下載所述化ub格式的數 據包； 所述客戶端采用ios系統、amlroid系統或WP系統下使用的應用解析所述數據包并播 放。
9. 一種實現動畫效果的裝置，其特征在于，包括： 封裝模塊，用于通過排版軟件設置頁面中頁面元素的動畫效果，封裝成數據包； 下載模塊，用于下載所述數據包并解析； 存儲模塊，用于W數組的形式保存解析出的各個頁面元素W及所述動畫效果； 播放模塊，用于按照動畫的播放順序，從所述數組中提取各個頁面元素及動畫效果并 播放。
【文檔編號】G06F9/44GK104463932SQ201310434781
【公開日】2015年3月25日 申請日期:2013年9月22日 優先權日:2013年9月22日
【發明者】高辰柱 申請人:北大方正集團有限公司, 方正信息產業控股有限公司, 北京北大方正電子有限公司