專利名稱：一種用戶界面變換方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明屬于計(jì)算機(jī)應(yīng)用領(lǐng)域，尤其涉及一種用戶界面變換方法及系統(tǒng)。
背景技術(shù)：
隨著計(jì)算機(jī)圖形界面技術(shù)的不斷發(fā)展，用戶對(duì)一款軟件的需求已經(jīng)不再僅僅停留于功能的使用上，而是越來(lái)越多的注重用戶界面給用戶的視覺(jué)沖擊力，即用戶界面的顏色搭配是否符合用戶的習(xí)慣，顏色的個(gè)性化設(shè)置是否方便靈活。
目前，各個(gè)軟件也基本體現(xiàn)了這一需求?，F(xiàn)有的一種解決方案是軟件預(yù)置幾套顏色方案供用戶選擇。每套顏色方案的圖片都是預(yù)先做好的，所以用戶界面的光影效果比較理想。在這種方案中，由于預(yù)置的顏色方案數(shù)量有限，難以滿足用戶靈活變換用戶界面的需求。在另外一種解決方案中，軟件預(yù)置了一套用戶界面，在軟件運(yùn)行過(guò)程中可以讓用戶指定用戶界面的顏色，并按照一定算法以用戶指定的顏色對(duì)當(dāng)前用戶界面進(jìn)行變換，動(dòng)態(tài)生成新用戶界面。由于軟件所使用的用戶界面圖片不分層，在用戶界面的顏色多次變換后，其光影效果會(huì)有明顯損失。

發(fā)明內(nèi)容
本發(fā)明實(shí)施例的目的在于提供一種用戶界面變換方法，旨在解決現(xiàn)有技術(shù)中軟件用戶界面的顏色多次變換后，其光影效果存在明顯損失的問(wèn)題。
本發(fā)明實(shí)施例是這樣實(shí)現(xiàn)的，一種用戶界面變換方法，所述方法包括下述步驟接收用戶輸入的顏色信息；讀取用戶界面的分層配置信息，將用戶界面相應(yīng)圖層圖片的顏色變換為所述用戶輸入的顏色信息對(duì)應(yīng)的顏色，所述分層配置信息包含用戶界面的分層信息，不同圖層的圖片數(shù)據(jù)，以及需要變換顏色的圖層；合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。
本發(fā)明實(shí)施例的另一目的在于提供一種用戶界面變換系統(tǒng)，所述系統(tǒng)包括顏色信息接收模塊，用于接收用戶輸入的顏色信息；顏色變換模塊，用于讀取用戶界面的分層配置信息，將用戶界面相應(yīng)圖層圖片的顏色變換為所述用戶輸入的顏色信息對(duì)應(yīng)的顏色，所述分層配置信息包含用戶界面的分層信息，不同圖層的圖片數(shù)據(jù)，以及需要變換顏色的圖層；以及用戶界面生成模塊，用于合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。
在本發(fā)明實(shí)施例中，允許用戶指定用戶界面的顏色，同時(shí)對(duì)用戶界面的圖片進(jìn)行分層處理，可以使得變換顏色后，用戶界面的光影效果沒(méi)有損失，用戶界面的顏色變換更為靈活，色彩更為絢麗，給用戶更好的視覺(jué)體驗(yàn)。


圖1是本發(fā)明實(shí)施例提供的用戶界面變換方法的實(shí)現(xiàn)流程圖；圖2是本發(fā)明實(shí)施例提供的用戶界面變換系統(tǒng)的結(jié)構(gòu)圖。
具體實(shí)施例方式
為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對(duì)本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說(shuō)明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
在本發(fā)明實(shí)施例中，允許用戶指定用戶界面的顏色，同時(shí)對(duì)用戶界面的圖片進(jìn)行分層處理，可以防止變換顏色后，用戶界面的光影效果明顯損失。
由于常見(jiàn)的圖片都是單層的，可以用多張圖片來(lái)分別存儲(chǔ)不同的圖層。用戶界面圖層分的越多，實(shí)現(xiàn)起來(lái)就越靈活，但也會(huì)占用越多的存儲(chǔ)空間，在用戶界面變換顏色時(shí)也要消耗越多的處理時(shí)間。作為本發(fā)明的一個(gè)優(yōu)選實(shí)施例，將用戶界面分為背景圖片(background)、前景圖片(foreground)和光影效果圖片(flash)三層，既可以保證用戶界面外觀(appearance)的美觀性，同時(shí)也保證了較小的存儲(chǔ)空間和較高的處理性能。在具體應(yīng)用時(shí)，可以根據(jù)用戶界面的實(shí)際需要，選擇適用背景圖片與前景圖片兩層、前景圖片與光影效果圖片兩層，或者背景圖片、前景圖片與光影效果圖片三層。
背景圖片放在前景圖片之下，例如按鈕的陰影，進(jìn)度條的邊框等，一般不需要變換顏色。前景圖片疊加在背景圖片之上，是用戶界面所必需的，一般需要變換顏色。
光影效果圖片疊加在背景圖片和前景圖片之上，一般為透明圖片，可以是透明的漸變圖，或者是透明光照效果圖，或者其他效果圖，一般不需要變換顏色。在本發(fā)明實(shí)施例中，將光影效果圖片單獨(dú)作為一層可以使得無(wú)論前景圖片怎么變換，光影效果圖片始終可以疊加在前景圖片上面，不會(huì)因?yàn)榍熬皥D片顏色的連續(xù)變換而失真。
當(dāng)用戶界面變換顏色時(shí)，可以根據(jù)用戶的選擇或者系統(tǒng)的配置對(duì)某些層的圖片變換顏色，一般是前景圖片。本發(fā)明實(shí)施例中，根據(jù)用戶指定的顏色對(duì)用戶界面的相應(yīng)圖層圖片進(jìn)行變換，可以利用色相(Hue)、色飽和度(Saturation)和明度值(Value)的HSV色彩空間的特性，通過(guò)改變色相(Hue)這一屬性來(lái)變換顏色。
目前，計(jì)算機(jī)中常見(jiàn)的圖片格式都是將象素存儲(chǔ)為紅、綠、藍(lán)(RGB)模式。在本發(fā)明實(shí)施例中，先將RGB模式的顏色值變換為HSV模式下的顏色值，然后改變此顏色的色相為用戶指定的色相就可以了，即改變H值，而保持S值和V值不變。這樣就可以保證用戶界面變換顏色前后，用戶界面的飽和度(Saturation)與亮度(Brightness)與變換顏色前保持一致，用戶界面仍會(huì)保持較好的視覺(jué)效果。當(dāng)然，也可將飽和度與亮度的設(shè)置開(kāi)放給用戶，這樣用戶在個(gè)性化用戶界面顏色時(shí)就有更大的選擇空間。
上述顏色變換算法效果比較理想，變換效率也比較高，適用于大多數(shù)場(chǎng)合。如果軟件對(duì)用戶界面的效果有更高的要求，也可以使用其他更為復(fù)雜的算法。
為了使得顏色變換后的用戶界面效果能夠更快、更簡(jiǎn)潔地顯示給用戶，從而便于用戶選擇，作為本發(fā)明的一個(gè)實(shí)施例，在用戶界面變換時(shí)，動(dòng)態(tài)生成預(yù)覽圖(preview)顯示給用戶。當(dāng)然，也可以省略該項(xiàng)功能，或者允許用戶通過(guò)設(shè)置靈活選擇是否啟動(dòng)預(yù)覽圖功能。
在預(yù)覽時(shí)，根據(jù)用戶界面的具體情況可以分為背景預(yù)覽圖片、按鈕圖標(biāo)和圖標(biāo)旁邊的文字等。此處對(duì)預(yù)覽圖片的分層方法與上述對(duì)用戶界面的分層不同，上述用戶界面的分層是用來(lái)生成最終用戶界面的，所以背景圖片側(cè)重于底層的陰影邊框等效果，前景圖片用來(lái)改變顏色，最上層還有光影效果圖片。由于用戶界面的預(yù)覽圖一般比較小，所以陰影、光影等效果可以不必單獨(dú)提出，而將這三層合并為一層統(tǒng)一變換顏色進(jìn)行預(yù)覽就可以了。因此，在用戶界面預(yù)覽的過(guò)程中，將這三層統(tǒng)一稱為背景預(yù)覽圖片，而疊加在背景預(yù)覽圖片之上的是前景預(yù)覽圖片，包括圖標(biāo)和文字。對(duì)于沒(méi)有前景圖標(biāo)和文字的控件來(lái)說(shuō)，前景預(yù)覽圖片可以省略。而如果用戶界面存在更為復(fù)雜的控件，也可以分為更多的層次。
在變換用戶界面的顏色時(shí)，一般需要轉(zhuǎn)換背景預(yù)覽圖片的顏色，不需要變換圖標(biāo)、文字等前景預(yù)覽圖片的顏色，當(dāng)然前景預(yù)覽圖片的顏色也可以根據(jù)背景預(yù)覽圖片的顏色進(jìn)行相應(yīng)變換，圖標(biāo)和文字一般都顯示在用戶界面的最上層。
本發(fā)明實(shí)施例中通過(guò)圖層(layer)來(lái)區(qū)分前景預(yù)覽圖片與背景預(yù)覽圖片之間的層次關(guān)系，例如用第0層來(lái)表示最底層，第1層則疊加在0層之上，依此類推。在預(yù)覽時(shí)，為了區(qū)分哪張預(yù)覽圖片需要變換顏色(如背景預(yù)覽圖片)，哪張圖片不需要變換顏色(如前景預(yù)覽圖片)，需要在用戶界面的配置數(shù)據(jù)中增加一個(gè)是否需要進(jìn)行顏色變換(colorize)的屬性，例如true則改變預(yù)覽圖片顏色，false則不改變預(yù)覽圖片顏色。
為了使得用戶能夠?qū)τ脩艚缑娴囊曈X(jué)效果進(jìn)行更加靈活的配置，從而進(jìn)一步增強(qiáng)用戶界面的視覺(jué)沖擊力，作為本發(fā)明的另一實(shí)施例，可以根據(jù)軟件自身的需要對(duì)用戶界面進(jìn)行分類，每一分類支持單獨(dú)變換顏色，如工具欄圖片、狀態(tài)欄圖片、對(duì)話框圖片、菜單圖片等。對(duì)于前景圖片和背景圖片可以融合到一起統(tǒng)一變換顏色的分類來(lái)說(shuō)，背景圖片可以省略。
用戶界面的分類越詳細(xì)，設(shè)置用戶界面顏色時(shí)就越靈活，可以按照用戶界面中的控件進(jìn)行劃分，例如分為工具欄、狀態(tài)欄、按鈕、對(duì)話框等，但分類太細(xì)會(huì)導(dǎo)致用戶變換顏色的過(guò)程過(guò)于繁瑣，需要用戶手動(dòng)一個(gè)部分一個(gè)部分的變換顏色。因此，可以提供將整個(gè)用戶界面統(tǒng)一變換顏色的功能，自動(dòng)將用戶指定的顏色應(yīng)用到所有分類中去。
在本發(fā)明實(shí)施例中，可以將每一個(gè)分類稱為用戶界面的一個(gè)組成部分(component)，每一個(gè)組成部分都可以有一個(gè)容易理解的名字(name)。以工具欄、狀態(tài)欄為例，采用XML語(yǔ)言描述如下，當(dāng)然可以根據(jù)具體情況增加新的組成部分或刪改已有組成部分，例如增加按鈕、對(duì)話框等其他分類<skin version＝″1.0″>
<component name＝″工具欄″>
<appearance background＝″toolbar_background.png″foreground＝″toolbar_foreground.png″flash＝″toolbar_flash.png″/>
</component>
<component name＝″狀態(tài)欄″>
<appearance background＝″statusbar_background.png″foreground＝″statusbar_foreground.png″flash＝″statusbar_flash.png″/>
</component>
</skin>
對(duì)于需要多語(yǔ)言支持的軟件而言，也可以用一個(gè)語(yǔ)言資源ID(langid)來(lái)代替組成部分的名字。當(dāng)然，二者也可以并存，名字可以方便開(kāi)發(fā)者閱讀描述文件，而語(yǔ)言資源ID可以在軟件運(yùn)行過(guò)程中被動(dòng)態(tài)更換為相應(yīng)的語(yǔ)言，例如<skin version＝″1.0″>
<component name＝″工具欄″langid＝″IDS_TOOLBAR″/>
<component name＝″狀態(tài)欄″langid＝″IDS_STATUSBAR″/>
</skin>
此外，為了保證軟件可以讀取不同版本的描述文件，可以為該描述加上一個(gè)版本號(hào)(version)，以保證不同版本間的兼容性<skin version＝″1.0″>
<component name＝″工具欄″/>
<component name＝″狀態(tài)欄″/>
</skin>
用戶界面分類后，可以分類對(duì)顏色變換后的用戶界面進(jìn)行預(yù)覽，采用XML文件可以描述如下<skin version＝″1.0″>
<component name＝″工具欄″>
<appearance background＝″toolbar_background.png″foreground＝″toolbar_foreground.png″flash＝″toolbar_flash.pn″/>
<preview src＝″preview_toolbar_background.bmp″layer＝″0″colorize＝″true″/>
<preview src＝″preview_toolbar_foreground.bmp″layer＝″1″colorize＝″false″/>
</component>
<component name＝″狀態(tài)欄″>
<appearance background＝″statusbar_background.png″foreground＝″statusbar_foreground.png″
flash＝″statusbar_flash.png″/>
<preview src＝″preview_statusbar_background.bmp″layer＝″0″colorize＝″true″/>
<preview src＝″preview_statusbar_foreground.bmp″layer＝″1″colorize＝″false″/>
</component>
</skin>
由上述描述文件可以看出，工具欄背景圖片在第0層，工具欄前景圖片在第1層，而工具欄背景圖片和狀態(tài)欄背景圖片同在第0層。由于預(yù)覽圖中各個(gè)控件一般是不會(huì)重疊的，可以處于同一圖層中，所以這樣處理一般是不會(huì)有問(wèn)題。當(dāng)然，如果預(yù)覽界面太小，導(dǎo)致控件之間出現(xiàn)重疊時(shí)，也可以將不同控件放在不同層次上。標(biāo)識(shí)圖層的參數(shù)在具體實(shí)現(xiàn)中可以非常靈活的配置，以達(dá)到最佳預(yù)覽效果。
用戶界面相應(yīng)圖層圖片的顏色變換完成后，合并用戶界面中包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。在本發(fā)明實(shí)施例中，存儲(chǔ)合并生成的新用戶界面的配置數(shù)據(jù)，以便下一次操作。
第一種方式存儲(chǔ)用戶選擇的顏色信息，下次軟件啟動(dòng)時(shí)，自動(dòng)根據(jù)原用戶界面數(shù)據(jù)和用戶選擇的顏色信息進(jìn)行運(yùn)算，生成新用戶界面。在存儲(chǔ)顏色信息時(shí)，可以在XML描述文件中增加顏色(color)屬性信息，用來(lái)表明用戶界面的每一個(gè)組成部分是什么顏色<skin version＝″1.0″>
<component name＝″工具欄″color＝″#268BF2″/>
<component name＝″狀態(tài)欄″color＝″#D826F2″/>
</skin>
這種方式方便軟件預(yù)置多套用戶界面顏色方案，也方便存儲(chǔ)用戶自定義的多套用戶界面顏色方案，而基本無(wú)需消耗磁盤空間，用戶選擇的顏色信息等數(shù)據(jù)占用的存儲(chǔ)空間小，但是每次軟件啟動(dòng)時(shí)，都需要一定時(shí)間進(jìn)行運(yùn)算來(lái)生成新用戶界面。
第二種方式是存儲(chǔ)合并生成的新用戶界面數(shù)據(jù)。這種方式優(yōu)點(diǎn)是軟件啟動(dòng)時(shí)無(wú)需重新計(jì)算用戶界面的配置數(shù)據(jù)，軟件啟動(dòng)速度較快。
第三種方式是存儲(chǔ)顏色變換后合并生成前用戶界面的分層配置信息，包括用戶界面的分層信息，顏色變換后的不同圖層的圖片數(shù)據(jù)，以及需要變換顏色的圖層。這樣，在用戶需要重新變換顏色時(shí)，需要在原始用戶界面的基礎(chǔ)上進(jìn)行，不能在變換顏色后的新用戶界面的基礎(chǔ)上進(jìn)行。
在具體實(shí)現(xiàn)時(shí)，可以根據(jù)需要選擇上述任意一種方式。
圖1示出了本發(fā)明實(shí)施例提供的用戶界面變換方法的完整流程，詳述如下在步驟S101中，軟件啟動(dòng)，加載現(xiàn)有用戶界面的配置數(shù)據(jù)，生成現(xiàn)有用戶界面。
現(xiàn)有的用戶界面的配置數(shù)據(jù)可能是軟件在安裝后預(yù)置的用戶界面的配置數(shù)據(jù)，也可能是上次變換顏色后的用戶界面的配置數(shù)據(jù)。軟件加載現(xiàn)有用戶界面的配置數(shù)據(jù)，例如將上述XML描述文件加載到內(nèi)存中，生成用戶界面。
在步驟S102中，用戶界面變換顏色功能被用戶觸發(fā)，接收用戶輸入的顏色信息。
在本發(fā)明實(shí)施例中，用戶通過(guò)點(diǎn)擊相應(yīng)菜單項(xiàng)或者其他方式觸發(fā)用戶界面變換功能。
在步驟S103中，讀取當(dāng)前用戶界面的分層配置信息，包含用戶界面的分層信息，不同圖層的圖片數(shù)據(jù)，以及需要變換顏色的圖層，生成預(yù)覽圖。在不需要預(yù)覽時(shí)該步驟也可以省略。
在步驟S104中，判斷用戶對(duì)當(dāng)前顏色下的用戶界面是否滿意，是則執(zhí)行步驟S105，否則返回執(zhí)行步驟S102。
在步驟S105中，根據(jù)用戶選擇顏色后的分層配置信息，將用戶界面的相應(yīng)圖層圖片變換為用戶輸入的顏色。
例如讀取以上述XML描述文件中的appearance標(biāo)簽，加載appearance標(biāo)簽中的所有圖片，將圖片各個(gè)組成部分的前景圖片顏色更換為用戶指定的顏色。
在步驟S106中，合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。例如將背景圖片、前景圖片、光影效果圖片進(jìn)行合并，合并后，當(dāng)用戶界面分為多個(gè)組成部分時(shí)，每個(gè)組成部分只對(duì)應(yīng)一張圖片。
在步驟S107中，存儲(chǔ)新用戶界面的配置數(shù)據(jù)，例如新用戶界面對(duì)應(yīng)的顏色信息，合并生成的新用戶界面數(shù)據(jù)，或者顏色變換后合并生成前用戶界面的分層配置信息，以便于下次操作，當(dāng)然也可以不存儲(chǔ)新用戶界面的配置數(shù)據(jù)，下次啟動(dòng)時(shí)由用戶在原始用戶界面的基礎(chǔ)上重新生成新用戶界面。
實(shí)現(xiàn)上述方法的軟件可以存儲(chǔ)于一計(jì)算機(jī)可讀存取介質(zhì)中，存儲(chǔ)介質(zhì)可以是ROM/RAM、磁盤、光盤等。該軟件在執(zhí)行時(shí)，包括如下步驟1.接收用戶輸入的顏色信息；2.讀取用戶界面的分層配置信息，根據(jù)用戶輸入的顏色信息生成預(yù)覽圖；3.將用戶界面相應(yīng)層的圖片變換為用戶輸入的顏色；4.合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面；5.存儲(chǔ)新用戶界面的配置數(shù)據(jù)。
圖2示出了本發(fā)明實(shí)施例中提供的用戶界面變換系統(tǒng)的結(jié)構(gòu)，為了便于說(shuō)明，僅示出了與本發(fā)明相關(guān)的部分。
軟件啟動(dòng)后，用戶觸發(fā)用戶界面變換功能，顏色信息接收模塊201接收用戶輸入的顏色信息。當(dāng)軟件提供預(yù)覽圖功能，或者用戶啟動(dòng)預(yù)覽功能時(shí)，預(yù)覽圖生成模塊202讀取用戶界面的分層配置信息，根據(jù)顏色信息接收模塊201接收的顏色信息，生成對(duì)應(yīng)的用戶界面預(yù)覽圖，顯示給用戶。
用戶選擇確定滿意的顏色后，顏色變換模塊203將用戶界面相應(yīng)圖層圖片的顏色變換為用戶輸入的顏色信息對(duì)應(yīng)的顏色。
在本發(fā)明實(shí)施例中，用戶界面分為背景圖片與前景圖片兩層、前景圖片與光影效果圖片兩層，或者背景圖片、前景圖片與光影效果圖片三層。為了使得用戶能夠?qū)τ脩艚缑娴囊曈X(jué)效果進(jìn)行更加靈活的配置，可以將用戶界面分成多個(gè)組成部分，每個(gè)組成部分支持單獨(dú)變換顏色。
作為本發(fā)明的一個(gè)實(shí)施例，顏色變換模塊203在對(duì)用戶界面相應(yīng)圖層圖片的顏色進(jìn)行變換時(shí)，變換用戶界面相應(yīng)層的圖片在HSV模式下的H值，保持S值和V值不變。
用戶界面生成模塊204合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。作為本發(fā)明的一個(gè)實(shí)施例，通過(guò)配置數(shù)據(jù)存儲(chǔ)模塊205存儲(chǔ)生成的新用戶界面的配置數(shù)據(jù)，以備下次操作。用戶界面的配置數(shù)據(jù)可以是新用戶界面對(duì)應(yīng)的顏色信息，合并生成的新用戶界面數(shù)據(jù)，或者顏色變換后合并生成前用戶界面的分層配置信息。
為了便于理解，在上述描述中，本發(fā)明實(shí)施例中采用了XML描述文件對(duì)用戶界面的配置數(shù)據(jù)進(jìn)行了說(shuō)明，顯然可以采取其他語(yǔ)言或者方式來(lái)實(shí)現(xiàn)。
在本發(fā)明實(shí)施例中，允許用戶指定用戶界面的顏色，同時(shí)對(duì)用戶界面的圖片進(jìn)行分層處理，可以防止變換顏色后，用戶界面的光影效果明顯損失，軟件用戶界面的顏色變換更為靈活，色彩更為絢麗，給用戶更好的視覺(jué)體驗(yàn)，并有助于縮短軟件外包商定制用戶界面顏色的周期，降低開(kāi)發(fā)成本。
以上所述僅為本發(fā)明的較佳實(shí)施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種用戶界面變換方法，其特征在于，所述方法包括下述步驟接收用戶輸入的顏色信息；讀取用戶界面的分層配置信息，將用戶界面相應(yīng)圖層圖片的顏色變換為所述用戶輸入的顏色信息對(duì)應(yīng)的顏色，所述分層配置信息包含用戶界面的分層信息，不同圖層的圖片數(shù)據(jù)，以及需要變換顏色的圖層；合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。
2.如權(quán)利要求1所述的方法，其特征在于，所述用戶界面分為背景圖片與前景圖片兩層、前景圖片與光影效果圖片兩層，或者背景圖片、前景圖片與光影效果圖片三層。
3.如權(quán)利要求1或2所述的方法，其特征在于，所述用戶界面包括多個(gè)組成部分，每個(gè)組成部分支持單獨(dú)變換顏色。
4.如權(quán)利要求1或2所述的方法，其特征在于，在對(duì)用戶界面相應(yīng)圖層圖片的顏色進(jìn)行變換時(shí)，變換用戶界面相應(yīng)圖層圖片在HSV模式下的H值，保持S值和V值不變。
5.如權(quán)利要求1或2所述的方法，其特征在于，在所述合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面的步驟前，所述方法進(jìn)一步包括下述步驟讀取用戶界面的分層配置信息，生成與所述用戶輸入的顏色信息對(duì)應(yīng)的用戶界面預(yù)覽圖。
6.如權(quán)利要求1或2所述的方法，其特征在于，所述方法進(jìn)一步包括下述步驟存儲(chǔ)所述新用戶界面的配置數(shù)據(jù)；所述配置數(shù)據(jù)為所述新用戶界面對(duì)應(yīng)的顏色信息，合并生成的所述新用戶界面數(shù)據(jù)，或者顏色變換后合并生成前用戶界面的分層配置信息。
7.一種用戶界面變換系統(tǒng)，其特征在于，所述系統(tǒng)包括顏色信息接收模塊，用于接收用戶輸入的顏色信息；顏色變換模塊，用于讀取用戶界面的分層配置信息，將用戶界面相應(yīng)圖層圖片的顏色變換為所述用戶輸入的顏色信息對(duì)應(yīng)的顏色，所述分層配置信息包含用戶界面的分層信息，不同圖層的圖片數(shù)據(jù)，以及需要變換顏色的圖層；以及用戶界面生成模塊，用于合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。
8.如權(quán)利要求7所述的系統(tǒng)，其特征在于，所述用戶界面分為背景圖片與前景圖片兩層、前景圖片與光影效果圖片兩層，或者背景圖片、前景圖片與光影效果圖片三層。
9.如權(quán)利要求7或8所述的系統(tǒng)，其特征在于，所述用戶界面包括多個(gè)組成部分，每個(gè)組成部分支持單獨(dú)變換顏色。
10.如權(quán)利要求7或8所述的系統(tǒng)，其特征在于，所述顏色變換模塊對(duì)用戶界面相應(yīng)圖層圖片的顏色進(jìn)行變換時(shí)，變換用戶界面相應(yīng)圖層圖片在HSV模式下的H值，保持S值和V值不變。
11.如權(quán)利要求7或8所述的系統(tǒng)，其特征在于，所述系統(tǒng)進(jìn)一步包括預(yù)覽圖生成模塊，用于讀取用戶界面的分層配置信息，生成與所述用戶輸入的顏色信息對(duì)應(yīng)的用戶界面預(yù)覽圖。
12.如權(quán)利要求7或8所述的系統(tǒng)，其特征在于，所述系統(tǒng)進(jìn)一步包括顏色變換數(shù)據(jù)存儲(chǔ)模塊，用于存儲(chǔ)所述新用戶界面的配置數(shù)據(jù)，所述配置數(shù)據(jù)為所述新用戶界面對(duì)應(yīng)的顏色信息，合并生成的所述新用戶界面數(shù)據(jù)，或者顏色變換后合并生成前用戶界面的分層配置信息。
全文摘要
本發(fā)明適用于計(jì)算機(jī)應(yīng)用領(lǐng)域，提供了一種用戶界面變換方法及系統(tǒng)，所述方法包括下述步驟接收用戶輸入的顏色信息；讀取用戶界面的分層配置信息，將用戶界面相應(yīng)圖層圖片的顏色變換為所述用戶輸入的顏色信息對(duì)應(yīng)的顏色，所述分層配置信息包含用戶界面的分層信息，不同圖層的圖片數(shù)據(jù)，以及需要變換顏色的圖層；合并包括顏色變換后的相應(yīng)圖層圖片在內(nèi)的各層圖片，生成新用戶界面。在本發(fā)明中，允許用戶指定用戶界面的顏色，同時(shí)對(duì)用戶界面進(jìn)行分層處理，可以防止變換顏色后，用戶界面的光影效果明顯損失，用戶界面的顏色變換更為靈活，色彩更為絢麗，給用戶更好的視覺(jué)體驗(yàn)。
文檔編號(hào)G06F17/30GK101021790SQ200710073469
公開(kāi)日2007年8月22日 申請(qǐng)日期2007年3月9日 優(yōu)先權(quán)日2007年3月9日
發(fā)明者劉帥 申請(qǐng)人:華為技術(shù)有限公司