可以利用用戶界面中的相對坐標(biāo)來表示。渲染裝置接收用戶切換用戶界面的皮膚的切換指令后,顯示供用戶選擇的背景圖像的列表,列表中顯示各種背景圖像的縮略圖,當(dāng)用戶選擇列表中的某個(gè)背景圖像時(shí),渲染裝置獲取選擇的背景圖像。
[0041]S202、確定目標(biāo)控件對應(yīng)的目標(biāo)區(qū)域,以及所述目標(biāo)區(qū)域內(nèi)的子背景圖像;其中,所述目標(biāo)控件為所述用戶界面上的所有控件中的任意一個(gè)。
[0042]具體的,目標(biāo)控件為用戶界面上的任意一個(gè)控件,目標(biāo)控件對應(yīng)的目標(biāo)區(qū)域中的子背景圖像為背景圖像的一部分,背景圖像和用戶界面的形狀和大小相同,子背景圖像可根據(jù)目標(biāo)控件的位置從背景圖像中確定。
[0043]示例性的,目標(biāo)控件為S201中的控件1,控件I在用戶界面上的位置確定對應(yīng)的目標(biāo)區(qū)域和子背景圖像。
[0044]S203、將目標(biāo)區(qū)域內(nèi)的子背景圖像的顏色模型轉(zhuǎn)換為色調(diào)飽和度亮度HSV顏色模型;其中,所述目標(biāo)區(qū)域?yàn)槟繕?biāo)控件對應(yīng)的區(qū)域。
[0045]目標(biāo)控件對應(yīng)的區(qū)域?yàn)槟繕?biāo)區(qū)域,目標(biāo)區(qū)域內(nèi)對應(yīng)子背景圖像,子背景圖像為用戶界面的背景圖像的一部分,一般而言,顯示器上顯示的背景圖像的顏色模型不為HSV顏色模型,例如為RGB顏色模型,原因是Windows應(yīng)用程序?qū)崿F(xiàn)過程中主要使用RGB顏色模型。作為背景圖像的一部分的子背景圖像的顏色模型也為RGB顏色模型,為了便于后續(xù)處理,渲染裝置需要將子背景圖像的顏色模型轉(zhuǎn)換為HSV顏色模型。其中,其他顏色模型到HSV顏色模型的轉(zhuǎn)換過程現(xiàn)有技術(shù)已作披露,此處不再贅述。
[0046]S204、生成第一像素集合;其中,所述第一像素集合包含所述子背景圖像的所有像素。
[0047]具體的,S204中的子背景圖像的像素為HSV顏色模型的像素,每個(gè)子背景中的每個(gè)像素?cái)y帶的參數(shù)包括色調(diào)值、飽和度值、亮度值和透明度值,渲染裝置獲取轉(zhuǎn)換顏色模型后的子背景圖像的分辨率生成第一像素集合。例如,控件I對應(yīng)的子背景圖像的分辨率為20*24,則渲染裝置生成的第一像素集合中包含480個(gè)像素。
[0048]S205、剔除所述第一像素集合中的透明像素;其中,所述透明像素為透明度值小于第三閾值的像素。
[0049]具體的,在HSV顏色模型的圖像中,圖像中的每個(gè)像素不僅具有亮度值、飽和度值和色調(diào)值的屬性,還具有透明度值的屬性,透明度用于表示像素不可見的程度。透明像素對于用戶而言不可見,不影響顯示效果,可以剔除第一像素集合中的透明像素,以達(dá)到減少運(yùn)算量的目的,渲染裝置剔除第一像素集合中的透明像素,透明像素為透明度值小于第三閾值的像素,第三閾值根據(jù)經(jīng)驗(yàn)值進(jìn)行設(shè)定,像素的透明度可以采用數(shù)值或百分比來表示。例如,透明度值可以用數(shù)值來表示,像素的透明度的最小值為0,表示完全透明,透明度為255表示完全不透明,由于人眼的分辨率有限,可以將第三閾值設(shè)置為大于0,如設(shè)置第三閾值設(shè)置為180,渲染裝置依次獲取第一像素集合中各個(gè)像素的透明度值,當(dāng)像素的透明度值小于180時(shí),判斷該像素為透明像素,從第一像素集合中剔除該像素,直到第一像素集合中所有的透明像素被剔除。
[0050]S206、計(jì)算所述第一像素集合中包含的像素的總數(shù)量,以及計(jì)算所述第一像素集合中包含的黑灰像素的數(shù)量;其中,所述黑灰像素為亮度值小于第一閾值的像素。
[0051]具體的,執(zhí)行透明像素的剔除操作后,第一像素集合中的像素的總數(shù)量將會減少,渲染裝置計(jì)算執(zhí)行剔除操作后的第一像素集合中的像素的總數(shù)據(jù),計(jì)算第一像素集合中黑灰像素的數(shù)量,黑灰像素為亮度值小于第一閾值的像素。
[0052]示例性的,子背景圖像的數(shù)量為480,S204中剔除的透明像素的數(shù)量為50,則此時(shí)第一像素集合中的像素的總數(shù)量為480-50 = 430,假設(shè)亮度值用數(shù)值來表示,亮度值的范圍為0-255,O表示像素的亮度最小,255表示像素的亮度最大。第一閾值為100,渲染裝置依次獲取第一像素集合中的各個(gè)像素的亮度值,如果像素的亮度值小于100,則判斷該像素為黑灰像素,將黑灰像素的數(shù)量加1,按照上述方法,統(tǒng)計(jì)出第一像素集合中黑灰像素的數(shù)量。
[0053]S207、將所述黑灰像素的數(shù)量除以所述像素的總數(shù)量得到所述比例值。
[0054]具體的,渲染裝置將S206中統(tǒng)計(jì)的黑灰像素的數(shù)量和執(zhí)行剔除操作的第一像素集合包含的像素的總數(shù)量的商,得到子背景圖像中黑灰像素的比例值。
[0055]示例性的,黑灰像素的數(shù)量為100個(gè),執(zhí)行剔除操作后的第一像素集合中包含的像素的總數(shù)量為430個(gè),則子背景圖像中黑灰像素的比例值為(100/430) *100%= 23.3%。
[0056]S208、判斷所述比例值是否小于第二閾值。
[0057]具體的,渲染裝置判斷S207計(jì)算得到的比例值是否小于第二閾值,如果是,執(zhí)行S209,否則執(zhí)行S210。第二閾值根據(jù)經(jīng)驗(yàn)值進(jìn)行設(shè)定,比例值大于第一閾值表明子背景圖像為黑灰色調(diào)。
[0058]S209、確定所述子背景圖像的主色調(diào)。
[0059]具體的,渲染裝置根據(jù)子背景圖像中各個(gè)像素的色調(diào)值來確定子背景圖像的主色調(diào),例如可以將色調(diào)區(qū)域劃分為若干個(gè)子色調(diào)區(qū)間,每個(gè)子色調(diào)區(qū)間對應(yīng)一種色調(diào),確定子背景圖像的各個(gè)像素的色調(diào)落入到哪個(gè)色調(diào)區(qū)間,其中,子背景圖像的像素為剔除了透明像素后的像素,判斷哪個(gè)子色調(diào)區(qū)間中落入的像素的數(shù)量,將像素?cái)?shù)量最多的子色調(diào)區(qū)間對應(yīng)的色調(diào)作為子背景圖像的主色調(diào)。
[0060]示例性的,子背景圖像對應(yīng)第一像素集合,剔除透明像素后的第一像素集合中的像素的數(shù)量為430,色調(diào)區(qū)間的范圍為0-255,將色調(diào)區(qū)間劃分為7個(gè)子色調(diào)區(qū)間,假設(shè)0-40的子色調(diào)區(qū)I間對應(yīng)紅色,40-80的子色調(diào)區(qū)間2對應(yīng)橙色,80-120的子色調(diào)區(qū)間3對應(yīng)黃色,120-160的子色調(diào)區(qū)間4對應(yīng)綠色,160-200的子色調(diào)區(qū)間5對應(yīng)青色,200-240的子色調(diào)區(qū)間6對應(yīng)藍(lán)色,240-255的子色調(diào)區(qū)間7對應(yīng)紫色。依次獲取剔除透明像素的第一像素集合中各個(gè)像素的色調(diào)值,確定像素落入哪個(gè)子色調(diào)區(qū)間,最后統(tǒng)計(jì)每個(gè)子色調(diào)區(qū)間中落入的像素的數(shù)量,假設(shè)落入子色調(diào)區(qū)間I的像素的數(shù)量最多,將子色調(diào)區(qū)間I對應(yīng)的色調(diào)紅色作為子背景圖像的主色調(diào)。
[0061]需要說明的是,子色調(diào)區(qū)間的劃分不限于本發(fā)明實(shí)施例的劃分方法,可以根據(jù)需要進(jìn)行劃分。
[0062]S210、采用線性減淡模式將所述目標(biāo)控件與所述子背景圖像在所述目標(biāo)區(qū)域內(nèi)進(jìn)行混合。
[0063]具體的,子背景圖像中黑灰像素占大多數(shù),子背景圖像整體呈現(xiàn)出暗淡的顯示效果,渲染裝置采用線性減淡模式將目標(biāo)控件和子背景圖像進(jìn)行混合,目標(biāo)區(qū)間內(nèi)的目標(biāo)控件顯示效果更加清晰。
[0064]S211、查詢與所述主色調(diào)關(guān)聯(lián)的圖像混合模式,并根據(jù)圖像混合模式將所述目標(biāo)控件與所述子背景圖像在所述目標(biāo)區(qū)域內(nèi)進(jìn)行混合。
[0065]具體的,每種主色調(diào)預(yù)先關(guān)聯(lián)有對應(yīng)的圖像混合模式,主色調(diào)和關(guān)聯(lián)的圖像混合模式組合,能使目標(biāo)控件的顯示效果更加清晰,具體哪種主色調(diào)和哪種圖像混合模式關(guān)聯(lián),可由用戶界面開發(fā)人員根據(jù)需要進(jìn)行設(shè)定。渲染裝置根據(jù)預(yù)設(shè)的關(guān)聯(lián)關(guān)系查詢主色調(diào)關(guān)聯(lián)的圖像混合模式,根據(jù)查詢到的圖像混合模式將目標(biāo)控件和子背景圖像進(jìn)行混合。
[0066]需要說明的是,用戶界面上的其他控件也采用上述渲染方式和對應(yīng)的子背景圖像進(jìn)行混合,用戶界面上控件以外的區(qū)域不需要進(jìn)行圖像混合處理,可直接采用該區(qū)域?qū)?yīng)的子背景圖像進(jìn)行顯示。
[0067]實(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)控件顯示效果不佳的問題。
[0068]參見圖4,為本發(fā)明實(shí)施例提供的一種用戶界面的渲染方法的示意圖,在本實(shí)施例中,用戶界面3設(shè)置有3個(gè)控件,6個(gè)控件從左往右分別表示前進(jìn)、后退、主頁,窗口最大化、窗口最小化和關(guān)閉窗口的功能,每個(gè)控件所在的區(qū)域?yàn)榫匦螀^(qū)域。設(shè)目標(biāo)控件為用戶界面中的31,當(dāng)渲染裝置接收到更換用戶界面皮膚的切換指令時(shí),將用戶界面的當(dāng)前背景切換為需要的背景圖像,背景圖像和用戶界面的形狀和大小相同,圖4中的用戶界面為矩形,則需要的背景圖像的形狀也為矩形,目標(biāo)控件31在用戶界面上的位置是預(yù)先確定的,目標(biāo)控件31對應(yīng)的目標(biāo)區(qū)域?yàn)?3,目標(biāo)區(qū)域33對應(yīng)的子背景圖像為32。渲染裝置將子背景圖像32的像素的顏色模型轉(zhuǎn)換為HSV顏色模型,再剔除子背景圖像中的透明像素,技術(shù)子背景圖像32中黑灰像素的比例值,如果比例值大于預(yù)設(shè)閾值,根據(jù)線性減淡混合模式將目標(biāo)控件31和