專利名稱：顯示方法以及使用該顯示方法的顯示設(shè)備的制作方法
技術(shù)領(lǐng)域：
與示例性實(shí)施例一致的方法和設(shè)備涉及一種顯示方法以及使用該顯示方法的顯示設(shè)備，更具體地，涉及一種將動(dòng)畫效果添加到圖形用戶界面(⑶I)元素(element)的顯示方法以及使用該顯示方法的顯示設(shè)備。
背景技術(shù)：
最近，通過各種多媒體裝置的開發(fā)的優(yōu)點(diǎn)，使用通過使用光標(biāo)來選擇諸如圖標(biāo)或 菜單的項(xiàng)的方法的GUI已經(jīng)普及。此外，各種動(dòng)畫效果被添加到諸如圖標(biāo)或菜單的項(xiàng)以視覺上地確認(rèn)用戶的意圖。在現(xiàn)有技術(shù)中，為了將動(dòng)畫效果添加到項(xiàng)，在單個(gè)圖形層中的僅圖標(biāo)的狀態(tài)改變的多個(gè)圖像被連續(xù)地顯示，從而將動(dòng)畫效果添加到預(yù)定圖標(biāo)。然而，該方法可具有使未添加動(dòng)畫效果的圖標(biāo)抖動(dòng)的副作用。此外，由于需要對(duì)每個(gè)圖標(biāo)存儲(chǔ)用于添加動(dòng)畫效果的多個(gè)圖像，故動(dòng)畫效果可根據(jù)顯示設(shè)備的性能(specification)而改變。因此,需要避免副作用并在低性能的顯示設(shè)備中容易地實(shí)現(xiàn)動(dòng)畫效果。

發(fā)明內(nèi)容
示例性實(shí)施例提供了一種通過產(chǎn)生單獨(dú)的窗口并將該窗口與顯示圖標(biāo)等的另一窗口重疊來添加動(dòng)畫效果的顯示方法，以及使用該顯示方法的顯示設(shè)備。根據(jù)示例性實(shí)施例的一方面，提供了一種在顯示設(shè)備中顯示⑶I元素的方法，所述方法包括在位于屏幕上的第一窗口上顯示至少一個(gè)⑶I元素；產(chǎn)生顯示與用于控制⑶I元素的事件相應(yīng)的變換圖像元素的第二窗口 ；以及通過將第二窗口與第一窗口重疊來將動(dòng)畫效果添加到⑶I元素。變換圖像元素可被顯示為與⑶I元素具有相同大小并被顯示在第二窗口上的與GUI元素相同的位置,從而GUI元素的顏色看起來改變?yōu)轭A(yù)定樣式。在這種情況下，添加動(dòng)畫效果的步驟可包括通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素的顏色來添加連續(xù)地改變第一窗口上顯示的⑶I元素的顏色的動(dòng)畫效果。變換圖像元素可被顯示在第二窗口上的與⑶I元素的陰影相應(yīng)的位置，從而⑶I元素的陰影看起來改變?yōu)轭A(yù)定樣式。在這種情況下，將動(dòng)畫效果添加到⑶I元素的步驟可包括通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素來添加將第一窗口上顯示的⑶I元素的陰影改變?yōu)轭A(yù)定樣式的動(dòng)畫效果。變換圖像元素可被顯示在第二窗口上的⑶I元素的周圍區(qū)域上，從而在⑶I元素的周圍區(qū)域上示出附加動(dòng)畫圖像。變換圖像元素可被顯示在第二窗口上，以對(duì)⑶I元素添加改變顏色、改變陰影以及顯示附加圖像的動(dòng)畫效果中的至少一種。所述方法還可包括，當(dāng)動(dòng)畫效果完成時(shí)，移除第二窗口，將顯示在第一窗口上的GUI元素的顏色改變?yōu)樽罱K改變狀態(tài),并顯示最終GUI元素。第二窗口可部分地與屏幕的全部區(qū)域中的僅一個(gè)區(qū)域重疊，所述一個(gè)區(qū)域顯示將被添加動(dòng)畫效果的⑶I元素。事件可以是選擇第一窗口上顯示的⑶I元素的第一事件、定位顯示在第一窗口上的GUI元素上的光標(biāo)的第二事件、與預(yù)定頻率相應(yīng)的時(shí)間段過去的第三事件以及開啟或關(guān)閉顯示設(shè)備的第四事件中的至少一個(gè)。
根據(jù)另一示例性實(shí)施例的一方面，提供了一種用于顯示⑶I元素的顯示設(shè)備，所述顯示設(shè)備包括顯示單元，在位于屏幕上的第一窗口上顯示至少一個(gè)⑶I元素；控制器，產(chǎn)生顯示與用于控制⑶I元素的事件相應(yīng)的變換圖像元素的第二窗口，并通過將第二窗口與第一窗口重疊來將動(dòng)畫效果添加到⑶I元素。變換圖像元素可被顯示為與⑶I元素具有相同大小并被顯示在第二窗口上的與GUI元素相同的位置,從而GUI元素的顏色看起來改變?yōu)轭A(yù)定樣式。在這種情況下，控制器可通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素的顏色來添加連續(xù)地改變第一窗口上顯示的⑶I元素的顏色的動(dòng)畫效果。變換圖像元素可被顯示在第二窗口上的與⑶I元素的陰影相應(yīng)的位置，從而⑶I元素的陰影看起來改變?yōu)轭A(yù)定樣式。在這種情況下，控制器可通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素來添加將第一窗口上顯示的GUI元素的陰影改變?yōu)轭A(yù)定樣式的動(dòng)畫效果。變換圖像元素可被顯示在第二窗口上的⑶I元素的周圍區(qū)域上，從而在⑶I元素的周圍區(qū)域上示出附加動(dòng)畫圖像。變換圖像元素可被顯示在第二窗口上，以對(duì)⑶I元素添加改變顏色、改變陰影以及顯示附加圖像的動(dòng)畫效果中的至少一種。當(dāng)動(dòng)畫效果完成時(shí)，控制器可控制顯示單元移除第二窗口，將顯示在第一窗口上的GUI元素的顏色改變?yōu)樽罱K改變狀態(tài),并顯示最終GUI元素。第二窗口可部分地與屏幕的全部區(qū)域中的僅一個(gè)區(qū)域重疊，所述一個(gè)區(qū)域顯示將被添加動(dòng)畫效果的⑶I元素。事件可以是選擇第一窗口上顯示的⑶I元素的第一事件、定位顯示在第一窗口上的GUI元素上的光標(biāo)的第二事件、與預(yù)定頻率相應(yīng)的時(shí)間段過去的第三事件以及開啟或關(guān)閉顯示設(shè)備的第四事件中的至少一個(gè)。


通過參照附圖詳細(xì)描述示例性實(shí)施例，上述和/或其它方面將會(huì)變得更加清楚，其中圖I是根據(jù)實(shí)施例的顯示設(shè)備的框圖；圖2A和圖2B是用于描述根據(jù)實(shí)施例的窗口的結(jié)構(gòu)示圖3A和圖3B是用于描述根據(jù)實(shí)施例的添加動(dòng)畫效果的方法的示圖；圖4A和圖4B是用于描述根據(jù)另一實(shí)施例的添加動(dòng)畫效果的方法的示圖；圖5A和圖5B是用于描述根據(jù)另一實(shí)施例的添加動(dòng)畫效果的方法的不圖；圖6是根據(jù)實(shí)施例的顯示方法的流程圖；以及圖7是根據(jù)實(shí)施例的顯示方法的詳細(xì)流程圖。
具體實(shí)施例方式將參照附圖來詳細(xì)描述特定示例性實(shí)施例。根據(jù)示例性實(shí)施例，顯示設(shè)備包括顯示單元和控制器。顯示單元可在屏幕上顯示包括至少一個(gè)圖形用戶界面(⑶I)元素的第一窗口。當(dāng)用于控制⑶I元素的事件發(fā)生時(shí)，控制器可通過產(chǎn)生具有與該事件相應(yīng)的變換圖像元素的第二窗口并將第二窗口與第一窗口重疊來對(duì)⑶I元素添加動(dòng)畫效果。以下，將參照附圖關(guān)于示例性實(shí)施例來描述顯示設(shè)備。在此使用的術(shù)語“單元”表示硬件部件和/或由諸如處理器的硬件部件執(zhí)行的軟件部件。圖I是根據(jù)示例性實(shí)施例的顯示設(shè)備100的框圖。參照?qǐng)D1，顯示設(shè)備100可在位于屏幕的第一窗口上顯示至少一個(gè)⑶I元素。當(dāng)用于控制⑶I元素的事件發(fā)生時(shí)，顯示設(shè)備100可通過產(chǎn)生具有與該事件相應(yīng)的變換圖像元素的第二窗口并將第二窗口與第一窗口重疊來對(duì)⑶I元素添加動(dòng)畫效果。此外，當(dāng)動(dòng)畫效果完成時(shí)，第二窗口可被移除，⑶I元素可被改變?yōu)樽罱K改變狀態(tài)，隨后GUI元素可被顯示。在這種情況下，窗口是被添加到顯示圖像的屏幕的圖形層，并且窗口可顯示⑶I元素，或者變換圖像元素可被顯示。變換圖像元素是使GUI元素的顏色和陰影看起來改變了的圖像元素，或者是使附加動(dòng)畫圖像看起來被添加到GUI元素的周圍區(qū)域的圖像元素。此外，事件可表示用于選擇將被顯示在第一窗口上的⑶I元素的用戶命令、用于定位將被顯示在第一窗口上的GUI元素上的光標(biāo)的用戶命令、與預(yù)定頻率相應(yīng)的時(shí)間段過去的事件以及開啟或關(guān)閉顯示設(shè)備的事件。因此，顯示設(shè)備100可通過將分別顯示在不同窗口上的⑶I元素與變換圖像重疊，來提供改變GUI元素的顏色和陰影以及在GUI元素的周圍區(qū)域顯示附加圖像的動(dòng)畫效果。如圖I所示，用于執(zhí)行上述功能的顯示設(shè)備100包括接收器110、信號(hào)處理器120、音頻/視頻(A/V)處理器130、輸出單元140、接口單元150、控制器160、存儲(chǔ)單元170、⑶I處理器180和輸入單元190。接收器110從廣播站或者有線和無線衛(wèi)星接收廣播信號(hào)，并對(duì)廣播信號(hào)進(jìn)行解調(diào)。詳細(xì)地，接收器110可實(shí)現(xiàn)為至少一個(gè)調(diào)諧器。如果必要，則接收器110可包括多個(gè)調(diào)諧器，并可同時(shí)從多個(gè)信道接收廣播信號(hào)。信號(hào)處理器120將廣播信號(hào)劃分為圖像信號(hào)、音頻信號(hào)和廣播信息。信號(hào)處理器120將圖像信號(hào)和音頻信號(hào)發(fā)送到A/V處理器130，并將廣播信息發(fā)送到存儲(chǔ)單元170、控制器160和GUI處理器180。A/V處理器130對(duì)從信號(hào)處理器120和接口單元150輸入到A/V處理器130的圖像信號(hào)和音頻信號(hào)執(zhí)行信號(hào)處理，諸如，視頻解碼、視頻縮放或音頻解碼。此外，A/V處理器130將圖像信號(hào)輸出到顯示單元146，并將音頻信號(hào)輸出到音頻輸出單元143。另一方面，當(dāng)圖像信號(hào)和音頻信號(hào)存儲(chǔ)在存儲(chǔ)單元170中或通過接口單元(未示出)被發(fā)送到外部裝置時(shí)，A/V處理器130以壓縮形式將圖像信號(hào)和音頻信號(hào)輸出到存儲(chǔ)單元170或接口單元150。輸出單元140包括音頻輸出單元143和顯示單元146。音頻輸出單兀143通過揚(yáng)聲器輸出從A/V處理器130輸出的音頻,或?qū)⒁纛l輸出到通過外部輸出端連接到音頻輸出單元143的外部裝置(例如，外部揚(yáng)聲器)。顯示單元146顯示從A/V處理器130輸出的圖像，或?qū)D像輸出到通過外部輸出端連接到顯示單元146的外部裝置(例如，外部顯示器)。具體地，顯示單元146可在屏幕上顯示由⑶I處理器180產(chǎn)生的多個(gè)窗口。詳細(xì) 地，顯示單元146可將包括⑶I元素的第一窗口與包括變換圖像的第二窗口重疊，并可在顯示圖像的屏幕上顯示第一窗口和第二窗口。接口單元150將顯示設(shè)備100連接到外部服務(wù)器、另一圖像裝置或通信網(wǎng)絡(luò)(諸如，互聯(lián)網(wǎng))，以接收關(guān)于各種變換圖像元素的多條信息。存儲(chǔ)單元170存儲(chǔ)關(guān)于⑶I元素、變換圖像以及由⑶I處理器180產(chǎn)生的或從外部源接收的附加圖像元素的信息。⑶I處理器180產(chǎn)生將被顯示在屏幕上的⑶I，并將⑶I添加到由A/V處理器130輸出的圖像。詳細(xì)地，⑶I處理器180可產(chǎn)生諸如圖標(biāo)、按鍵、光標(biāo)等的⑶I元素，并可產(chǎn)生變換圖像元素以用于將動(dòng)畫效果添加到⑶I元素。此外，⑶I處理器180包括窗口產(chǎn)生單元(未示出)，以產(chǎn)生添加到輸出圖像的屏幕的第一窗口和添加到第一窗口的第二窗口。具體地，⑶I處理器180可產(chǎn)生具有與⑶I元素相同的大小并具有與⑶I顏色不同的至少一個(gè)顏色的變換圖像元素、包括具有至少一個(gè)不同形狀的陰影以使GUI元素的陰影看起來被改變?yōu)轭A(yù)定樣式的變換圖像元素以及具有至少一個(gè)不同形狀或至少一個(gè)不同顏色(以示出添加到GUI元素的圖像)以使GUI元素的形狀或顏色看起來被改變?yōu)轭A(yù)定樣式的變換圖像元素。此外，當(dāng)動(dòng)畫效果完成時(shí)，⑶I處理器180可產(chǎn)生顯示最終改變狀態(tài)的⑶I元素。具體地，GUI處理器180可產(chǎn)生具有改變的顏色的GUI元素、具有凸起的形狀或擠壓的形狀的⑶I元素、包括附加圖像的⑶I元素等。輸入單元190可被配置為接收用戶的操作(例如，迅速移動(dòng)(zapping)命令)，并可實(shí)現(xiàn)為包括數(shù)字按鍵、頻道搜索按鍵(頻道加按鍵/頻道減按鍵)、音頻控制按鍵和光標(biāo)控制按鍵的操作面板，或可實(shí)現(xiàn)為用于接收從顯示設(shè)備100分離的遙控器的操作信號(hào)并用于發(fā)送用戶的操作的遙控器接收器。此外，輸入單元190將用戶的操作發(fā)送到控制器160。控制器160基于從輸入單元190發(fā)送的用戶的操作來識(shí)別用戶命令，并控制顯示設(shè)備100的每個(gè)部件的全部操作。 具體地，控制器160可通過控制⑶I處理器180來產(chǎn)生第一窗口和第二窗口，并可在顯示圖像的屏幕上添加第一窗口和第二窗口。詳細(xì)地，控制器160可將第一窗口添加到顯示從A/V處理器130輸出的圖像的主窗口，并可將第二窗口添加到第一窗口。因此，第一窗口和第二窗口可彼此重疊，并可實(shí)現(xiàn)在主窗口上?？刂破?60可在第一窗口上顯示⑶I元素。具體地，控制器160可在第一窗口上將示出⑶I的幀顯示為元素(諸如，按鍵、圖標(biāo)、光標(biāo)等)。在這種情況下，⑶I元素可顯示在第一窗口的預(yù)定區(qū)域上。當(dāng)用于控制⑶I元素的事件發(fā)生時(shí)，控制器160可在第二窗口上顯示示出變換圖像元素的幀，以將與事件相應(yīng)的動(dòng)畫效果添加到GUI元素。在這種情況下，用于控制⑶I元素的事件可以是以下事件中的至少一個(gè)選擇第一窗口上顯示的⑶I元素的事件、定位顯示在第一窗口上的⑶I元素上的光標(biāo)的事件、與預(yù)定頻率相應(yīng)的時(shí)間段過去的事件以及開啟或關(guān)閉顯示設(shè)備的事件。然而，應(yīng)理解事件不限于上述列出的示例。詳細(xì)地，為了將動(dòng)畫效果添加到⑶I元素，控制器160可連續(xù)地改變變換圖像元素的顏色，并可將變換圖像元素顯示在第二窗口上。也就是說，控制器160可在第二窗口上連 續(xù)地顯示具有至少一個(gè)不同顏色的變換圖像元素。在這種情況下，變換圖像元素被顯示為 與GUI元素具有相同大小并處于相同位置。為了將改變陰影的動(dòng)畫效果添加到⑶I元素，控制器160可連續(xù)地改變變換圖像元素的形狀，并可在第二窗口上顯示變換圖像元素。也就是說，控制器160可在第二窗口上連續(xù)地顯示具有至少一個(gè)不同形狀的變換圖像元素。在這種情況下，變換圖像元素被顯示在與GUI元素的形狀相應(yīng)的位置中。此外，為了將產(chǎn)生附加圖像的動(dòng)畫效果添加到⑶I元素的周圍區(qū)域，控制器160可連續(xù)地改變變換圖像元素的顏色和陰影，并可在第二窗口上顯示變換圖像元素。也就是說，控制器160可在第二窗口上連續(xù)地顯示具有至少一個(gè)不同顏色和形狀的變換圖像元素。在這種情況下，變換圖像元素被顯示在與⑶I元素的周圍區(qū)域相應(yīng)的位置中。此外，為了對(duì)⑶I元素添加改變顏色、改變陰影以及顯示附加圖像的動(dòng)畫效果中的至少一個(gè)，控制器160可在第二窗口上連續(xù)地顯示變換圖像元素。也就是說，控制器160可組合用于對(duì)⑶I元素添加改變顏色、改變陰影以及顯示附加圖像的動(dòng)畫效果的變換圖像元素，并可在第二窗口上顯示組合的變換圖像元素?？刂破?60可僅在屏幕的⑶I元素(該⑶I元素將添加動(dòng)畫效果)所處于的區(qū)域中產(chǎn)生第二窗口。詳細(xì)地，控制器160可將第二窗口劃分為多個(gè)區(qū)域，并可僅在與GUI元素所處于的區(qū)域相應(yīng)的區(qū)域中顯示關(guān)于變換圖像元素的幀。如上所述，控制器160可將第一窗口和第二窗口重疊并顯示在主窗口上。在這種情況下，控制器160可通過使用Alpha混合方法來調(diào)節(jié)第二窗口的透明度，以通過使用顯示在第二窗口上的變換圖像元素將動(dòng)畫效果添加到顯示在第一窗口上的⑶I元素。在這種情況下，Alpha混合方法是通過將用于調(diào)節(jié)透明度的Alpha值設(shè)置到圖形層并通過使用Alpha值調(diào)節(jié)重疊的圖像的透明度，以在單個(gè)屏幕上同時(shí)顯示多個(gè)圖像的方法。詳細(xì)地，當(dāng)顯示在第一窗口上的⑶I元素與顯示在第二窗口上的變換圖像元素彼此重疊時(shí)，控制器160可調(diào)節(jié)第二窗口的透明度，從而⑶I元素和變換圖像元素可彼此重疊并可被顯示。當(dāng)動(dòng)畫效果完成時(shí)，控制器160可移除第二窗口，可將GUI元素改變?yōu)樽罱K改變狀態(tài)，并可隨后在第一窗口上顯示⑶I元素。在這種情況下，最終改變狀態(tài)可根據(jù)添加到⑶I元素的動(dòng)畫效果而被改變。具體地，對(duì)于使GUI元素的顏色看起來被改變到預(yù)定樣式的動(dòng)畫效果，最終改變狀態(tài)可以是GUI元素的顏色被改變的狀態(tài)。對(duì)于使GUI元素的陰影看起來被改變到預(yù)定樣式的動(dòng)畫效果，最終改變狀態(tài)可以是與未添加動(dòng)畫效果的GUI元素相比具有凸起狀態(tài)或擠壓狀態(tài)的GUI元素。最后，對(duì)于使附加動(dòng)畫圖像看起來被添加到GUI元素的周圍區(qū)域的動(dòng)畫效果，最終改變狀態(tài)可以是與未添加動(dòng)畫效果的GUI元素或添加了預(yù)定圖像的GUI元素具有相同狀態(tài)的⑶I元素。在圖I中，當(dāng)顯示設(shè)備開啟或關(guān)閉時(shí),或當(dāng)與預(yù)定頻率相應(yīng)的時(shí)間段過去時(shí),動(dòng)畫效果被添加到⑶I元素。在這種情況下，動(dòng)畫效果可被添加到顯示在第一窗口上的所有⑶I元素，或可從預(yù)定GUI元素被連續(xù)地添加，這可由用戶來進(jìn)行設(shè)置。目前為止，已經(jīng)描述了顯示用于將動(dòng)畫效果添加到單個(gè)窗口的變換圖像元素的方 法，但這僅是示例。也就是說，至少一個(gè)窗口可被添加到第二窗口，另一變換圖像元素可被顯示在添加的窗口上，并且三個(gè)或更多個(gè)窗口彼此重疊以將動(dòng)畫效果添加到⑶I元素。在圖I中，通過動(dòng)畫效果的優(yōu)點(diǎn)，⑶I元素的顏色被改變，⑶I元素的陰影被改變，并且附加圖像被顯示。然而，這僅是示例?？蛇x擇地，使⑶I元素的位置、形狀和顯示方向看起來被改變到預(yù)定樣式的變換圖像元素可被顯示在第二窗口上。例如，為了獲得使第一窗口上顯示的⑶I元素的形狀看起來被改變的動(dòng)畫效果，具有與GUI圖像不同形狀的變換圖像元素可被添加到與第一窗口重疊的第二窗口。在該情況中，可通過調(diào)節(jié)第二窗口的透明度由變換圖像元素僅改變⑶I圖像的形狀。顯示設(shè)備100是用于顯示⑶I元素的設(shè)備，并可實(shí)現(xiàn)為數(shù)字電視(TV)，但不限于此。顯示設(shè)備100可實(shí)現(xiàn)為蜂窩電話、便攜式多媒體播放器(PMP)、MP3播放器、個(gè)人計(jì)算機(jī)(PC)等。圖2A和圖2B是用于描述根據(jù)實(shí)施例的窗口的結(jié)構(gòu)示圖。參照?qǐng)D2A，窗口是圖形層。三個(gè)不同窗口可彼此重疊。也就是說，根據(jù)當(dāng)前示例性實(shí)施例的顯示設(shè)備可將第一窗口 220添加到輸出圖像的主窗口 210，并可將第二窗口 230添加到第一窗口 220。在這種情況下，⑶I元素顯示在第一窗口 220上，并且變換圖像元素顯示在第二窗口 230上。如圖2B所示，第二窗口 230可被產(chǎn)生為具有多個(gè)劃分的區(qū)域。因此，包括變換圖像元素的幀可被僅顯示在與顯示⑶I元素的區(qū)域相應(yīng)的區(qū)域中。在圖2A和圖2B中，第二窗口 230被劃分為九個(gè)區(qū)域，但這僅是示例。也就是說，根據(jù)主窗口 210的大小和顯示⑶I圖像的位置，第二窗口 230可被劃分為數(shù)量多于或少于九的多個(gè)區(qū)域。圖3A和圖3B是用于描述根據(jù)示例性實(shí)施例的用于將動(dòng)畫效果添加到GUI元素的方法的示圖。在圖3A和圖3B中，將以下方法作為示例來進(jìn)行描述將動(dòng)畫效果添加到GUI元素以使GUI元素的顏色看起來被改變?yōu)轭A(yù)定樣式。為此，如圖3A所示，包括關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素301 (該元素具有預(yù)定顏色)的基本幀被顯示在第一窗口上。隨后，當(dāng)用于控制⑶I元素的事件發(fā)生時(shí)，包括具有至少一種不同顏色的變換圖像元素302到306的幀被連續(xù)顯示在第二窗口上。在這種情況下，變換圖像元素302到306的每一個(gè)具有與關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素301相同的大小，并被顯示在第二窗口上的與⑶I元素301相同的位置。在這種情況下，當(dāng)?shù)诙翱诘耐该鞫缺徽{(diào)節(jié)時(shí)，關(guān)于圖標(biāo)“確認(rèn)”的GUI元素301以及被連續(xù)顯示的變換圖像元素302到306可彼此重疊，并可對(duì)每個(gè)幀而被顯示，從而獲得動(dòng)畫效果。當(dāng)動(dòng)畫效果完成時(shí)，第二窗口被移除，⑶I元素301的顏色被改變?yōu)樽罱K改變狀態(tài)，并且最終⑶I元素307被顯示在第一窗口上。結(jié)果，如圖3B所示，用戶可連續(xù)地觀看包括關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素301 (該元素具有預(yù)定顏色)的圖像幀、包括通過將變換圖像 元素302到306與關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素301重疊而獲得的變換圖像元素312到316的圖像幀以及包括關(guān)于圖標(biāo)“確認(rèn)”的最終⑶I元素307 (該元素的顏色被最終改變)的圖像幀。因此，用戶可獲得將⑶I元素的顏色改變?yōu)轭A(yù)定樣式的視覺效果。圖4A和圖4B是用于描述根據(jù)另一示例性實(shí)施例的將動(dòng)畫效果添加到GUI元素的方法的示圖。在圖4A和圖4B中，將以下方法作為示例來進(jìn)行描述將動(dòng)畫效果添加到GUI元素以使GUI元素的陰影看起來被改變?yōu)轭A(yù)定樣式。為此，如圖4A所示，包括關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素401的基本幀被顯示在第一窗口上。隨后，當(dāng)用于控制⑶I元素的事件發(fā)生時(shí)，包括指示與陰影相應(yīng)的至少一個(gè)不同形狀的變換圖像元素402到406 (即，隨著時(shí)間過去而改變的狀態(tài))的幀被顯示在第二窗口上。在這種情況下，變換圖像元素402到406的每一個(gè)被顯示在第二窗口上的與關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素401的陰影相應(yīng)的位置。在這種情況下，當(dāng)?shù)诙翱诘耐该鞫缺徽{(diào)節(jié)時(shí)，關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素401以及被連續(xù)顯示的變換圖像元素402到406可彼此重疊，并可對(duì)每個(gè)幀而被顯示，從而獲得動(dòng)畫效果。當(dāng)動(dòng)畫效果完成時(shí)，第二窗口被移除，⑶I元素401的形狀被改變?yōu)樽罱K改變狀態(tài)，并且最終⑶I元素407被顯示在第一窗口上。在這種情況下，最終改變狀態(tài)中的⑶I元素可以是具有凸起形狀的圖標(biāo)“確認(rèn)”。結(jié)果，如圖4B所示，用戶可連續(xù)地觀看包括關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素401的圖像幀、包括通過將變換圖像元素402到406與關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素401重疊而獲得的變換圖像元素412到416的圖像幀以及包括關(guān)于圖標(biāo)“確認(rèn)”的最終⑶I元素407 (該元素具有凸起形狀)的圖像幀。因此，用戶可獲得將GUI元素的陰影改變?yōu)轭A(yù)定樣式的視覺效果。圖5A和圖5B是用于描述根據(jù)另一示例性實(shí)施例的將動(dòng)畫效果添加到GUI元素的方法的示圖。在圖5A和圖5B中，將以下方法作為示例來進(jìn)行描述添加諸如將附加圖像添加到⑶I元素的周圍區(qū)域的動(dòng)畫效果。如圖5A和圖5B所示，變換圖像元素502到506的每一個(gè)被顯示在第二窗口上的與關(guān)于圖標(biāo)“確認(rèn)”的⑶I元素501的周圍區(qū)域相應(yīng)的位置。此外，由于包括通過將第一窗口與第二窗口重疊而獲得的圖像512到516的圖像幀被連續(xù)顯示，故用戶可獲得將附加圖像顯示在關(guān)于圖標(biāo)“確認(rèn)”的GUI元素的周圍區(qū)域的視覺效果。圖6是根據(jù)示例性實(shí)施例的顯示方法的流程圖。首先，將至少一個(gè)⑶I元素顯示在位于屏幕上的第一窗口上(S610)。在這種情況下，GUI元素可以是圖標(biāo)、按鍵、光標(biāo)等。
隨后，當(dāng)用于控制⑶I元素的事件發(fā)生時(shí)(S620-是)，產(chǎn)生顯示與事件相應(yīng)的變換圖像元素的第二窗口(S630)。在這種情況下，變換圖像元素可根據(jù)將被添加到⑶I元素的動(dòng)畫效果而具有各種形狀，并可位于不同位置。詳細(xì)地,為了使GUI元素的顏色看起來被改變?yōu)轭A(yù)定顏色,具有至少一種不同顏色的⑶I元素可被顯示為與⑶I元素具有相同大小并被顯示在第二窗口上的與⑶I元素相同的位置。為了使GUI元素的陰影看起來被改變?yōu)轭A(yù)定樣式，具有根 據(jù)GUI元素的陰影而改變的形狀的⑶I元素被顯示在與⑶I元素的陰影相應(yīng)的位置。為了將附加動(dòng)畫圖像添加到⑶I元素的周圍區(qū)域上，⑶I元素可被顯示為第二窗口上的與⑶I元素的周圍區(qū)域相應(yīng)的位置中的附加圖像。此外，這些動(dòng)畫效果可彼此重疊，并可被添加到GUI元素。隨后，第二窗口與第一窗口重疊，以將動(dòng)畫效果添加到⑶I元素(S640)。在這種情況下，可通過連續(xù)地改變顯示在第二窗口上的變換圖像元素的顏色來添加連續(xù)地改變⑶I元素的顏色的動(dòng)畫效果。此外，可通過連續(xù)地改變關(guān)于GUI元素的陰影的變換圖像元素來獲得將顯示在第一窗口上的GUI元素的陰影改變?yōu)轭A(yù)定樣式的動(dòng)畫效果。當(dāng)動(dòng)畫效果完成時(shí)，第二窗口被移除，顯示在第一窗口上的⑶I元素被改變?yōu)樽罱K改變狀態(tài)，并且最終GUI元素被顯示。詳細(xì)地，GUI元素的顏色可被改變?yōu)樽罱K改變狀態(tài)，或者可通過將陰影添加到GUI元素來將GUI元素改變?yōu)樽罱K改變狀態(tài)，并且最終GUI元素可被顯示?？蛇x擇地，與原始GUI元素相同的最終GUI元素可被顯示。在操作S610，可將第二窗口部分地與屏幕的全部區(qū)域中的僅一個(gè)區(qū)域(該區(qū)域顯示將被添加動(dòng)畫效果的⑶I元素)重疊。也就是說，第二窗口被劃分為多個(gè)區(qū)域。包括變換圖像元素的幀可被顯示在劃分的區(qū)域中的僅與GUI元素所位于的位置相應(yīng)的區(qū)域上。在操作S620，事件可以是選擇第一窗口上顯示的⑶I元素的事件、定位顯示在第一窗口上的GUI元素上的光標(biāo)的事件、與預(yù)定頻率相應(yīng)的時(shí)間段過去的事件以及開啟或關(guān)閉顯示設(shè)備的事件中的至少一個(gè)。圖7是根據(jù)示例性實(shí)施例的顯示方法的詳細(xì)流程圖。首先，當(dāng)用于控制顯示在第一窗口上的⑶I元素的事件發(fā)生時(shí)(S710)，用于獲得動(dòng)畫效果的操作開始(S720)。詳細(xì)地，顯示用于將動(dòng)畫效果添加到⑶I元素的變換圖像元素的第二窗口被產(chǎn)生，并且第二窗口被添加到第一窗口。隨后，輸出并顯示包括用于添加相應(yīng)的動(dòng)畫效果的變換圖像元素的幀(S卩，動(dòng)畫幀)(S730)。詳細(xì)地，直到所有動(dòng)畫幀被輸出，動(dòng)畫幀才被連續(xù)顯示在第二窗口上(S740)。當(dāng)所有動(dòng)畫幀被連續(xù)地顯示時(shí)，用于獲得動(dòng)畫效果的操作完成(S750)，隨后，第二窗口被移除。隨后，輸出與最終改變狀態(tài)相應(yīng)的⑶I元素(S卩，⑶I元素的最終圖像)(S760)。如上所述，根據(jù)示例性實(shí)施例，用于添加動(dòng)畫效果的分離的窗口被產(chǎn)生，從而避免當(dāng)使用該方法時(shí)使未添加動(dòng)畫效果的圖標(biāo)抖動(dòng)的副作用，并在低性能的顯示設(shè)備中容易地實(shí)現(xiàn)動(dòng)畫效果。上述方法可用于根據(jù)示例性實(shí)施例的顯示設(shè)備，并可用于包括顯示設(shè)備的某些部件的其它設(shè)備。示例性實(shí)施例的各方面還可實(shí)施為非易失性計(jì)算機(jī)可讀記錄介質(zhì)上的計(jì)算機(jī)可讀代碼。非易失性計(jì)算機(jī)可讀記錄介質(zhì)是可存儲(chǔ)其后可被計(jì)算機(jī)系統(tǒng)讀取的數(shù)據(jù)的任意數(shù)據(jù)存儲(chǔ)裝置。非易失性計(jì)算機(jī)可讀記錄介質(zhì)的示例包括只讀存儲(chǔ)器(ROM)、隨機(jī)存取存儲(chǔ)器(RAM)、⑶-ROM、磁帶、軟盤、光數(shù)據(jù)存儲(chǔ)裝置等。非易失性計(jì)算機(jī)可讀記錄介質(zhì)還可分布于聯(lián)網(wǎng)的計(jì)算機(jī)系統(tǒng)，從而以分布式方式存儲(chǔ)和執(zhí)行計(jì)算機(jī)可讀代碼。雖然已經(jīng)參照示例性實(shí)施例具體顯示和描述了特定方面，但是本領(lǐng)域的普通技術(shù) 人員應(yīng)理解，在不脫離由權(quán)利要求限定的發(fā)明構(gòu)思的精神和范圍的情況下可作出形式和細(xì)節(jié)上的各種改變。
權(quán)利要求
1.一種用于顯示圖形用戶界面(GUI)元素的顯示設(shè)備，所述顯示設(shè)備包括 顯示單元，在位于屏幕上的第一窗口上顯示至少一個(gè)⑶I元素；以及 控制器，產(chǎn)生顯示與用于控制⑶I元素的事件相應(yīng)的變換圖像元素的第二窗口，并通過將第二窗口與第一窗口重疊來將動(dòng)畫效果添加到⑶I兀素。
2.如權(quán)利要求I所述的顯示設(shè)備，其中，變換圖像元素被顯示為與CTI元素具有相同大小并被顯示在第二窗口上的與GUI元素相同的位置,從而GUI元素的顏色看起來改變?yōu)轭A(yù)定樣式。
3.如權(quán)利要求2所述的顯示設(shè)備，其中，控制器通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素的顏色來添加連續(xù)地改變第一窗口上顯示的⑶I元素的顏色的動(dòng)畫效果。
4.如權(quán)利要求I所述的顯示設(shè)備，其中，變換圖像元素被顯示在第二窗口上的與⑶I元素的陰影相應(yīng)的位置，從而GUI元素的陰影看起來改變?yōu)轭A(yù)定樣式。
5.如權(quán)利要求4所述的顯示設(shè)備，其中，控制器通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素來添加將第一窗口上顯示的⑶I元素的陰影改變?yōu)轭A(yù)定樣式的動(dòng)畫效果。
6.如權(quán)利要求I所述的顯示設(shè)備，其中，變換圖像元素被顯示在第二窗口上的⑶I元素的周圍區(qū)域上，從而在GUI元素的周圍區(qū)域上示出附加動(dòng)畫圖像。
7.如權(quán)利要求I所述的顯示設(shè)備，其中，變換圖像元素被顯示在第二窗口上，以對(duì)⑶I元素添加改變顏色、改變陰影以及顯示附加圖像的動(dòng)畫效果中的至少一種。
8.如權(quán)利要求I所述的顯示設(shè)備，其中，當(dāng)動(dòng)畫效果完成時(shí)，控制器控制顯示單元移除第二窗口，將顯示在第一窗口上的⑶I元素的顏色改變?yōu)樽罱K改變狀態(tài)，并顯示最終⑶I元素。
9.如權(quán)利要求I所述的顯示設(shè)備，其中，第二窗口部分地與屏幕的全部區(qū)域中的僅一個(gè)區(qū)域重疊，所述一個(gè)區(qū)域顯示將被添加動(dòng)畫效果的GUI元素。
10.如權(quán)利要求I所述的顯示設(shè)備，其中，事件是選擇第一窗口上顯示的⑶I元素的第一事件、定位顯示在第一窗口上的GUI元素上的光標(biāo)的第二事件、與預(yù)定頻率相應(yīng)的時(shí)間段過去的第三事件以及開啟或關(guān)閉顯示設(shè)備的第四事件中的至少一個(gè)。
11.一種在顯示設(shè)備中顯示圖形用戶界面(GUI)元素的方法，所述方法包括 在位于屏幕上的第一窗口上顯示至少一個(gè)⑶I元素； 產(chǎn)生顯示與用于控制GUI元素的事件相應(yīng)的變換圖像元素的第二窗口 ；以及 通過將第二窗口與第一窗口重疊來將動(dòng)畫效果添加到⑶I兀素。
12.如權(quán)利要求11所述的方法，其中，變換圖像元素被顯示為與GUI元素具有相同大小并被顯示在第二窗口上的與GUI元素相同的位置，從而GUI元素的顏色看起來改變?yōu)轭A(yù)定樣式。
13.如權(quán)利要求12所述的方法，其中，添加動(dòng)畫效果的步驟包括通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素的顏色來連續(xù)地改變第一窗口上顯示的⑶I元素的顏色。
14.如權(quán)利要求11所述的方法，其中，變換圖像元素被顯示在第二窗口上的與⑶I元素的陰影相應(yīng)的位置，從而GUI元素的陰影看起來改變?yōu)轭A(yù)定樣式。
15.如權(quán)利要求14所述的方法，其中，將動(dòng)畫效果添加到GUI元素的步驟包括通過連續(xù)地改變?cè)诘诙翱谏巷@示的變換圖像元素來將第一窗口上顯示的⑶I元素的陰影改變?yōu)轭A(yù)定樣式。
全文摘要
提供了一種顯示方法以及使用該顯示方法的顯示設(shè)備。一種在顯示設(shè)備中顯示圖形用戶界面(GUI)元素的方法，所述方法包括在位于屏幕上的第一窗口上顯示至少一個(gè)GUI元素；產(chǎn)生顯示與用于控制GUI元素的事件相應(yīng)的變換圖像元素的第二窗口；以及通過將第二窗口與第一窗口重疊來將動(dòng)畫效果添加到GUI元素。
文檔編號(hào)G06F3/048GK102736841SQ201210036288
公開日2012年10月17日 申請(qǐng)日期2012年2月15日 優(yōu)先權(quán)日2011年4月15日
發(fā)明者金容求 申請(qǐng)人:三星電子株式會(huì)社