[發(fā)明專利]動畫用戶界面渲染系統(tǒng)及方法

有效

• 申請?zhí)枺?/td>: 200910050881.7
• 申請日: 2009-05-08
• 公開（公告）號: CN101882321A
• 公開（公告）日: 2010-11-10
• 發(fā)明（設(shè)計）人: 賀甲;劉俊成;方華;朱維松
• 申請（專利權(quán)）人: 上海科泰世紀科技有限公司
• 主分類號: G06T13/00
• 分類號: G06T13/00
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術(shù)領(lǐng)域

本發(fā)明涉及一種動畫渲染系統(tǒng)及方法，特別是關(guān)于一種動畫用戶界面渲染系統(tǒng)及方法。

背景技術(shù)

隨著手機、個人數(shù)字助理、全球衛(wèi)星定位系統(tǒng)等嵌入式產(chǎn)品的發(fā)展，對用戶界面的需求不斷提高。具有動感的視覺效果的用戶界面受到了用戶的廣泛歡迎。

在現(xiàn)有的技術(shù)中，動畫用戶界面的實現(xiàn)過程比較復(fù)雜。每個動畫需要程序員顯式地創(chuàng)建而產(chǎn)生，在顯式生成動畫過程中，需要關(guān)心動畫的創(chuàng)建、運行和管理等細節(jié)問題。因此，程序員可能需要書寫大量的實現(xiàn)代碼來顯式地創(chuàng)建一個動畫，這種顯式地創(chuàng)建動畫的方式會增加程序員的重復(fù)勞動，也會增加動畫創(chuàng)建過程中出現(xiàn)漏洞的概率。

發(fā)明內(nèi)容

鑒于以上內(nèi)容，有必要提供一種實現(xiàn)過程簡單的動畫用戶界面渲染系統(tǒng)，能提高動畫用戶界面渲染效率，且能防止動畫用戶界面渲染錯誤。

此外，還有必要提供一種實現(xiàn)過程簡單的動畫用戶界面渲染方法，能提高動畫用戶界面渲染效率，且能防止動畫用戶界面的渲染錯誤。

一種動畫用戶界面渲染系統(tǒng)，該系統(tǒng)包括控件、設(shè)置模塊、解析模塊、繪制模塊、更新模塊及合成模塊，其中：所述設(shè)置模塊用于設(shè)置與控件相關(guān)聯(lián)的動畫的樣式及幀數(shù)，所述樣式指控件相對應(yīng)的圖層的屬性的變化方式，所述幀數(shù)指組成動畫的幀的個數(shù)；所述控件用于接收輸入信息，將接收到的輸入信息轉(zhuǎn)化為改變圖層屬性的消息，并發(fā)送改變圖層屬性的消息，以改變控件相對應(yīng)圖層的屬性的目標值；所述解析模塊用于接收并解析控件發(fā)送的改變圖層屬性的消息，以確定是否需要重新繪制控件相對應(yīng)的圖層；所述繪制模塊用于當需要重新繪制控件相對應(yīng)的圖層時，根據(jù)需要重新繪制所述控件相對應(yīng)的圖層；所述更新模塊用于根據(jù)設(shè)置的與控件相關(guān)聯(lián)的動畫的樣式及幀數(shù)，更改所述控件相對應(yīng)的圖層的屬性的當前值，使控件相對應(yīng)的圖層的屬性的當前值向控件相對應(yīng)的圖層的屬性的目標值逼近；及所述合成模塊用于將發(fā)生改變后的所述控件相對應(yīng)的圖層合成到渲染結(jié)果緩沖區(qū)并輸出渲染結(jié)果。

一種動畫用戶界面渲染方法，該方法包括步驟：設(shè)置與控件相關(guān)聯(lián)的動畫的樣式及幀數(shù)，所述樣式指控件相對應(yīng)的圖層的屬性的變化方式，所述幀數(shù)指組成動畫的幀的個數(shù)；控件接收輸入信息，將接收到的輸入信息轉(zhuǎn)化為改變圖層屬性的消息并發(fā)送該改變圖層屬性的消息，以改變控件相對應(yīng)圖層的屬性的目標值；接收并解析改變圖層屬性的消息，若需要重新繪制控件相對應(yīng)的圖層，根據(jù)需要重新繪制控件相對應(yīng)的圖層；根據(jù)設(shè)置的與控件相關(guān)聯(lián)的動畫的樣式及幀數(shù)，更改控件相對應(yīng)的圖層的屬性的當前值，使控件相對應(yīng)的圖層的屬性的當前值向控件相對應(yīng)的圖層的屬性的目標值逼近；將發(fā)生改變后的控件相對應(yīng)的圖層合成到渲染結(jié)果緩沖區(qū)并輸出渲染結(jié)果；及若控件相對應(yīng)的圖層的屬性的當前值不等于控件相對應(yīng)的圖層的屬性的目標值，則返回更改控件相對應(yīng)的圖層的屬性的當前值的步驟。

本發(fā)明將用戶對控件的操作轉(zhuǎn)化為控件相對應(yīng)的圖層的屬性的目標值的改變，從而激發(fā)動畫。用戶不需要采用顯式地創(chuàng)建動畫的方式來產(chǎn)生動畫，不必關(guān)心動畫的創(chuàng)建、運行和管理等細節(jié)問題，從而提高了動畫用戶界面渲染效率，且避免了動畫用戶界面的渲染錯誤。

附圖說明

圖1為本發(fā)明動畫用戶界面渲染系統(tǒng)的功能模塊圖。

圖2為本發(fā)明動畫用戶界面渲染方法的流程圖。

具體實施方式

動畫是由多個幀組成的，一幀就是一個靜止的畫面。通常采用圖層來制作動畫，在圖層上可以繪制任何想要的內(nèi)容。

圖層具有位置、高度、寬度、背景色及透明度等屬性。位置就是圖層的坐標，包括橫坐標和縱坐標。例如，用(x，y)表示圖層的位置，x表示橫坐標，y表示縱坐標。高度和寬度表示圖層的大小。透明度表示圖層內(nèi)容顯示的清晰程度，通過調(diào)節(jié)圖層的透明度可以實現(xiàn)各種半透明效果。

控件是用戶界面中的一種對象，包括按鈕、列表框、文本框等。根據(jù)本發(fā)明，控件接收到輸入信息后，能夠產(chǎn)生與控件相關(guān)聯(lián)的動畫。與控件相關(guān)聯(lián)的動畫由控件相對應(yīng)的圖層產(chǎn)生。

參閱圖1所示，是本發(fā)明動畫用戶界面渲染系統(tǒng)的功能模塊圖。該系統(tǒng)適用于手機、個人數(shù)字助理(PDA)等嵌入式系統(tǒng)。

所述動畫用戶界面渲染系統(tǒng)10包括控件100、設(shè)置模塊101、解析模塊102、繪制模塊103、更新模塊104及合成模塊105。

所述設(shè)置模塊101用于設(shè)置與控件100相關(guān)聯(lián)的動畫的樣式及幀數(shù)。所述樣式指控件100相對應(yīng)的圖層的屬性變化方式，例如線性變化、漸漸變快和漸漸變慢等方式。所述幀數(shù)指組成動畫的幀的個數(shù)，例如14幀。