一種圖標(biāo)顯示方法及終端的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及用戶界面技術(shù)領(lǐng)域，尤其涉及一種圖標(biāo)顯示方法及終端。
【背景技術(shù)】
[0002] 隨著終端應(yīng)用的多元化發(fā)展，終端上安裝的應(yīng)用程序也越來(lái)越多。為了方便用戶 使用應(yīng)用程序，通常終端上每安裝一個(gè)應(yīng)用程序，都會(huì)在終端界面上顯示該應(yīng)用程序的圖 標(biāo)。隨著終端上安裝的應(yīng)用程序的增多，終端界面上顯示的圖標(biāo)也越來(lái)越多。
[0003] 由于每個(gè)應(yīng)用程序的圖標(biāo)通常都是預(yù)先設(shè)計(jì)好的，用戶無(wú)法更改。當(dāng)某個(gè)圖標(biāo)的 顏色與背景顏色相近或相同時(shí)，該圖標(biāo)的辨識(shí)度較低。隨著圖標(biāo)的增多，用戶難以從眾多圖 標(biāo)中快速查找到該圖標(biāo)，導(dǎo)致用戶操作終端的效率降低。

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

[0004] 本發(fā)明實(shí)施例提供一種圖標(biāo)顯示方法及終端，可增大圖標(biāo)顏色和背景顏色之間的 對(duì)比度，提高圖標(biāo)的辨識(shí)度。
[0005] 本發(fā)明實(shí)施例第一方面提供了一種圖標(biāo)顯示方法，其可包括：
[0006] 確定圖標(biāo)顏色；
[0007] 確定所述圖標(biāo)所在區(qū)域的背景顏色；
[0008] 若所述圖標(biāo)的顏色和所述背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾值，則對(duì)所 述圖標(biāo)進(jìn)行預(yù)設(shè)的顯示處理。
[0009] 本發(fā)明實(shí)施例第二方面提供了一種終端，其可包括：
[0010] 第一確定單元，用于確定圖標(biāo)顏色；
[0011] 第二確定單元，用于確定所述圖標(biāo)所在區(qū)域的背景顏色；
[0012] 處理單元，用于在所述圖標(biāo)的顏色和所述背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似 度閾值時(shí)，對(duì)所述圖標(biāo)進(jìn)行預(yù)設(shè)的顯示處理。
[0013] 本發(fā)明實(shí)施例中，分別確定圖標(biāo)顏色和圖標(biāo)所在區(qū)域的背景顏色，當(dāng)圖標(biāo)的顏色 和背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾值時(shí)，對(duì)圖標(biāo)進(jìn)行預(yù)設(shè)的顯示處理，可增大 圖標(biāo)顏色和背景顏色之間的對(duì)比度，提高圖標(biāo)的辨識(shí)度。
【附圖說明】
[0014] 為了更清楚地說明本發(fā)明實(shí)施例技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的 附圖作簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普 通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0015] 圖1是本發(fā)明實(shí)施例提供的圖標(biāo)顯示方法的一實(shí)施例的流程示意圖；
[0016] 圖2是本發(fā)明實(shí)施例提供的圖標(biāo)顯示方法的另一實(shí)施例的流程示意圖；
[0017] 圖3是本發(fā)明實(shí)施例提供的圖標(biāo)顯示方法的又一實(shí)施例的流程示意圖；
[0018] 圖4是本發(fā)明實(shí)施例提供的終端的一實(shí)施例的結(jié)構(gòu)示意圖；
[0019] 圖5是本發(fā)明實(shí)施例提供的終端中處理單元的一實(shí)施例的結(jié)構(gòu)示意圖；
[0020] 圖6是本發(fā)明實(shí)施例提供的終端的另一實(shí)施例的結(jié)構(gòu)示意圖；
[0021] 圖7是本發(fā)明實(shí)施例提供的終端的又一實(shí)施例的結(jié)構(gòu)示意圖；
[0022] 圖8是本發(fā)明實(shí)施例提供的終端的又一實(shí)施例的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0023] 下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完 整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā) 明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施 例，都屬于本發(fā)明保護(hù)的范圍。
[0024] 具體實(shí)現(xiàn)中，本發(fā)明實(shí)施例中描述的終端可包括：手機(jī)、平板電腦或者隨身聽等， 上述終端僅是舉例，而非窮舉，包含但不限于上述終端。
[0025] 下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施例提供的圖標(biāo)顯示方法及終端進(jìn)行具體描述。
[0026] 參見圖1，是本發(fā)明實(shí)施例提供的圖標(biāo)顯示方法的一實(shí)施例的流程示意圖。如圖1 所示，該圖標(biāo)顯示方法可包括如下步驟：
[0027] S101，確定圖標(biāo)顏色。
[0028] 可選地，確定圖標(biāo)顏色可以是確定圖標(biāo)中每個(gè)像素點(diǎn)或部分像素點(diǎn)的各原色值。 其中原色是組成各種顏色的基本色，一個(gè)像素點(diǎn)的顏色可能由幾種原色混合組成。
[0029] 在一些可行的實(shí)施例中，顯示屏所顯示的顏色由紅（R)綠（G)藍(lán)（B)三原色組成， 則確定圖標(biāo)顏色可包括：分別確定圖標(biāo)中每個(gè)像素點(diǎn)或特定像素點(diǎn)的R色值、G色值、和B 色值。
[0030] 在一些可行的實(shí)施例中，顯示屏所顯示的顏色由紅（R)綠（G)藍(lán)（B)黃（Y)四原 色組成，則確定圖標(biāo)顏色可包括：分別確定圖標(biāo)中每個(gè)像素點(diǎn)或特定像素點(diǎn)的R色值、G色 值、B色值、和Y色值。
[0031] 可選地，除了確定圖標(biāo)中每個(gè)像素點(diǎn)或特定像素點(diǎn)的RGB三原色值或RGBY四原 色值之外，還可分別確定圖標(biāo)中每個(gè)像素點(diǎn)或特定像素點(diǎn)的色相（H)、飽和度（S)、亮度（V) 值。
[0032] S102，確定所述圖標(biāo)所在區(qū)域的背景顏色。
[0033] 本發(fā)明實(shí)施例中，圖標(biāo)的顯示界面至少包括兩個(gè)圖層，其中圖標(biāo)層覆蓋在背景層 上。背景層可以為純色圖像或彩色圖像。
[0034] 具體實(shí)施中，圖標(biāo)所在區(qū)域可以包括圖標(biāo)覆蓋的區(qū)域以及圖標(biāo)周圍距離圖標(biāo)較近 的區(qū)域，例如包括圖標(biāo)覆蓋的區(qū)域及圖標(biāo)周圍距離圖標(biāo)5個(gè)像素范圍內(nèi)的區(qū)域。
[0035] 可選地，圖標(biāo)所在區(qū)域可以是矩形區(qū)域、圓形區(qū)域、三角區(qū)域或橢圓形區(qū)域等，本 發(fā)明實(shí)施例對(duì)圖標(biāo)所在區(qū)域的形狀不做限定。
[0036] 其中，確定圖標(biāo)所在區(qū)域的背景顏色，具體為確定背景圖像中圖標(biāo)所在區(qū)域的顏 色，可以是確定背景圖像中圖標(biāo)所在區(qū)域的每個(gè)像素點(diǎn)的各原色值，例如RGB三原色值或 RGBY四原色值。
[0037] 可選地，可以在確定背景圖像中圖標(biāo)所在區(qū)域的每個(gè)像素點(diǎn)的各原色值之后，將 所有像素的各原色值均值作為圖標(biāo)所在區(qū)域的背景顏色對(duì)應(yīng)的原色值，例如：若背景圖像 中圖標(biāo)所在區(qū)域共有3種顏色，其RGB值分別為（56,199,67)、（39, 216, 57)、（164,188， 60)，則可以確定圖標(biāo)所在區(qū)域的背景顏色的R色值為（56+39+164)/3 = 86,G色值為 (199+216+188)/3 = 201，B色值為（67+57+60)/3 = 61。其中，當(dāng)某種原色值的均值不是整 數(shù)時(shí)，可以取整或四舍五入。
[0038] 可選地，還可以在確定背景圖像中圖標(biāo)所在區(qū)域的每個(gè)像素點(diǎn)的各原色值之后， 將覆蓋最多像素點(diǎn)的一種顏色確定為圖標(biāo)所在區(qū)域的背景顏色。
[0039] 在一些可行的實(shí)施方式中，除了確定背景圖像中圖標(biāo)所在區(qū)域的每個(gè)像素點(diǎn)的 各原色值之外，還可分別確定背景圖像中圖標(biāo)所在區(qū)域的每個(gè)像素點(diǎn)的色相（H)、飽和度 ⑶、和亮度（V)值。
[0040] S103,若所述圖標(biāo)的顏色和所述背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾值， 則對(duì)所述圖標(biāo)進(jìn)行預(yù)設(shè)的顯示處理。
[0041 ] 在一些可行的實(shí)施方式中，可將圖標(biāo)中每個(gè)像素點(diǎn)或特定區(qū)域內(nèi)的像素點(diǎn)的顏色 與確定的背景顏色進(jìn)行對(duì)比，若與背景顏色的相似度達(dá)到預(yù)設(shè)的相似度閾值的像素點(diǎn)數(shù)量 多于某一數(shù)量閾值或所占比例超過某一比例閾值，可認(rèn)為圖標(biāo)的顏色和背景顏色之間的相 似度達(dá)到預(yù)設(shè)的相似度閾值。
[0042] 在另一些可行的實(shí)施方式中，可先確定一組原色值作為圖標(biāo)顏色的各原色值，若 所述一組原色值與確定的背景顏色的原色值之間相似度達(dá)到某一閾值，可認(rèn)為圖標(biāo)顏色與 背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾值。
[0043] 可選地，可以將圖標(biāo)中所有像素點(diǎn)的各原色值均值作為圖標(biāo)顏色的各原色值；或 者，可以將圖標(biāo)內(nèi)特定區(qū)域中所有像素點(diǎn)的各原色值均值作為圖標(biāo)顏色的各原色值；或者， 可以將圖標(biāo)中或圖標(biāo)內(nèi)特定區(qū)域中覆蓋最多像素點(diǎn)的一種顏色的各原色值作為圖標(biāo)顏色 的各原色值。
[0044] 若確定一組原色值作為圖標(biāo)顏色的各原色值，可選地，可以通過圖標(biāo)顏色和圖標(biāo) 所在區(qū)域的背景顏色之間各原色值的差值來(lái)確定上述相似度，例如，當(dāng)圖標(biāo)顏色和圖標(biāo)所 在區(qū)域的背景顏色之間RGB三原色的三個(gè)差值均小于第一預(yù)設(shè)值時(shí)，可以確定圖標(biāo)的顏色 和所述背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾值。
[0045] 或者，可以通過圖標(biāo)顏色和圖標(biāo)所在區(qū)域的背景顏色之間各原色值的方差來(lái)確 定上述相似度，例如，當(dāng)圖標(biāo)顏色和圖標(biāo)所在區(qū)域的背景顏色之間RGB三原色值的方差小 于第二預(yù)設(shè)值時(shí)，可以確定圖標(biāo)的顏色和所述背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾 值。
[0046] 在一些可行的實(shí)施方式中，可先確定圖標(biāo)顏色的色相（H)、飽和度（S)、亮度（V)， 通過圖標(biāo)顏色和圖標(biāo)所在區(qū)域的背景顏色在HSV空間的歐氏距離的大小來(lái)確定上述相似 度，例如，假設(shè)圖標(biāo)顏色的HSV值分別為H1、S1、V1，圖標(biāo)所在區(qū)域的背景顏色的HSV值分別 為H2、S2、V2,當(dāng)+(5'卜S2): +(n-〖z2):小于第三預(yù)設(shè)值時(shí)，可以確定圖標(biāo) 的顏色和所述背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾值。
[0047] 在一些可行的實(shí)施方式中，對(duì)圖標(biāo)進(jìn)行預(yù)設(shè)的顯示處理，可包括：在圖標(biāo)上填充至 少一種與所述圖標(biāo)所在區(qū)域的背景顏色之間的相似度小于所述預(yù)設(shè)的相似度閾值的顏色。
[0048] 在另一些可行的實(shí)施方式中，對(duì)圖標(biāo)進(jìn)行預(yù)設(shè)的顯示處理，可包括：將所述圖標(biāo)移 動(dòng)到背景顏色與所述圖標(biāo)的顏色之間相似度小于所述預(yù)設(shè)的相似度閾值的區(qū)域進(jìn)行顯示。
[0049] 本發(fā)明實(shí)施例中，分別確定圖標(biāo)顏色和圖標(biāo)所在區(qū)域的背景顏色，當(dāng)圖標(biāo)的顏色 和背景顏色之間的相似度達(dá)到預(yù)設(shè)的相似度閾值時(shí)，對(duì)圖標(biāo)進(jìn)行預(yù)設(shè)的顯示處理，可增大 圖標(biāo)顏色和背景顏色之間的對(duì)比度，提高圖標(biāo)的辨識(shí)度。
[0050] 參見圖2,是本發(fā)明實(shí)施例提供的圖標(biāo)顯示方法的