專利名稱：一種處理界面的方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及計(jì)算機(jī)及網(wǎng)頁處理技術(shù)領(lǐng)域，尤其涉及一種處理界面的方法及裝置。
背景技術(shù)：
目前，可以使用動(dòng)態(tài)界面描述語言(比如特定格式的xml)來描述界面中的圖片的表現(xiàn)及動(dòng)畫。如下的xml格式定義了一個(gè)圖片在界面中的位置及alpha( —種動(dòng)畫形式)動(dòng)畫〈Image X=" 100" y=〃 100" src =" imagel.png" >//定義圖片在界面中的位置，如在坐標(biāo)X=" 100" j=" 100〃處；定義圖片的來源,如來自于“imagel. png”<AlphaAnimation>//Alpha 動(dòng)畫的實(shí)現(xiàn)〈Alpha a = "255" time=" 1000" />//定義圖片的透明度，如透明度〃 255"，定義該透明度的持續(xù)時(shí)間為"1000ms"〈Alpha a=" O" time = 〃2000" />//定義圖片的透明度，如透明度為“0”，定義該透明度的持續(xù)時(shí)間為“ 2000ms ”</AlphaAnimation>〈/Image〉這樣，通過上述XML描述語言實(shí)現(xiàn)的方法，可以將來源于“imagel. png”的圖片，在界面的X=" 100" j=" 100"處，渲染出一明一暗的Alpha動(dòng)畫效果。由以上的描述可知，上述的XML描述語言實(shí)現(xiàn)的方法，可以將界面上的某一個(gè)元素動(dòng)態(tài)渲染輸出。但是，如果想要將界面的動(dòng)態(tài)渲染結(jié)果再進(jìn)一步做一些動(dòng)態(tài)效果，就會(huì)受到限制。比如，將動(dòng)態(tài)界面的渲染結(jié)果，再做一個(gè)折疊的效果，或者分成若干塊旋轉(zhuǎn)飛出的效果等，上述的XML描述語言的方式就無法實(shí)現(xiàn)。目前，為了將界面的一部分或者全部元素的渲染結(jié)果做進(jìn)一步的動(dòng)態(tài)效果的變化，可以在做進(jìn)一步變化前，截取當(dāng)前屏幕顯示位圖，然后對(duì)所截取的顯示位圖做各種想要的動(dòng)態(tài)效果。缺點(diǎn)在于所截取的屏幕顯示位圖是固定不變的，不能動(dòng)態(tài)展示原來的渲染結(jié)果，而只是針對(duì)一個(gè)固定的圖片做進(jìn)一步動(dòng)態(tài)變化，無法達(dá)到預(yù)期的渲染效果。

發(fā)明內(nèi)容
本發(fā)明實(shí)施例提供一種處理界面的方法及裝置，用于實(shí)現(xiàn)對(duì)界面的多重渲染。一種處理界面的方法，包括以下步驟調(diào)用虛擬屏幕元素，該虛擬屏幕元素包括渲染的界面元素；將虛擬屏幕元素封裝為圖片；在將圖片顯示在界面的過程中，對(duì)圖片進(jìn)行渲染。本發(fā)明實(shí)施例通過構(gòu)造包括界面元素的虛擬屏幕元素，來實(shí)現(xiàn)保留界面元素的動(dòng)態(tài)效果，即第一次渲染。并且，將虛擬屏幕元素封裝為圖片，以便于在界面中顯示，以及在顯示過程中可進(jìn)行第二次渲染。從而實(shí)現(xiàn)多次渲染的動(dòng)態(tài)效果。優(yōu)選的，調(diào)用的虛擬屏幕元素為第一虛擬屏幕元素；將虛擬屏幕元素封裝為圖片之前，還包括步驟對(duì)第一虛擬屏幕元素進(jìn)行渲染；調(diào)用第二虛擬屏幕元素，該第二虛擬屏幕元素包括渲染的第一虛擬屏幕元素；將虛擬屏幕元素封裝為圖片的步驟包括將第二虛擬屏幕元素封裝為圖片。這樣，每增加一層虛擬屏幕元素，便可多一重渲染，可明顯提高渲染的效果。優(yōu)選的，對(duì)第一虛擬屏幕元素進(jìn)行渲染的步驟包括在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染。本實(shí)施例中在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染，可實(shí)現(xiàn)在顯示之前進(jìn)行至少一次渲染，也就是說可實(shí)現(xiàn)至少兩次渲染。優(yōu)選的，將圖片顯示在界面的步驟包括根據(jù)圖片的位置屬性將圖片顯示在界面中的相應(yīng)位置。
背景技術(shù)：
中的截屏方式只能獲得一張圖片，即只能對(duì)一張圖片進(jìn)行渲染。而本實(shí)施例中不是通過截屏方式獲得圖片，而是封裝虛擬屏幕元素來獲得圖片，這種方式可根據(jù)需要獲得多張圖片，對(duì)界面的多個(gè)部分區(qū)域分別進(jìn)行渲染，使渲染更靈活，效果更佳。一種處理界面的裝置，包括屏幕模塊，用于調(diào)用虛擬屏幕元素，該虛擬屏幕元素包括渲染的界面元素；封裝模塊，用于將虛擬屏幕元素封裝為圖片；顯示模塊，用于在將圖片顯示在界面的過程中，對(duì)圖片進(jìn)行渲染。優(yōu)選的，調(diào)用的虛擬屏幕元素為第一虛擬屏幕元素；屏幕模塊對(duì)第一虛擬屏幕元素進(jìn)行渲染；調(diào)用第二虛擬屏幕元素，該第二虛擬屏幕元素包括渲染的第一虛擬屏幕元素；封裝模塊將第二虛擬屏幕元素封裝為圖片。優(yōu)選的，屏幕模塊在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染。優(yōu)選的，顯示模塊根據(jù)圖片的位置屬性將圖片顯示在界面中的相應(yīng)位置。本發(fā)明的其它特征和優(yōu)點(diǎn)將在隨后的說明書中闡述，并且，部分地從說明書中變得顯而易見，或者通過實(shí)施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點(diǎn)可通過在所寫的說明書、權(quán)利要求書、以及附圖中所特別指出的結(jié)構(gòu)來實(shí)現(xiàn)和獲得。下面通過附圖和實(shí)施例，對(duì)本發(fā)明的技術(shù)方案做進(jìn)一步的詳細(xì)描述。


附圖用來提供對(duì)本發(fā)明的進(jìn)一步理解，并且構(gòu)成說明書的一部分，與本發(fā)明的實(shí)施例一起用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的限制。在附圖中圖1為本發(fā)明實(shí)施例中處理界面的主要方法流程圖；圖2A為本發(fā)明實(shí)施例中處理界面的詳細(xì)方法流程圖；圖2B為本發(fā)明實(shí)施例中渲染前的示意圖；圖2C為本發(fā)明實(shí)施例中渲染后的示意圖；圖3為本發(fā)明實(shí)施例中裝置的結(jié)構(gòu)圖。
具體實(shí)施例方式以下結(jié)合附圖對(duì)本發(fā)明的優(yōu)選實(shí)施例進(jìn)行說明，應(yīng)當(dāng)理解，此處所描述的優(yōu)選實(shí)施例僅用于說明和解釋本發(fā)明，并不用于限定本發(fā)明。本發(fā)明實(shí)施例通過構(gòu)造包括界面元素的虛擬屏幕元素，來實(shí)現(xiàn)保留界面元素的動(dòng)態(tài)效果，即第一次渲染。并且，將虛擬屏幕元素封裝為圖片，以便于在界面中顯示，以及在顯示過程中可進(jìn)行第二次渲染。從而實(shí)現(xiàn)多次渲染的動(dòng)態(tài)效果。參見圖1，本實(shí)施例中處理界面的主要方法流程如下步驟101 :調(diào)用虛擬屏幕元素，該虛擬屏幕元素包括渲染的界面元素。步驟102 :將虛擬屏幕元素封裝為圖片。步驟103 :在將圖片顯示在界面的過程中，對(duì)圖片進(jìn)行渲染。本實(shí)施例可實(shí)現(xiàn)兩次渲染，如果需要增加渲染次數(shù)，則可參見下面的過程調(diào)用第一虛擬屏幕元素；對(duì)第一虛擬屏幕元素進(jìn)行渲染；調(diào)用第二虛擬屏幕元素，該第二虛擬屏幕元素包括渲染的第一虛擬屏幕元素；將第二虛擬屏幕元素封裝為圖片。由此可見，每構(gòu)造一層虛擬屏幕元素，便可增加一重渲染。具體的，為第一虛擬屏幕元素開辟一個(gè)繪圖緩沖區(qū)，在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染。另外，本實(shí)施例中的圖片的位置屬性可靈活配置，根據(jù)圖片的位置屬性將圖片顯示在界面中的相應(yīng)位置。通過下面的典型實(shí)施例來詳細(xì)介紹實(shí)現(xiàn)過程。參見圖2A，本實(shí)施例中處理界面的詳細(xì)方法流程如下步驟201 :調(diào)用第一虛擬屏幕元素。該第一虛擬屏幕元素包括渲染的一個(gè)或多個(gè)界面元素，需要做進(jìn)一步相同渲染的界面元素均可包括在第一虛擬屏幕元素。本實(shí)施例中界面元素包括圖片、文字等。步驟202 :在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染。步驟203 :調(diào)用第二虛擬屏幕元素，該第二虛擬屏幕元素包括渲染的一個(gè)或多個(gè)
第一虛擬屏幕元素。步驟204 :將第二虛擬屏幕元素封裝為圖片。該圖片具有位置屬性，該位置屬性可靈活配置。步驟205 :對(duì)封裝成的圖片進(jìn)行渲染。步驟206 :根據(jù)圖片的位置屬性將渲染后的圖片顯示在界面上?？梢詫秩竞蟮囊粋€(gè)或多個(gè)圖片顯示在界面上。例如，〈VirtualScreenname = " virtualscreen" >//定義虛擬屏幕兀素< Image x=〃 100" y=〃 100" src=" imagel.png" >//定義界面元素在界面的位置，如在坐標(biāo)X=" 100" j=" 100"處，界面元素為圖片“imagel.png”，這里，該待渲染的圖片來自于虛擬屏幕元素"virtualscreen"<AlphaAnimation>//Alpha 動(dòng)畫的實(shí)現(xiàn)〈Alpha a = " 255 " time = " 1000 " />// 定義圖片的透明度，如透明度"255"，定義該透明度的持續(xù)時(shí)間為"1000ms"〈Alpha a = " O" time=" 2000" />//定義圖片的透明度，如透明度為“0”，定義該透明度的持續(xù)時(shí)間為“ 2000ms ”</AlphaAnimation>
〈/Image〉〈/VirtualScreen〉以上，定義了虛擬屏幕元素VirtualScreen,其包括渲染的界面元素"imagel.png"。下面對(duì)虛擬屏幕元素進(jìn)行封裝。<Image src = " Virtualscreen" srcType = " VirtualScreen" x = 〃 100" y="100" >//將虛擬屏幕元素封裝為位圖(即圖片)，該位圖在界面中的位置為X="100" y=〃 100"。此處還可以增加對(duì)該圖片的渲染處理?！?Image〉下面再通過一個(gè)實(shí)例來詳細(xì)描述圖片的渲染過程圖2B為渲染前的界面，即要渲染的界面為一鎖屏界面，圖2C是采用本實(shí)例提供的技術(shù)方案對(duì)該鎖屏界面進(jìn)行渲染后的界面，即將鎖屏界面以折扇的渲染效果推開以顯示桌面的主界面。從圖2C中可以看出，渲染后是兩個(gè)圖片疊加的效果，并且鎖屏界面為折疊效果，且遮擋住部分主界面?？梢韵却_定鎖屏界面中的界面元素，并將鎖屏界面中的所有界面元素封裝成一個(gè)集合，并包含在第一虛擬屏幕元素中。當(dāng)需要進(jìn)行圖片渲染時(shí)，如檢測到針對(duì)圖2B中鎖屏界面的滑動(dòng)操作指令時(shí)，調(diào)用第一虛擬屏幕元素。在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染，如實(shí)現(xiàn)折疊的效果。將渲染后的第一虛擬屏幕元素封裝為圖片。在將封裝的圖片和主界面圖片顯示在界面的過程中，并將該圖片與主界面圖片進(jìn)行疊加處理，即進(jìn)行第二次渲染并顯示在界面上，如圖2C所示的顯示效果。通過以上描述了解了處理界面的實(shí)現(xiàn)過程，該過程可由裝置實(shí)現(xiàn)，下面對(duì)裝置的內(nèi)部結(jié)構(gòu)和功能進(jìn)行介紹。參見圖3，本實(shí)施例中處理界面的裝置包括屏幕模塊301、封裝模塊302和顯示模塊 303。屏幕模塊301用于調(diào)用虛擬屏幕元素，該虛擬屏幕元素包括渲染的界面元素。封裝模塊302用于將虛擬屏幕元素封裝為圖片。顯示模塊303用于在將圖片顯示在界面的過程中，對(duì)圖片進(jìn)行渲染。較佳的，調(diào)用的虛擬屏幕元素為第一虛擬屏幕元素；屏幕模塊301對(duì)第一虛擬屏幕元素進(jìn)行渲染；調(diào)用第二虛擬屏幕元素，該第二虛擬屏幕元素包括渲染的第一虛擬屏幕元素；封裝模塊302將第二虛擬屏幕元素封裝為圖片。其中，屏幕模塊301在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染。較佳的，顯示模塊303根據(jù)圖片的位置屬性將圖片顯示在界面中的相應(yīng)位置。本發(fā)明實(shí)施例通過構(gòu)造包括界面元素的虛擬屏幕元素，來實(shí)現(xiàn)保留界面元素的動(dòng)態(tài)效果，即第一次渲染。并且，將虛擬屏幕元素封裝為圖片，以便于在界面中顯示，以及在顯示過程中可進(jìn)行第二次渲染。從而實(shí)現(xiàn)多次渲染的動(dòng)態(tài)效果。本實(shí)施例還可以通過增加虛擬屏幕元素的層數(shù)來實(shí)現(xiàn)更多次的渲染，以提高渲染效果。本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本發(fā)明的實(shí)施例可提供為方法、系統(tǒng)、或計(jì)算機(jī)程序產(chǎn)品。因此，本發(fā)明可采用完全硬件實(shí)施例、完全軟件實(shí)施例、或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且，本發(fā)明可采用在一個(gè)或多個(gè)其中包含有計(jì)算機(jī)可用程序代碼的計(jì)算機(jī)可用存儲(chǔ)介質(zhì)(包括但不限于磁盤存儲(chǔ)器和光學(xué)存儲(chǔ)器等)上實(shí)施的計(jì)算機(jī)程序產(chǎn)品的形式。本發(fā)明是參照根據(jù)本發(fā)明實(shí)施例的方法、設(shè)備(系統(tǒng))、和計(jì)算機(jī)程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計(jì)算機(jī)程序指令實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計(jì)算機(jī)程序指令到通用計(jì)算機(jī)、專用計(jì)算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個(gè)機(jī)器，使得通過計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的裝置。這些計(jì)算機(jī)程序指令也可存儲(chǔ)在能引導(dǎo)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計(jì)算機(jī)可讀存儲(chǔ)器中，使得存儲(chǔ)在該計(jì)算機(jī)可讀存儲(chǔ)器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能。這些計(jì)算機(jī)程序指令也可裝載到計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計(jì)算機(jī)實(shí)現(xiàn)的處理，從而在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的步驟。顯然，本領(lǐng)域的技術(shù)人員可以對(duì)本發(fā)明進(jìn)行各種改動(dòng)和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動(dòng)和變型在內(nèi)。
權(quán)利要求
1.一種處理界面的方法，其特征在于，包括以下步驟: 調(diào)用虛擬屏幕元素，該虛擬屏幕元素包括渲染的界面元素； 將虛擬屏幕元素封裝為圖片； 在將圖片顯示在界面的過程中，對(duì)圖片進(jìn)行渲染。
2.如權(quán)利要求1所述的方法，其特征在于，調(diào)用的虛擬屏幕元素為第一虛擬屏幕元素； 將虛擬屏幕元素封裝為圖片之前，還包括步驟:對(duì)第一虛擬屏幕元素進(jìn)行渲染；調(diào)用第二虛擬屏幕元素，該第二虛擬屏幕元素包括渲染的第一虛擬屏幕元素； 將虛擬屏幕元素封裝為圖片的步驟包括:將第二虛擬屏幕元素封裝為圖片。
3.如權(quán)利要求2所述的方法，其特征在于，對(duì)第一虛擬屏幕元素進(jìn)行渲染的步驟包括:在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染。
4.如權(quán)利要求1所述的方法，其特征在于，將圖片顯示在界面的步驟包括:根據(jù)圖片的位置屬性將圖片顯示在界面中的相應(yīng)位置。
5.一種處理界面的裝置，其特征在于，包括 屏幕模塊，用于調(diào)用虛擬屏幕元素，該虛擬屏幕元素包括渲染的界面元素； 封裝模塊，用于將虛擬屏幕元素封裝為圖片； 顯示模塊，用于在將圖片顯示在界面的過程中，對(duì)圖片進(jìn)行渲染。
6.如權(quán)利要求5所述的裝置，其特征在于，調(diào)用的虛擬屏幕元素為第一虛擬屏幕元素； 屏幕模塊對(duì)第一虛擬屏幕元素進(jìn)行渲染；調(diào)用第二虛擬屏幕元素，該第二虛擬屏幕元素包括渲染的第一虛擬屏幕元素； 封裝模塊將第二虛擬屏幕元素封裝為圖片。
7.如權(quán)利要求6所述的裝置，其特征在于，屏幕模塊在繪圖緩沖區(qū)中對(duì)第一虛擬屏幕元素進(jìn)行渲染。
8.如權(quán)利要求5所述的裝置，其特征在于，顯示模塊根據(jù)圖片的位置屬性將圖片顯示在界面中的相應(yīng)位置。
全文摘要
本發(fā)明公開了一種處理界面的方法，用于實(shí)現(xiàn)對(duì)界面的多重渲染。所述方法包括調(diào)用虛擬屏幕元素，該虛擬屏幕元素包括渲染的界面元素；將虛擬屏幕元素封裝為圖片；在將圖片顯示在界面的過程中，對(duì)圖片進(jìn)行渲染。本發(fā)明還公開了用于實(shí)現(xiàn)所述方法的裝置。
文檔編號(hào)G06F9/44GK103077036SQ201310035289
公開日2013年5月1日 申請(qǐng)日期2013年1月29日 優(yōu)先權(quán)日2013年1月29日
發(fā)明者許瑞軍, 葛旭東, 袁軍 申請(qǐng)人:北京小米科技有限責(zé)任公司