一種界面皮膚的渲染方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)領(lǐng)域，尤其涉及一種界面皮膚的渲染方法和裝置。
【背景技術(shù)】
[0002]越來越多的應(yīng)用程序提供更換用戶界面的皮膚的功能，例如瀏覽器、播放器、安全軟件等，皮膚即用戶界面的背景圖像，應(yīng)用程序可以在本地或服務(wù)器提供多種不同風(fēng)格的背景圖像供用戶選擇。目前主流的更換皮膚的方式包含兩種:第一種是將背景圖像作為網(wǎng)頁，對用戶界面的整個區(qū)域進(jìn)行渲染和繪制。第二種是將背景圖像作為用戶界面的底層，只對用戶界面中的部分區(qū)域進(jìn)行渲染和繪制，例如用戶界面的標(biāo)題欄和菜單欄等。渲染和繪制的過程是:基于操作系統(tǒng)提供的原生窗口確定各個控件的位置，將控件和對應(yīng)位置的子背景圖像進(jìn)行圖像混合，子背景圖像對應(yīng)底層顏色，控件對應(yīng)對象顏色，通過特定的圖像混合算法將底層顏色和對象顏色進(jìn)行混合。
[0003]針對用戶選擇的背景圖像，如果背景圖像不是純色圖像，用戶界面的不同區(qū)域可能呈現(xiàn)不同的色彩風(fēng)格，例如有些區(qū)域是深色系，有些區(qū)域?yàn)闇\色系。在目前的渲染和繪制的過程中，采用一致的圖像混合模式對用戶界面的指定區(qū)域?qū)⒈尘皥D像進(jìn)行圖像混合，可能會存在背景圖像顏色跳變造成的控件顯示不清晰的問題。

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

[0004]本發(fā)明實(shí)施例所要解決的技術(shù)問題在于，提供一種界面皮膚的渲染方法和裝置?？赡壳暗挠脩艚缑娓鼡Q皮膚后存在顯示不清晰的問題。
[0005]為了解決上述技術(shù)問題，本發(fā)明實(shí)施例提供了一種界面皮膚的渲染方法，包括:
[0006]將目標(biāo)區(qū)域內(nèi)的子背景圖像的顏色模型轉(zhuǎn)換為色調(diào)飽和度亮度HSV顏色模型；其中，所述目標(biāo)區(qū)域?yàn)槟繕?biāo)控件對應(yīng)的區(qū)域；
[0007]計(jì)算所述子背景圖像中黑灰像素的比例值；其中，所述黑灰像素為亮度值小于第一閾值的像素；
[0008]若所述比例值小于第二閾值，確定所述子背景圖像的主色調(diào)；
[0009]查詢與所述主色調(diào)關(guān)聯(lián)的圖像混合模式，并根據(jù)圖像混合模式將所述目標(biāo)控件與所述子背景圖像在所述目標(biāo)區(qū)域內(nèi)進(jìn)行混合。
[0010]相應(yīng)地，本發(fā)明實(shí)施例還提供了一種界面皮膚的渲染裝置，包括:
[0011]其中色彩轉(zhuǎn)換模塊，用于將目標(biāo)區(qū)域內(nèi)的子背景圖像的顏色模型轉(zhuǎn)換為色調(diào)飽和度亮度HSV顏色模型；其中，所述目標(biāo)區(qū)域?yàn)槟繕?biāo)控件對應(yīng)的區(qū)域；
[0012]比例計(jì)算模塊，用于計(jì)算所述子背景圖像中黑灰像素的比例值；其中，所述黑灰像素為亮度值小于第一閾值的像素；
[0013]主色調(diào)確定模塊，用于若所述比例值小于第二閾值，確定所述子背景圖像的主色調(diào)；
[0014]混合模塊，用于查詢與所述主色調(diào)關(guān)聯(lián)的圖像混合模式，并根據(jù)圖像混合模式將所述目標(biāo)控件與所述子背景圖像在所述目標(biāo)區(qū)域內(nèi)進(jìn)行混合。
[0015]實(shí)施本發(fā)明實(shí)施例，具有如下有益效果:
[0016]通過識別目標(biāo)區(qū)域內(nèi)子背景圖像的主色調(diào)，根據(jù)不同的主色調(diào)選擇不同的圖像混合模式，根據(jù)選擇的不同混合模式將用戶界面上的目標(biāo)空間和子背景圖像在目標(biāo)區(qū)域內(nèi)進(jìn)行混合。這樣能夠根據(jù)子背景圖像的色調(diào)變化選擇合適的圖像混合模式，避免現(xiàn)有技術(shù)中單一的圖像混合模式造成的目標(biāo)控件顯示效果不佳的問題。
【附圖說明】
[0017]為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的實(shí)施例。
[0018]圖1是本發(fā)明實(shí)施例提供的一種界面皮膚的渲染方法的流程示意圖；
[0019]圖2是本發(fā)明實(shí)施例提供的一種界面皮膚的渲染方法的另一流程示意圖；
[0020]圖3是本發(fā)明實(shí)施例提供的一種用戶界面的示意圖；
[0021]圖4是本發(fā)明實(shí)施例提供的一種界面皮膚的渲染裝置的結(jié)構(gòu)示意圖；
[0022]圖5是本發(fā)明實(shí)施例提供的一種界面皮膚的渲染裝置的另一結(jié)構(gòu)示意圖；
[0023]圖6是圖5中比例計(jì)算模塊的結(jié)構(gòu)示意圖；
[0024]圖7是圖5中主色調(diào)確定模塊的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0025]下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0026]參見圖1，為本發(fā)明實(shí)施例提供的一種界面皮膚的渲染方法的流程示意圖，在本發(fā)明實(shí)施例中，所述方法包括:S101-S104。
[0027]S101、將目標(biāo)區(qū)域內(nèi)的子背景圖像的顏色模型轉(zhuǎn)換為色調(diào)飽和度亮度HSV顏色模型；其中，所述指定區(qū)域?yàn)槟繕?biāo)控件對應(yīng)的區(qū)域。
[0028]具體的，目標(biāo)控件為用戶界面上的文字和/或圖像，例如，瀏覽器用戶界面上的前進(jìn)按鈕、后退按鈕和停止按鈕，上述按鈕可以為文字和/或圖片。用戶界面上包含多個控件，每個控件的位置是固定的，控件的形狀一般為規(guī)則的圓形或矩形，當(dāng)需要更換用戶界面的皮膚時，將預(yù)先準(zhǔn)備的背景圖像設(shè)置在用戶界面的底層，背景圖像的形狀與用戶界面的形狀相匹配，這樣每個控件對應(yīng)的區(qū)域內(nèi)分割出一個子背景圖像，渲染裝置需要對每個控件和關(guān)聯(lián)的子背景圖像進(jìn)行圖像混合后得到最終的顯示效果。其中，渲染裝置對控件進(jìn)行渲染時可以依據(jù)一定的順序進(jìn)行，例如從上到下，從左到右的順序依次對用戶界面中的控件進(jìn)行渲染。
[0029]目標(biāo)控件為用戶界面包含的所有控件中的任意一個，目標(biāo)控件對應(yīng)的區(qū)域?yàn)槟繕?biāo)區(qū)域，目標(biāo)區(qū)域內(nèi)對應(yīng)子背景圖像，子背景圖像為用戶界面的背景圖像的一部分，一般而言，顯示器上顯示的背景圖像的顏色模型不為HSV顏色模型，例如為RGB顏色模型，作為背景圖像的一部分的子背景圖像的顏色模型也為RGB顏色模型，為了便于后續(xù)處理，渲染裝置需要將子背景圖像的顏色模型轉(zhuǎn)換為HSV顏色模型。其中，其他顏色模型到HSV顏色模型的轉(zhuǎn)換過程現(xiàn)有技術(shù)已作披露，此處不再贅述。
[0030]S102、計(jì)算所述子背景圖像中黑灰像素的比例值；其中，所述黑灰像素為亮度值小于第一閾值的像素。
[0031]具體的，渲染裝置確定子背景圖像包含的各個像素的亮度值，將亮度值小于第一閾值的像素作為黑灰像素，計(jì)算子背景圖像中黑灰像素的數(shù)量占所有的像素的數(shù)量的比例值。
[0032]S103、若所述比例值小于第二閾值，確定所述子背景圖像的主色調(diào)。
[0033]具體的，如果S102計(jì)算得到的比例值小于第二閾值，根據(jù)子背景圖像中包含的所有的像素的色調(diào)值確定子背景圖像的主色調(diào)。
[0034]S104、查詢與所述主色調(diào)關(guān)聯(lián)的圖像混合模式，并根據(jù)圖像混合模式將所述目標(biāo)控件與所述子背景圖像在所述目標(biāo)區(qū)域內(nèi)進(jìn)行混合。
[0035]具體的，渲染裝置查詢子背景圖像的主色調(diào)關(guān)聯(lián)的圖像混合模式，根據(jù)查詢到的圖像混合模型將目標(biāo)控件和子背景圖像在目標(biāo)區(qū)域內(nèi)進(jìn)行混合。
[0036]實(shí)施本發(fā)明的實(shí)施例，通過識別目標(biāo)區(qū)域內(nèi)子背景圖像的主色調(diào)，根據(jù)不同的主色調(diào)選擇不同的圖像混合模式，根據(jù)選擇的不行混合模式將用戶界面上的目標(biāo)空間和子背景圖像在目標(biāo)區(qū)域內(nèi)進(jìn)行混合。這樣能夠根據(jù)子背景圖像的色調(diào)變化選擇合適的圖像混合模式，避免現(xiàn)有技術(shù)中單一的圖像混合模式造成的目標(biāo)控件顯示效果不佳的問題。
[0037]參見圖2，為本發(fā)明實(shí)施例提供的一種界面皮膚的渲染方法的另一流程示意圖，在本發(fā)明實(shí)施例中，所述方法包括:
[0038]S201、接收用于切換用戶界面的皮膚的切換指令后，獲取所述切換指令對應(yīng)的背景圖像和所述用戶界面上的所有控件對應(yīng)的區(qū)域。
[0039]具體的，應(yīng)用軟件提供更換用戶界面的皮膚的功能，當(dāng)渲染裝置接收用于切換用戶界面的皮膚的切換指令后，將當(dāng)前背景圖像切換為需要的背景圖像，背景圖像為預(yù)先設(shè)置在本地或從服務(wù)器中獲取的，背景圖像可以是純色的圖像也可以是人物或風(fēng)景等非純色的圖像。用戶界面和背景圖像的形狀相同，用戶界面上設(shè)有若干個控件，例如播放器軟件的用戶界面上設(shè)有開始、暫停、快進(jìn)和快退等控件，點(diǎn)擊控件后軟件執(zhí)行對應(yīng)的功能，控件在用戶界面上表現(xiàn)為圖像和/或文字，渲染裝置獲取用戶界面上所有的控件對應(yīng)的區(qū)域，控件對應(yīng)的區(qū)域一般規(guī)則的形狀，例如為圓形或矩形。
[0040]示例性的，用戶界面的當(dāng)前背景圖像為純黑色圖像，用戶界面上設(shè)有3個控件，分別為控件1、控件2和控件3，每個控件的形狀為矩形，每個控件對應(yīng)的區(qū)域?yàn)橐粋€矩形區(qū)域，每個控件的位置