專利名稱：一種用戶界面的生成方法和裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種用戶界面的生成方法和裝置。
背景技術(shù)：
隨著網(wǎng)絡(luò)技術(shù)和軟件開發(fā)的發(fā)展，越來越的人們通過各種各樣的客戶端軟件實現(xiàn)各種功能，如即時通訊軟件，音樂盒，郵箱等。對于客戶端軟件來說，用戶界面(ui，User Interface)是與用戶進行交互的窗口，人們通過用戶界面來操作客戶端軟件完成相應的功能。初期用戶界面的設(shè)計，傾向于設(shè)計出一個滿足大多數(shù)用戶感受的程序界面。隨著用戶群的日益龐大，習慣、生活環(huán)境，層次等等各個因素的不同，用戶界面的設(shè)計在朝著更吸引用戶，更能符合用戶個人審美習慣的方向發(fā)展。為了適應不同用戶的審美習慣和需求，越來越多的應用程序支持讓用戶定制界面，也就是通常稱作的“換膚”。如即時通訊這類極度依賴用戶使用體驗的軟件，“換膚”是非常重要的一項功能。現(xiàn)有技術(shù)中，應用程序預先存儲有多種不同風格的用戶界面，以供用戶選擇。當用戶需要進行換膚時，從備選的用戶界面中選擇一種用戶界面，進行切換，從而實現(xiàn)換膚。由上述現(xiàn)有技術(shù)可知，由于界面元素只采用單一的貼圖資源，表現(xiàn)能力有限，無法達到現(xiàn)代界面設(shè)計上越來越多的表現(xiàn)。此外，一套皮膚中的圖片資源，風格必須保持一致。 因此換膚時，所有的圖片都必須重新加載。而應用程序界面中所使用的圖片越來越多，UI設(shè)計人員必須針對皮膚包設(shè)計大量的圖片，成本高昂。因此，現(xiàn)有技術(shù)中存在用戶界面單一且換膚不便的缺陷。

發(fā)明內(nèi)容
本發(fā)明提供了一種用戶界面的生成方法，用于根據(jù)用戶需求提供不同的用戶界本發(fā)明提供了一種用戶界面的生成方法，包括獲取待繪制圖層和待繪制的圖層樣式；根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層；將所述繪制后圖層進行組合，生成用戶界面。其中，所述繪制后圖層包括以下中的一種或多種背景層；質(zhì)感層；控件層；遮罩層；所述屬性信息包括圖像內(nèi)容；透明度；繪制模式；混合模式。其中，所述根據(jù)所述圖層樣式，提取圖層的屬性信息具體包括以下中的一種或多種根據(jù)所述圖層樣式獲取所需加載的圖片文件；根據(jù)所述圖片文件獲取顏色數(shù)據(jù)， 所述顏色數(shù)據(jù)為所述待繪制圖層的圖像內(nèi)容屬性信息；根據(jù)所述圖層樣式與其他圖層層疊效果提取所述待繪制圖層的透明度屬性信息；根據(jù)所述圖層樣式和所述圖層所在的會話窗口提取所述待繪制圖層的繪制模式屬性信息，所述繪制模式屬性用于確定所述待繪制圖層填充所述會話窗口的方式；根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息，所述混合模式屬性用于獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。其中，所述根據(jù)所述圖片文件獲取顏色數(shù)據(jù)包括根據(jù)所述圖片文件獲取所述圖片文件自身的第一顏色數(shù)據(jù)；根據(jù)所述圖片文件獲取與所述第一顏色數(shù)據(jù)匹配的第二顏色數(shù)據(jù)。其中，所述根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息包括根據(jù)不同圖層層疊后的圖層樣式獲取邊框定義圖層；獲取當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)；通過顏色混合乘法公式對所述當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)進行混合，獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。其中，所述根據(jù)所提取的屬性信息繪制所述待繪制圖層包括遍歷提取的所述屬性信息；當所述屬性信息不為空時，根據(jù)所述屬性信息繪制所述待繪制圖層。其中，所述將所述繪制后圖層進行組合，生成用戶界面具體為將至少兩個繪制后圖層進行層疊組合，生成所述用戶界面。其中，還包括動態(tài)修改所述繪制后圖層的屬性。本發(fā)明提供了一種用戶界面的生成裝置，包括獲取模塊，用于獲取待繪制圖層和待繪制的圖層樣式；圖層生成模塊，用于根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層；界面生成模塊，用于將所述繪制后圖層進行組合，生成用戶界面。其中，所述繪制后圖層包括以下中的一種或多種背景層；質(zhì)感層；控件層；遮罩層；所述屬性信息包括圖像內(nèi)容；透明度；繪制模式；混合模式。其中，所述圖層生成模塊包括提取子模塊，具體用于根據(jù)所述圖層樣式獲取所需加載的圖片文件；根據(jù)所述圖片文件獲取顏色數(shù)據(jù)， 所述顏色數(shù)據(jù)為所述待繪制圖層的圖像內(nèi)容屬性信息；或者，根據(jù)所述圖層樣式與其他圖層層疊效果提取所述待繪制圖層的透明度屬性 fn息；或者，根據(jù)所述圖層樣式和所述圖層所在的會話窗口提取所述待繪制圖層的繪制模式屬性信息，所述繪制模式屬性用于確定所述待繪制圖層填充所述會話窗口的方式；或者，根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息，所述混合模式屬性用于獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。其中，所述提取子模塊具體用于
5
根據(jù)所述圖片文件獲取所述圖片文件自身的第一顏色數(shù)據(jù)；根據(jù)所述圖片文件獲取與所述第一顏色數(shù)據(jù)匹配的第二顏色數(shù)據(jù)。其中，所述提取子模塊具體用于根據(jù)不同圖層層疊后的圖層樣式獲取邊框定義圖層；獲取當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)；通過顏色混合乘法公式對所述當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)進行混合，獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。其中，所述圖層生成模塊包括繪制子模塊，具體用于遍歷提取的所述屬性信息；當所述屬性信息不為空時，根據(jù)所述屬性信息繪制所述待繪制圖層。其中，所述界面生成模塊具體用于將至少兩個繪制后圖層進行層疊組合，生成所述用戶界面。其中，還包括修改模塊，用于動態(tài)修改所述繪制后圖層的屬性。與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點根據(jù)用戶的需求，生成用戶界面的不同圖層，將不同圖層進行層疊獲取最終的用戶界面，并可通過改變圖層的屬性動態(tài)改變用戶界面，從而實現(xiàn)了用戶界面的多樣化和提高用戶界面的易更換性。


為了更清楚地說明本發(fā)明或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對本發(fā)明或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖1為本發(fā)明實施例中提供的一種用戶界面的生成方法；圖2為本發(fā)明實施例中提供的整體用戶界面；圖3為本發(fā)明實施例中提供的整體用戶界面的多個圖層；圖4為本發(fā)明實施例中圖層的生成方法流程圖；圖5(a)為本發(fā)明實施例中一個圖層的結(jié)構(gòu)示意圖；圖5(b)為本發(fā)明實施例中多個圖層層疊的結(jié)構(gòu)示意圖；圖5(c)為本發(fā)明實施例中由多個圖層層疊所的用戶界面的結(jié)構(gòu)示意圖；圖6為本發(fā)明實施例中用戶界面的圖層的邏輯劃分；圖7為本發(fā)明實施例中用戶界面的圖層按邏輯后的圖層結(jié)構(gòu)；圖8為本發(fā)明實施例中提供的一種用戶界面的生成方法；圖9為本發(fā)明實施例中用戶界面的背景層的結(jié)構(gòu)示意圖；圖10為本發(fā)明實施例中背景層的圖片圖層；圖11為本發(fā)明實施例中背景層的顏色圖層；圖12為本發(fā)明實施例的質(zhì)感層；圖13為本發(fā)明實施例的控件層；圖14為本發(fā)明實施例中遮罩層的乘法模板；
圖15為本發(fā)明實施例中遮罩層的藍光圖層；圖16為本發(fā)明實施例中提供的一種用戶界面的生成裝置。
具體實施例方式下面將結(jié)合本發(fā)明中的附圖，對本發(fā)明的技術(shù)方案進行清楚、完整地描述，顯然， 所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。如圖1所示，本發(fā)明實施例提供一種用戶界面的生成方法，具體包括以下步驟步驟101、獲取待繪制圖層和待繪制的圖層樣式；步驟102、根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層；步驟103、將所述繪制后圖層進行組合，生成用戶界面。如圖2所示，為一個完成的用戶界面，從中可以看出，該界面包括一個老虎的背景圖片，用于與用戶進行交互的2個控件“確定”和“取消”。為實現(xiàn)上述本發(fā)明實施例的技術(shù)方案，本發(fā)明實施例提供一種用戶界面的生成裝置。該裝置中，用于生成用戶界面的基本單元為圖層。所謂圖層，即將一個完整的用戶界面分離成若干繪圖層次，每一個圖層生成整個用戶界面的一個層次，最后將所有的層次進行疊加、組合，獲取最終的用戶界面。優(yōu)選地，部分圖層的內(nèi)容可進行選擇性替換和/或更改。 如圖3所示，為將如圖2所示的完整的用戶界面進行分離，從中可以獲得多個層次，如承載老虎圖片的背景層，承載“確定”和“取消”控件的控件層等等。由此可知，用戶界面生成的關(guān)鍵是每一個圖層的生成和多個圖層之間的組合，而上述每一個圖層的生成和多個圖層之間的組合均通過設(shè)置圖層的屬性和不同圖層的層疊實現(xiàn)。以下，首先對生成用戶界面的基本單元“圖層”的生成進行詳細介紹。圖層的生成主要是根據(jù)預先設(shè)置的待繪制圖層樣式提取待繪制圖層的屬性信息， 根據(jù)屬性信息設(shè)置該待繪制圖層，生成所繪制后的圖層。具體地，如圖4所示，一個圖層的生成方法具體包括以下步驟步驟401、獲取待繪制圖層和待繪制的圖層樣式。圖層為一個完整的用戶界面分離而得的繪圖層次，因此，在繪制用戶界面的過程中，可以通過繪制該用戶界面的每一個繪圖層次，即每一個圖層，再將多個圖層進行層疊， 得到完整的用戶界面。其中，每一個繪圖層次的樣式即為對應圖層的圖層樣式。用戶界面的生成是按照預先設(shè)置的樣式繪制該用戶界面。而用戶界面由多多個圖層組成，每一個圖層承載該用戶界面的部分樣式，即圖層樣式。因此，要完成用戶界面的整體設(shè)置，首先需要獲取每一圖層所承載的圖層樣式。步驟402、根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層。圖層的屬性主要分為兩大類用于設(shè)置自身樣式的屬性，和用于與其他圖層進行層疊的屬性，包括(1)圖像內(nèi)容屬性；( 透明度屬性、；C3)繪制模式屬性和(4)混合模式屬性，以下分別對上述屬性的功能進行進一步詳細的闡述。
(1)圖像內(nèi)容屬性即該圖層上的顏色數(shù)據(jù)，通過控制圖層各處的顏色形成該圖層的圖像內(nèi)容。優(yōu)選地，圖層的圖像內(nèi)容屬性通過加載常規(guī)的圖片文件得到(當然，也可以通過設(shè)置具體的顏色數(shù)據(jù)進行指定)。圖片文件的加載完成之后，圖層的顏色數(shù)據(jù)和尺寸不再改變。(2)透明度屬性由于本發(fā)明實施例中一個完整的用戶界面是經(jīng)由多個圖層疊加組合而獲得的，此時位于上面的圖層會遮擋住位于下面的圖層。因此無論是圖層本身的需要，還是與其他圖層進行疊加組合時的需要，都需要設(shè)置圖層的透明度屬性。優(yōu)選地，動態(tài)修改圖層的透明度屬性，當然也可以動態(tài)修改圖層的其他屬性。例如在程序運行期間，定時修改透明度屬性，從而在產(chǎn)生兩個圖層產(chǎn)生漸隱漸顯效果。(3)繪制模式屬性根據(jù)圖像內(nèi)容屬性中的描述，當圖層的圖像內(nèi)容選擇后，圖層的尺寸是不會變化的，但該圖層組成的用戶界面的尺寸通常都是可調(diào)節(jié)的。例如如在Windows系統(tǒng)下，會話窗口(Window)的尺寸是可以隨意調(diào)節(jié)的。此時，通過該屬性的設(shè)置以確定圖層如何填充整個會話窗口，其中繪制模式屬性包括平鋪模式，層疊模式等。(4)混合模式屬性當圖層疊加繪制時，層與層重疊位置的兩個顏色數(shù)據(jù)需要進行混合，混合模式屬性即為用于控制圖層之間顏色的混合計算公式，通過混合計算，獲取層疊后圖層各處的顏色數(shù)據(jù)，從而獲取新的顏色。具體地，根據(jù)圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息對所述待繪制圖層的屬性進行設(shè)置，生成繪制后圖層包括以下步驟(1)根據(jù)圖層樣式，提取出對應圖層的各個屬性信息。例如該圖層樣式對應的繪制模式為平鋪，對應的圖像內(nèi)容為某一指定的圖片等。(2)根據(jù)所提取的屬性信息對所述待繪制圖層的屬性進行設(shè)置，生成繪制后圖層。具體地，所述根據(jù)所述圖層樣式，提取圖層的屬性信息具體包括以下中的一種或多種(1)根據(jù)所述圖層樣式獲取所需加載的圖片文件；根據(jù)所述圖片文件獲取顏色數(shù)據(jù)，所述顏色數(shù)據(jù)為所述待繪制圖層的圖像內(nèi)容屬性信息；(2)根據(jù)所述圖層樣式與其他圖層層疊效果提取所述待繪制圖層的透明度屬性信息；(3)根據(jù)所述圖層樣式和所述圖層所在的會話窗口提取所述待繪制圖層的繪制模式屬性信息，所述繪制模式屬性用于確定所述待繪制圖層填充所述會話窗口的方式；(4)根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息，所述混合模式屬性用于獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。所述根據(jù)所提取的屬性信息繪制所述待繪制圖層包括(1)遍歷提取的所述屬性信息；(2)當所述屬性信息不為空時，根據(jù)所述屬性信息繪制所述待繪制圖層。例如提取待繪制圖層的圖像內(nèi)容為某一指定的圖片，則加載圖片并提取顏色數(shù)據(jù)。提取待繪制圖層的繪制模式為平鋪，則在使用過程中，當該圖層所在會話窗口較大而該圖層較小時，該圖層平鋪于該會話窗口。步驟403、將所述繪制后圖層進行組合，生成用戶界面。如圖5(a)所示，為本發(fā)明實施例中的一個圖層，如圖層η。如圖5(b)所示，將獲取到的η個圖層按照順序由下至上進行疊加，得到如圖5(c)所示的整體的用戶界面，該界面有圖層1至圖層η層疊而成。需要說明的是，若干圖層繪制后的圖像結(jié)果，也可作為一個圖層來使用。因此，整個用戶界面的繪制，實際上是多個圖層以樹型結(jié)構(gòu)組織而成。再次，對圖1中的用戶界面進行分析，該最終的用戶界面由許多表現(xiàn)元素組成底圖、底色、圖像邊框形狀、圖像邊框陰影、控件。為了便于獲取任意用戶界面，如圖6所示， 從邏輯上將組成一個用戶界面的所有圖層分為4個邏輯層次，每個邏輯層可以擁有多個圖層。每個圖層本身的繪制并不帶有特殊的功能性，邏輯層是若干圖層繪制后的結(jié)果，被賦予一定的功能目標，用于完成特定的功能。在生成用戶界面的過程中，依次生成上述4個邏輯層次，再將所生成的4個邏輯層次進行層疊，即可得到最終的用戶界面。如圖7所示，該4 個邏輯層次為(1)邏輯層1-背景層、⑵邏輯層2-質(zhì)感層、(3)邏輯層3-控件層和(4) 邏輯層4-遮罩層。以下將結(jié)合具體附圖，分別對各個邏輯層次進行進一步詳細的闡述。如圖8所示，為本發(fā)明實施例提供一種用戶界面的生成方法，包括以下步驟步驟801、繪制用戶界面的背景層。背景層由兩個圖層構(gòu)成，分別是顏色圖層和圖片圖層。此邏輯層的主要功能，是完成用戶界面(如Windows會話窗口)整個背景的繪制。背景層是整個用戶界面主要的視覺部分，并且可以隨用戶的喜好，進行更換。背景層中顏色圖層的顏色，需要與圖片圖層的圖片的整體色調(diào)保持一致，以保證視覺效果(當然也可以指定顏色圖層的顏色)。因此，背景層的顏色由程序自動計算生成，生成算法為常用的八叉樹顏色量化法，統(tǒng)計圖片中出現(xiàn)頻率最高的顏色，并得出一個接近于整體色調(diào)的平均顏色。如圖9所示，該背景層包括圖片更換模塊11和顏色計算模塊13。當用戶發(fā)起更換背景圖片請求時，圖片更換模塊11接收該更換背景圖片請求，并根據(jù)用戶所選擇的圖片進行更換。當用戶更換背景圖片后，圖片更換模塊11通知圖片圖層12重新加載圖片和讀取所加載圖片的顏色數(shù)據(jù)；圖片圖層12讀取顏色數(shù)據(jù)后，將顏色數(shù)據(jù)傳遞給顏色計算模塊
13；顏色計算模塊13計算出一個接近圖片整體色調(diào)的顏色，然后將該顏色傳遞給顏色圖層
14；顏色圖層14簡單存儲該顏色值。其中，圖片更換模塊11和顏色計算模塊13不參與平時的圖像繪制過程，圖片圖層 12和顏色圖層14疊加繪制后，作為整個窗口的主要背景內(nèi)容；在其之上，則是表現(xiàn)其他界面細節(jié)的邏輯層。例如加載如圖10所示的圖片文件作為圖片圖層，并通過該圖片文件獲取到如圖 11所示的顏色圖層。步驟802、繪制用戶界面的質(zhì)感層。該層次主要在背景層上疊加一個具有光照效果的圖層。背景層由于只是圖片和顏色的簡單疊加，因此在整個繪制區(qū)域中，是一個平坦的圖片。而一個常規(guī)的Windows會話窗口，由標題欄、客戶區(qū)、狀態(tài)欄等區(qū)域組成。質(zhì)感層繪制一個只有亮度信息的圖層繪制在背景上，改變背景層的亮度，從而在背景上區(qū)分出Windows會話窗口的各個邏輯區(qū)域，該亮度信息通過設(shè)置圖像內(nèi)容屬性的顏色數(shù)據(jù)而確定。此邏輯層的內(nèi)容，不需要用戶進行調(diào)整，因此是固定不變的。例如如圖12所示，為一個只具有亮度信息的質(zhì)感層。步驟803、繪制用戶界面的控件層。每一個會話窗口都會分布有控件，如Windows的按鈕、文本框、列表框，上述會話窗口中的控件繪制在此層。其中，該此圖層僅需提取圖像內(nèi)容屬性，獲取預設(shè)的控件樣式即可。例如該控件層如圖13所示。步驟804、繪制用戶界面的遮罩層。該邏輯層繪制在所有層次繪制結(jié)束之后，所以此層的繪制可以遮擋住會話窗口上的所有控件。該遮罩層主要用于改變會話窗口邊框和會話窗口邊框的陰影效果。以下分別對上述兩功能進行詳細描述。(a)窗口邊框在繪制此圖層之前，經(jīng)上述各個圖層層疊繪制后形成的圖層一般為矩形區(qū)域，如 背景層中的圖片和底色，繪制結(jié)果都是以矩形區(qū)域的形式展現(xiàn)。而在一般用戶界面設(shè)計中， 為了用戶界面的美觀，會話窗口的邊緣一般呈圓角，或不規(guī)則的邊緣。遮罩層即是使用一個額外的圖層對之前獲取的矩形圖層上定義窗口邊緣，從而形成窗口的邊框。優(yōu)選地，提取此圖層的混合模式，通過額外的圖層的顏色和之前獲取的矩形圖層顏色的混合來實現(xiàn)窗口邊框的確定。具體地，圖像中每一個像素點的顏色數(shù)據(jù)，包含a(透明度)、r (紅)、g(綠)、b(藍) 四個通道，顏色混合乘法公式如下所示Dsta = Srca*DstaDstr = Srcr*DstrDstg = Srcg*DstgDstb = Srcb*Dstb其中，Src為用于定義窗口邊緣所采用的圖層，其內(nèi)容為帶透明度的圖片，可由UI 進行定制；Dst為當前已經(jīng)繪制好的圖層的圖像內(nèi)容。其中，Src中像素顏色為純透明(a、r、g、b四個通道都為0)的圖層部分，計算得出的結(jié)果也是純透明的；Src中像素顏色純白(a、r、g、b四個通道都為1)的部分，計算得出的結(jié)果保持繪制前的內(nèi)容。由此，UI設(shè)計人員通過定制圖片內(nèi)容，即可控制會話窗口繪制后的邊緣形狀。優(yōu)選地，對窗口邊框的繪制可通過模板來實現(xiàn)，如圖14所示，為遮罩層的乘法模板。(b)邊框陰影為了在會話窗口邊緣的透明陰影，只需要疊加一個帶透明度的圖層即可。該圖層內(nèi)容為UI人員設(shè)計制作的圖片。經(jīng)過控制邊框的圖層處理，各層繪制的結(jié)果已具有了一定的邊緣形狀。陰影圖層只需要制作為恰好符合邊緣形狀的透明貼圖。例如如圖15所示，為遮罩層的藍光圖層，用于形成該圖層的邊框陰影。
最終，經(jīng)上述各個圖層的繪制，生成如圖2所示的用戶界面。需要說明的是，上述本發(fā)明實施例僅對圖層中主要屬性信息的提取與通過主要屬性信息繪制圖層進行了介紹，每一個圖層的屬性并不限于本發(fā)明實施例中的屬性，凡是從圖層樣式提取的用于繪制圖層的各種屬性均屬于本發(fā)明的保護范圍，如音頻屬性等。此外， 上述劃分出的邏輯圖層僅為本發(fā)明一種優(yōu)選的實施方式，凡是從用戶界面分離出的圖層均屬于本發(fā)明的保護范圍，如動態(tài)效果層等。本發(fā)明實施例提供一種用戶界面的生成裝置，該裝置1600包括獲取模塊1610，用于獲取待繪制圖層和待繪制的圖層樣式；圖層生成模塊1620，用于根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層；界面生成模塊1630，用于將所述繪制后圖層進行組合，生成用戶界面。其中，所述繪制后圖層包括以下中的一種或多種背景層；質(zhì)感層；控件層；遮罩層；所述屬性信息包括圖像內(nèi)容；透明度；繪制模式；混合模式。其中，圖層生成模塊I620包括提取子模塊1621，具體用于根據(jù)所述圖層樣式獲取所需加載的圖片文件；根據(jù)所述圖片文件獲取顏色數(shù)據(jù)， 所述顏色數(shù)據(jù)為所述待繪制圖層的圖像內(nèi)容屬性信息；或者，根據(jù)所述圖層樣式與其他圖層層疊效果提取所述待繪制圖層的透明度屬性 fn息；或者，根據(jù)所述圖層樣式和所述圖層所在的會話窗口提取所述待繪制圖層的繪制模式屬性信息，所述繪制模式屬性用于確定所述待繪制圖層填充所述會話窗口的方式；或者，根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息，所述混合模式屬性用于獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。其中，提取子模塊1621具體用于根據(jù)所述圖片文件獲取所述圖片文件自身的第一顏色數(shù)據(jù)；根據(jù)所述圖片文件獲取與所述第一顏色數(shù)據(jù)匹配的第二顏色數(shù)據(jù)。其中，提取子模塊1621具體用于根據(jù)不同圖層層疊后的圖層樣式獲取邊框定義圖層；獲取當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)；通過顏色混合乘法公式對所述當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)進行混合，獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。其中，圖層生成模塊I620包括繪制子模塊1622，具體用于遍歷提取的所述屬性信息；當所述屬性信息不為空時，根據(jù)所述屬性信息繪制所述待繪制圖層。其中，所述界面生成模塊具體用于將至少兩個繪制后圖層進行層疊組合，生成所述用戶界面。其中，還包括修改模塊1640，用于動態(tài)修改所述繪制后圖層的屬性。本發(fā)明具有以下優(yōu)點根據(jù)用戶的需求，生成用戶界面的不同圖層，將不同圖層進行層疊獲取最終的用戶界面，并可通過改變圖層的屬性動態(tài)改變用戶界面，從而實現(xiàn)了用戶界面的多樣化和提高用戶界面的易更換性。通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當然也可以通過硬件，但很多情況下前者是更佳的實施方式?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺終端設(shè)備(可以是手機，個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述的方法。以上所述僅是本發(fā)明的優(yōu)選實施方式，應當指出，對于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也應視本發(fā)明的保護范圍。本領(lǐng)域技術(shù)人員可以理解實施例中的裝置中的模塊可以按照實施例描述進行分布于實施例的裝置中，也可以進行相應變化位于不同于本實施例的一個或多個裝置中。上述實施例的模塊可以集成于一體，也可以分離部署；可以合并為一個模塊，也可以進一步拆分成多個子模塊。上述本發(fā)明實施例序號僅僅為了描述，不代表實施例的優(yōu)劣。以上公開的僅為本發(fā)明的幾個具體實施例，但是，本發(fā)明并非局限于此，任何本領(lǐng)域的技術(shù)人員能思之的變化都應落入本發(fā)明的保護范圍。
權(quán)利要求
1.一種用戶界面的生成方法，其特征在于，包括 獲取待繪制圖層和待繪制的圖層樣式；根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層；將所述繪制后圖層進行組合，生成用戶界面。
2.如權(quán)利要求1所述的方法，其特征在于，所述繪制后圖層包括以下中的一種或多種背景層；質(zhì)感層；控件層；遮罩層； 所述屬性信息包括圖像內(nèi)容；透明度；繪制模式；混合模式。
3.如權(quán)利要求2所述的方法，其特征在于，所述根據(jù)所述圖層樣式，提取圖層的屬性信息具體包括以下中的一種或多種根據(jù)所述圖層樣式獲取所需加載的圖片文件；根據(jù)所述圖片文件獲取顏色數(shù)據(jù)，所述顏色數(shù)據(jù)為所述待繪制圖層的圖像內(nèi)容屬性信息；根據(jù)所述圖層樣式與其他圖層層疊效果提取所述待繪制圖層的透明度屬性信息； 根據(jù)所述圖層樣式和所述圖層所在的會話窗口提取所述待繪制圖層的繪制模式屬性信息，所述繪制模式屬性用于確定所述待繪制圖層填充所述會話窗口的方式；根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息，所述混合模式屬性用于獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。
4.如權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述圖片文件獲取顏色數(shù)據(jù)包括 根據(jù)所述圖片文件獲取所述圖片文件自身的第一顏色數(shù)據(jù)；根據(jù)所述圖片文件獲取與所述第一顏色數(shù)據(jù)匹配的第二顏色數(shù)據(jù)。
5.如權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息包括根據(jù)不同圖層層疊后的圖層樣式獲取邊框定義圖層； 獲取當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)； 通過顏色混合乘法公式對所述當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)進行混合，獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。
6.如權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所提取的屬性信息繪制所述待繪制圖層包括遍歷提取的所述屬性信息；當所述屬性信息不為空時，根據(jù)所述屬性信息繪制所述待繪制圖層。
7.如權(quán)利要求1所述的方法，其特征在于，所述將所述繪制后圖層進行組合，生成用戶界面具體為將至少兩個繪制后圖層進行層疊組合，生成所述用戶界面。
8.如權(quán)利要求1至7中任一項所述的方法，其特征在于，還包括 動態(tài)修改所述繪制后圖層的屬性。
9.一種用戶界面的生成裝置，其特征在于，包括 獲取模塊，用于獲取待繪制圖層和待繪制的圖層樣式；圖層生成模塊，用于根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層；界面生成模塊，用于將所述繪制后圖層進行組合，生成用戶界面。
10.如權(quán)利要求9所述的裝置，其特征在于，所述繪制后圖層包括以下中的一種或多種背景層；質(zhì)感層；控件層；遮罩層； 所述屬性信息包括圖像內(nèi)容；透明度；繪制模式；混合模式。
11.如權(quán)利要求10所述的裝置，其特征在于，所述圖層生成模塊包括提取子模塊，具體用于根據(jù)所述圖層樣式獲取所需加載的圖片文件；根據(jù)所述圖片文件獲取顏色數(shù)據(jù)，所述顏色數(shù)據(jù)為所述待繪制圖層的圖像內(nèi)容屬性信息；或者，根據(jù)所述圖層樣式與其他圖層層疊效果提取所述待繪制圖層的透明度屬性信息；或者，根據(jù)所述圖層樣式和所述圖層所在的會話窗口提取所述待繪制圖層的繪制模式屬性信息，所述繪制模式屬性用于確定所述待繪制圖層填充所述會話窗口的方式；或者，根據(jù)所述圖層樣式和不同圖層層疊后的圖層樣式提取所述待繪制圖層的混合模式屬性信息，所述混合模式屬性用于獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。
12.如權(quán)利要求11所述的裝置法，其特征在于，所述提取子模塊具體用于 根據(jù)所述圖片文件獲取所述圖片文件自身的第一顏色數(shù)據(jù)；根據(jù)所述圖片文件獲取與所述第一顏色數(shù)據(jù)匹配的第二顏色數(shù)據(jù)。
13.如權(quán)利要求11所述的裝置，其特征在于，所述提取子模塊具體用于 根據(jù)不同圖層層疊后的圖層樣式獲取邊框定義圖層；獲取當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)； 通過顏色混合乘法公式對所述當前已經(jīng)繪制好的圖層的顏色數(shù)據(jù)和所述邊框定義圖層的顏色數(shù)據(jù)進行混合，獲取所述待繪制圖層的圖層邊框的顏色數(shù)據(jù)。
14.如權(quán)利要求9所述的裝置，其特征在于，所述圖層生成模塊包括繪制子模塊，具體用于遍歷提取的所述屬性信息；當所述屬性信息不為空時，根據(jù)所述屬性信息繪制所述待繪制圖層。
15.如權(quán)利要求9所述的裝置，其特征在于，所述界面生成模塊具體用于 將至少兩個繪制后圖層進行層疊組合，生成所述用戶界面。
16.如權(quán)利要求9至15中任一項所述的裝置，其特征在于，還包括 修改模塊，用于動態(tài)修改所述繪制后圖層的屬性。
全文摘要
本發(fā)明公開了一種用戶界面的生成方法和裝置，該方法包括獲取待繪制圖層和待繪制的圖層樣式；根據(jù)所述圖層樣式，提取圖層的屬性信息，并根據(jù)所提取的屬性信息繪制所述待繪制圖層，生成繪制后圖層；將所述繪制后圖層進行組合，生成用戶界面。通過本發(fā)明，實現(xiàn)了用戶界面的多樣化和提高用戶界面的易更換性。
文檔編號G06F9/44GK102156999SQ20101010903
公開日2011年8月17日 申請日期2010年2月11日 優(yōu)先權(quán)日2010年2月11日
發(fā)明者周桓宇, 涂強, 顧曉元 申請人:騰訊科技(深圳)有限公司