一種應(yīng)用界面的生成方法、設(shè)備及計算設(shè)備的制造方法
【專利摘要】本發(fā)明公開了一種應(yīng)用界面的生成方法，該方法在計算設(shè)備中執(zhí)行，方法包括：獲取待設(shè)置為應(yīng)用界面背景的圖片；計算該圖片的主色；對主色進行透明度處理，以得到漸變色；利用漸變色填充該圖片，將填充后的圖片作為應(yīng)用界面的背景圖，其中填充區(qū)域依應(yīng)用界面和圖片的長寬確定；計算主色最接近的預(yù)定顏色，并根據(jù)預(yù)定顏色選取匹配的界面主題模板，其中計算設(shè)備中存儲有預(yù)定顏色與界面主題模板的對應(yīng)關(guān)系；以及根據(jù)所選取的界面主題模板設(shè)置該應(yīng)用界面上控件的界面。本發(fā)明還公開了相應(yīng)的應(yīng)用界面的生成設(shè)備、以及計算設(shè)備。
【專利說明】
一種應(yīng)用界面的生成方法、設(shè)備及計算設(shè)備
技術(shù)領(lǐng)域
[0001] 本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其是一種應(yīng)用界面的生成方法、設(shè)備及計算設(shè)備。
【背景技術(shù)】
[0002] 現(xiàn)下用戶對于應(yīng)用軟件的需求，不止限于軟件的應(yīng)用功能，還包含對軟件外觀的 好感度。因此，對于研發(fā)人員而言，除了要考慮應(yīng)用軟件的應(yīng)用功能外，還應(yīng)重視應(yīng)用軟件 的界面設(shè)計。
[0003] 好的界面設(shè)計能夠充分體現(xiàn)應(yīng)用軟件的定位和特點，不僅使應(yīng)用軟件變得有個性 有品味，而且用戶的操作也更簡單更舒適。為提高用戶的使用感受，現(xiàn)有的應(yīng)用軟件一般都 會提供多元化的配色方案供用戶選擇，但一般都只適用于Windows系統(tǒng);在Linux系統(tǒng)中，應(yīng) 用軟件還都是采用一成不變的灰色方案。
[0004] 另外，在允許用戶對應(yīng)用軟件的界面進行自由設(shè)置的情況下，配置出的界面一般 較難具有很好的視覺效果，或者當(dāng)操作過于繁瑣時，反而會影響用戶對應(yīng)用軟件的使用體 驗。
[0005] 因此，需要一種能夠在Linux系統(tǒng)下改善應(yīng)用軟件外觀易用性、并且提高開發(fā)效率 的應(yīng)用界面的生成方案，以提高用戶體驗。

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

[0006] 為此，本發(fā)明提供了一種應(yīng)用界面的生成方法、設(shè)備及計算設(shè)備，以力圖解決或者 至少緩解上面存在的至少一個問題。
[0007] 根據(jù)本發(fā)明的一個方面，提供了一種應(yīng)用界面的生成方法，在計算設(shè)備中執(zhí)行，該 方法包括:獲取待設(shè)置為應(yīng)用界面背景的圖片；計算圖片的主色;對主色進行透明度處理， 以得到漸變色;利用漸變色填充該圖片，將填充后的圖片設(shè)置為應(yīng)用界面的背景圖，其中填 充區(qū)域依應(yīng)用界面和圖片的長寬確定;計算主色最接近的預(yù)定顏色，并根據(jù)預(yù)定顏色選取 匹配的界面主題模板，其中計算設(shè)備中存儲有預(yù)定顏色與界面主題模板的對應(yīng)關(guān)系；以及 根據(jù)所選取的界面主題模板設(shè)置所述應(yīng)用界面上控件的界面。
[0008] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成方法中，計算圖片主色的步驟包括:采用顏 色直方圖算法確定圖片的主色。
[0009] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成方法中，利用漸變色填充該圖片的步驟包 括:若該圖片的長寬均小于應(yīng)用界面的長寬，則用漸變色填充圖片四周，以使得圖片的長寬 正好符合應(yīng)用界面的長寬；否則，按比例縮小該圖片，使得該圖片的長等于應(yīng)用界面的長且 該圖片的寬小于應(yīng)用界面的寬，或者，使得該圖片的寬等于應(yīng)用界面的寬且該圖片的長小 于應(yīng)用界面的長，并用漸變色填充縮小后的圖片四周，以使得該圖片的長寬正好符合應(yīng)用 界面的長寬。
[0010]可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成方法中，還包括步驟:在HSV模型中預(yù)定義 第一數(shù)目的預(yù)定顏色。
[0011] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成方法中，計算主色最接近的預(yù)定顏色的步 驟包括:計算在HSV顏色模型中與主色距離最小的預(yù)定顏色，作為主色最接近的預(yù)定顏色。
[0012] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成方法中，還包括:若控件是不透明背景，則 獲取該控件在應(yīng)用界面上的位置，并獲取應(yīng)用界面背景圖在該位置處的圖片塊；以及將獲 取的圖片塊設(shè)置為該控件的背景。
[0013] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成方法中，第一數(shù)目為13。
[0014] 根據(jù)本發(fā)明的另一方面，提供了一種應(yīng)用界面的生成設(shè)備，該設(shè)備布置在計算設(shè) 備中，設(shè)備包括:接口模塊，適于獲取待設(shè)置為應(yīng)用界面背景的圖片;計算模塊，適于計算圖 片的主色、且對主色進行透明度處理得到漸變色，還適于計算主色最接近的預(yù)定顏色;第一 繪制模塊，適于利用漸變色填充該圖片，將填充后的圖片作為應(yīng)用界面的背景圖，其中填充 區(qū)域依應(yīng)用界面和圖片的長寬確定;選擇模塊，適于根據(jù)預(yù)定顏色選取匹配的界面主題模 板，其中計算設(shè)備中存儲有預(yù)定顏色與界面主題模板的對應(yīng)關(guān)系；以及第二繪制模塊，適于 根據(jù)所選取的界面主題模板設(shè)置應(yīng)用界面上控件的界面。
[0015] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成設(shè)備中，計算模塊還適于采用顏色直方圖 算法確定圖片的主色。
[0016] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成設(shè)備中，第一繪制模塊還包括:判斷單元， 適于判斷該圖片的長寬是否均小于應(yīng)用界面的長寬;第一繪制模塊還適于在判斷該圖片的 長寬均小于應(yīng)用界面的長寬時，用漸變色填充圖片四周，以使得圖片的長寬正好符合應(yīng)用 界面的長寬；否則就按比例縮小該圖片，使得該圖片的長等于應(yīng)用界面的長且該圖片的寬 小于應(yīng)用界面的寬，或者，使得該圖片的寬等于應(yīng)用界面的寬且該圖片的長小于應(yīng)用界面 的長，并用漸變色填充縮小后的圖片四周，以使得該圖片的長寬正好符合應(yīng)用界面的長寬。
[0017] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成設(shè)備中，計算模塊還包括:預(yù)定義單元，適 于在HSV模型中預(yù)定義第一數(shù)目的預(yù)定顏色。
[0018] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成設(shè)備中，計算模塊還適于計算在HSV顏色模 型中與主色距離最小的預(yù)定顏色，作為主色最接近的預(yù)定顏色。
[0019] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成設(shè)備中，還包括:獲取模塊，適于當(dāng)控件是 不透明背景時，獲取該控件在應(yīng)用界面上的位置，并獲取應(yīng)用界面背景圖在該位置處的圖 片塊;以及第三繪制模塊，適于將獲取的圖片塊設(shè)置為該控件的背景。
[0020] 可選地，在根據(jù)本發(fā)明的應(yīng)用界面生成設(shè)備中，第一數(shù)目為13。
[0021] 根據(jù)本發(fā)明的另一方面，提供了一種計算設(shè)備，包括如上所述的應(yīng)用界面生成設(shè) 備。
[0022] 根據(jù)本發(fā)明的應(yīng)用界面生成方案，用戶可以自由選擇背景圖片作為應(yīng)用界面的背 景圖，滿足了用戶的個性化需求。同時，計算背景圖的主色，一方面可以根據(jù)主色對背景圖 片做漸變色處理，使用戶選擇的各種大小的圖片可以適用于各種大小的應(yīng)用界面，并保持 原始圖片的比例不變;另一方面，不需要用戶選擇配色方案，通過計算主色最接近的預(yù)定顏 色，自適應(yīng)地選取與預(yù)定顏色相匹配的界面主題模板，以保證應(yīng)用界面上的顏色風(fēng)格與背 景圖片的對比最佳、視覺效果最好。
[0023]另外，對應(yīng)用界面上不透明的控件做進一步處理，令整個應(yīng)用界面達到層次透明 的效果，使得控件和背景更好地融合，為用戶提供更為賞心悅目的觀賞效果。
【附圖說明】
[0024] 為了實現(xiàn)上述以及相關(guān)目的，本文結(jié)合下面的描述和附圖來描述某些說明性方 面，這些方面指示了可以實踐本文所公開的原理的各種方式，并且所有方面及其等效方面 旨在落入所要求保護的主題的范圍內(nèi)。通過結(jié)合附圖閱讀下面的詳細描述，本公開的上述 以及其它目的、特征和優(yōu)勢將變得更加明顯。遍及本公開，相同的附圖標(biāo)記通常指代相同的 部件或元素。
[0025] 圖1示出了根據(jù)本發(fā)明一個實施例的應(yīng)用界面的生成方法100的流程圖；
[0026] 圖2A-2C示出了根據(jù)本發(fā)明一個實施例的依應(yīng)用界面和圖片的長寬確定填充區(qū)域 的不意圖；以及
[0027]圖3示出了根據(jù)本發(fā)明一個實施例的應(yīng)用界面的生成設(shè)備300的示意圖。
【具體實施方式】
[0028] 下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開 的示例性實施例，然而應(yīng)當(dāng)理解，可以以各種形式實現(xiàn)本公開而不應(yīng)被這里闡述的實施例 所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍 完整的傳達給本領(lǐng)域的技術(shù)人員。
[0029] 圖1示出了根據(jù)本發(fā)明一個實施例的應(yīng)用界面的生成方法100的流程圖，方法100 適于在計算設(shè)備中執(zhí)行。參見圖1，本方法1〇〇始于步驟S110,獲取待設(shè)置為應(yīng)用界面背景的 圖片。此處，用戶可以依個人喜好選擇圖片作為應(yīng)用界面的背景圖，并且對所選圖片的分辨 率不做限制。
[0030] 隨后在步驟S120中，計算該圖片的主色。一般地，計算圖像主色的方法是，掃描圖 像的所有像素值，（通過聚類或者差分的方法)提取出主色彩，然而當(dāng)圖片較大時，這種計算 方式比較耗資源。根據(jù)本發(fā)明的一種實施方式，采用顏色直方圖算法確定圖片的主色。顏色 直方圖算法是基于顏色在一幅圖像中出現(xiàn)的頻率，在直方圖中，頂點即是出現(xiàn)頻率最高的 顏色，也就是圖像的主色。
[0031] 如下示出了計算主色的代碼示例：
[0033]其中，Image是圖片處理庫，scipy是科學(xué)計算庫，相當(dāng)于輸入一個圖片地址，程序 執(zhí)行完畢后返回主色。
[0034] 隨后在步驟S130中，對提取出的主色進行透明度處理，以得到漸變色。根據(jù)一個實 施例，可以通過調(diào)整圖片主色的透明值(如，透明值從0%到100%)，得到漸變色。另外，透明 度處理的方式有很多公開，如調(diào)整Alpha通道的值，此處不作限制。
[0035]隨后在步驟S140中，利用步驟S130中得到的漸變色填充該圖片，將填充后的圖片 作為應(yīng)用界面的背景圖。
[0036] 考慮到用戶選擇的圖片會有各種大小和分辨率，未必適用應(yīng)用界面，若只是對圖 片作裁切或縮放以使其適應(yīng)應(yīng)用界面的大小，可能會損失部分圖片內(nèi)容，或是令圖像變形。 故，在步驟S140中，利用漸變色填充該圖片，以使得圖片能夠正好適應(yīng)應(yīng)用界面的大小，再 將填充后的圖片作為應(yīng)用界面的背景圖。其中漸變色的填充區(qū)域依應(yīng)用界面和圖片的長寬 確定。具體地，可以分作以下兩種情況分別處理：
[0037] ①若圖片的長寬均小于應(yīng)用界面的長寬，則用漸變色填充圖片四周，如圖2A所示， 其中，矩形10表示應(yīng)用界面，以斜線7"填充的區(qū)域11表示原始圖片，空白區(qū)域13表示漸變 色填充區(qū)域，通過漸變色填充，使得圖片的長寬正好符合應(yīng)用界面的長寬，也就是說，填充 后的圖片剛好能放入應(yīng)用界面10的中。
[0038] ②若圖片的大小超出應(yīng)用界面的大小一一可以是圖片的長超出應(yīng)用界面的長，也 可以是圖片的寬超出應(yīng)用界面的寬，先按比例縮小該圖片，使得該圖片的長等于應(yīng)用界面 的長且該圖片的寬小于應(yīng)用界面的寬，或者，使得該圖片的寬等于應(yīng)用界面的寬且該圖片 的長小于應(yīng)用界面的長。換句話說，當(dāng)圖片的某一部分位于應(yīng)用界面之外時，按比例縮小圖 片，縮小到圖片剛好能放到應(yīng)用界面之中，此時會有一邊(長或者是寬）小于應(yīng)用界面的長 度，再用漸變色填充縮小后的圖片四周，以使得該圖片的長寬正好符合應(yīng)用界面的長寬。為 進一步說明上述情況，參見圖2B、圖2C，還是矩形10表示應(yīng)用界面，以橫線填充的區(qū)域15 代表用戶選取的圖片，可以看到，該圖片有一邊超出應(yīng)用界面10的范圍，保持原比例縮小該 圖片，得到縮小后的圖片如區(qū)域17所示，原圖片超出應(yīng)用界面10的一邊剛好落入到應(yīng)用界 面中。然后如圖2C所示，區(qū)域19就是需要漸變色填充的區(qū)域，填充后的圖片剛好符合應(yīng)用界 面10的大小。
[0039] 隨后在步驟S150中，計算主色最接近的預(yù)定顏色，并根據(jù)預(yù)定顏色自適應(yīng)地選取 界面主題模板。根據(jù)本發(fā)明的實施例，計算設(shè)備中存儲有預(yù)定顏色與界面主題模板的對應(yīng) 關(guān)系，并且在HSV顏色模型中預(yù)定義了第一數(shù)目的預(yù)定顏色。
[0040] HSV模型中3個顏色參數(shù)分別是:色調(diào)(H)、飽和度(S)、明度(V)，其對應(yīng)于圓柱坐標(biāo) 系的一個圓錘形子集，其中，圓錘的頂面對應(yīng)于V=l，代表的顏色較亮;色調(diào)Η由繞V軸的旋 轉(zhuǎn)角給定，紅色對應(yīng)于角度0°，綠色對應(yīng)于角度120°，藍色對應(yīng)于角度240°，且每一種顏色 和它的補色相差180° ;飽和度S取值從0到1，由圓心向圓周過渡。關(guān)于HSV模型的相關(guān)介紹， 已經(jīng)有很多公開，此處不再贅述。
[0041] 根據(jù)一種實現(xiàn)方式，計算主色最接近的預(yù)定顏色的步驟可以表述為:計算在HSV顏 色模型中與主色距離最小的預(yù)定顏色，作為主色最接近的預(yù)定顏色。例如，計算主色離頂部 色環(huán)中的12種預(yù)定顏色的水平距離(深灰色不分布在頂部色環(huán)中）。
[0042] 在本實施例中，依據(jù)顏色的分布情況，選擇了 13種顏色作為預(yù)定顏色，分別是：藍 色(blue)、茶色（chartreuse)、藍綠色（cyan)、深灰色(dark grey)、深紫色(dark purple)、 深粉色（deep pink)、寶藍色（dodger blue)、金黃色（gold)、黃綠色（green yellow)、橘黃 色(orange)、紫色(purple)、紅色(red)、黃色(yellow)。根據(jù)HSV模型的顏色分布，若圖片的 主色是白色，那么計算得的最接近的預(yù)定顏色是藍色(blue);若圖片的主色接近黑色，則對 應(yīng)的預(yù)定顏色為深灰色(dark grey)。
[0043] 根據(jù)一種實現(xiàn)方式，對于每一種預(yù)定顏色，都會有匹配的界面主題模板，界面主題 模板是設(shè)計人員根據(jù)預(yù)定顏色搭配得到，以使得應(yīng)用界面的配色具有最佳對比度。應(yīng)當(dāng)了 解，本領(lǐng)域技術(shù)人員根據(jù)現(xiàn)有的顏色都可以設(shè)計出相應(yīng)的配色方案作為界面主題模板，本 發(fā)明在此方面不作限制。
[0044] 隨后在步驟S160中，根據(jù)所選取的界面主題模板設(shè)置應(yīng)用界面上控件的界面。如 上一步驟所述，界面主題模板的主旨是令應(yīng)用界面的配色具有最佳對比度，保證用戶在復(fù) 雜的背景圖片的情況下，能夠清晰的看到應(yīng)用界面上的控件，同時保證控件的顏色風(fēng)格和 背景圖片對比最佳，視覺效果最好。例如，若預(yù)定顏色是藍色，那么在藍色對應(yīng)的界面主題 模板中，可以設(shè)置所有控件未選中的字體顏色為灰色，選中的字體顏色是白色，選中的背景 色是藍色，部分控件的背景色是淺藍色等。
[0045] 根據(jù)本發(fā)明的一個實施例，還包括步驟:若控件是不透明背景，則獲取各控件在應(yīng) 用界面上的位置;以及用對應(yīng)位置處應(yīng)用界面的背景顏色填充該控件的背景。
[0046] 這樣做主要是考慮到應(yīng)用界面上的控件，有些是透明背景，比如標(biāo)簽文字，其本質(zhì) 是一個矩形，但是背景透明，所以可以看到應(yīng)用界面的背景。但有些控件不是透明的背景， 例如按鈕，此時，首先計算出控件相對應(yīng)用界面的位置，然后從背景中截取跟控件形狀大小 一致的背景色塊，繪制到控件的背景中。這樣，背景不透明的控件看起來和背景透明的控件 具有一樣的效果，應(yīng)用界面能夠保持整體風(fēng)格的一致性，并且應(yīng)用界面的背景和控件能夠 更好融合，達到整個應(yīng)用界面背景層次透明的視覺效果。
[0047] 根據(jù)方法100,用戶可以自由選擇背景圖片作為應(yīng)用界面的背景圖，滿足了用戶的 個性化需求。同時，計算背景圖的主色，一方面可以根據(jù)主色對背景圖片做漸變色處理，使 用戶選擇的各種大小的圖片可以適用于各種大小的應(yīng)用界面，并保持原始圖片的比例不 變;另一方面，計算主色最接近的預(yù)定顏色，自適應(yīng)地選取與預(yù)定顏色相匹配的界面主題模 板，以保證應(yīng)用界面上的顏色風(fēng)格與背景圖片的對比最佳、視覺效果最好。
[0048]另外，對應(yīng)用界面上不透明的控件做進一步處理，令整個應(yīng)用界面達到層次透明 的效果，使得控件和背景更好地融合，為用戶提供更為賞心悅目的觀賞效果。
[0049] 現(xiàn)有技術(shù)中，在Windows系統(tǒng)下多采用用戶自行選擇配色的方法設(shè)置應(yīng)用界面，而 在Linux系統(tǒng)下則基本使用灰色的應(yīng)用界面。本方法除了可以根據(jù)用戶選取的背景圖自動 設(shè)置匹配的主題模板外，還提高了 Linux下用戶使用應(yīng)用軟件的視覺體驗，在Linux下也能 執(zhí)行本方案，實現(xiàn)和Windows系統(tǒng)下一樣的應(yīng)用界面切換效果。
[0050]圖3示出了根據(jù)本發(fā)明一個實施例的應(yīng)用界面的生成設(shè)備300的示意圖，用于實現(xiàn) 方法100。如圖3所示，該設(shè)備300包括:接口模塊310、計算模塊320、第一繪制模塊330、選擇 模塊340和第二繪制模塊350。其中，計算模塊320分別與接口模塊310、第一繪制模塊330、選 取模塊340相耦接，第二繪制模塊350與選取模塊340相耦接。
[0051]接口模塊310適于獲取待設(shè)置為應(yīng)用界面背景的圖片。用戶可以依個人喜好選擇 圖片作為應(yīng)用界面的背景圖，并且對所選圖片的分辨率不做限制，以滿足用戶個性化的需 求。
[0052]計算模塊320適于計算該圖片的主色，根據(jù)本發(fā)明的一個實施例，計算模塊320適 于采用顏色直方圖算法確定圖片的主色。顏色直方圖算法是基于顏色在一幅圖像中出現(xiàn)的 頻率，在直方圖中，頂點即是出現(xiàn)頻率最高的顏色，也就是圖像的主色。
[0053]在得到主色后，計算模塊320-方面適于對計算得的主色進行透明度處理得到漸 變色?？蛇x地，通過調(diào)整主色的透明值過渡來得到漸變色。
[0054]第一繪制模塊330適于利用漸變色填充該圖片，將填充后的圖片作為應(yīng)用界面的 背景圖，其中填充區(qū)域依應(yīng)用界面和圖片的長寬確定。這樣做主要是考慮到用戶提供的圖 片未必適合應(yīng)用界面的大小，故第一繪制模塊330還包括適于判斷該圖片的長寬是否均小 于應(yīng)用界面的長寬的判斷單元。
[0055]如圖2A-2C示出了確定填充區(qū)域的兩種情況：
[0056] ①若判斷得圖片的長寬均小于應(yīng)用界面的長寬，則用漸變色填充圖片四周，如圖 2A所示，其中，矩形10表示應(yīng)用界面，以斜線7"填充的區(qū)域11表示原始圖片，空白區(qū)域13表 示漸變色填充區(qū)域，通過漸變色填充，使得圖片的長寬正好符合應(yīng)用界面的長寬，也就是 說，填充后的圖片剛好能放入應(yīng)用界面10的中；
[0057] ②若判斷出圖片的大小超出應(yīng)用界面的大小一一可以是圖片的長超出應(yīng)用界面 的長，也可以是圖片的寬超出應(yīng)用界面的寬，先按比例縮小該圖片，使得該圖片的長等于應(yīng) 用界面的長且該圖片的寬小于應(yīng)用界面的寬，或者，使得該圖片的寬等于應(yīng)用界面的寬且 該圖片的長小于應(yīng)用界面的長。換句話說，當(dāng)圖片的某一部分位于應(yīng)用界面之外時，按比例 縮小圖片，縮小到圖片剛好能放到應(yīng)用界面之中，此時會有一邊(長或者是寬）小于應(yīng)用界 面的長度，再用漸變色填充縮小后的圖片四周，以使得該圖片的長寬正好符合應(yīng)用界面的 長寬。如圖2B、圖2C所示，還是矩形10表示應(yīng)用界面，以橫線填充的區(qū)域15代表用戶選取 的圖片，可以看到，該圖片有一邊超出應(yīng)用界面10的范圍，保持原比例縮小該圖片，得到縮 小后的圖片如區(qū)域17所示，原圖片超出應(yīng)用界面10的一邊剛好落入到應(yīng)用界面中。然后如 圖2C所示，區(qū)域19就是需要漸變色填充的區(qū)域，填充后的圖片剛好符合應(yīng)用界面10的大小。
[0058] 另一方面，計算模塊320還適于計算該主色最接近的預(yù)定顏色。根據(jù)本發(fā)明的實施 例，計算模塊320還包括預(yù)定義單元，適于在HSV顏色模型中預(yù)定義第一數(shù)目的預(yù)定顏色。 HSV模型中，色調(diào)(H)、飽和度(S)、明度(V)構(gòu)成了一個立方錐。在本實施例中，依據(jù)顏色的分 布情況，選取了位于HSV模型中頂部色環(huán)的12種顏色:藍色(blue )、茶色(chartreuse )、藍綠 色（cyan)、深紫色（dark purple)、深粉色（deep pink)、寶藍色（dodger blue)、金黃色 (gold)、黃綠色（green yellow)、橘黃色（orange)、紫色（purple)、紅色（red)、黃色 (yellow)，以及位于中間的無色系(飽和度低于20% )的深灰色(dark grey)，共13種顏色作 為預(yù)定顏色。計算模塊320適于計算在HSV顏色模型中與主色距離最小的預(yù)定顏色，作為主 色最接近的預(yù)定顏色。
[0059] 選擇模塊340適于根據(jù)計算模塊320算得的預(yù)定顏色選取界面主題模板。根據(jù)一種 實現(xiàn)方式，計算設(shè)備中存儲有預(yù)定顏色與界面主題模板的對應(yīng)關(guān)系，對于每一種預(yù)定顏色， 都會有相應(yīng)的界面主題模板，界面主題模板是根據(jù)預(yù)定顏色搭配得到，包括應(yīng)用界面上字 體的配色方案、背景和控件的配色方案等，以使得應(yīng)用界面的配色具有最佳對比度。
[0060] 第二繪制模塊350適于根據(jù)所選取的界面主題模板設(shè)置應(yīng)用界面上控件的界面， 一方面保證用戶在復(fù)雜的背景圖片的情況下，能夠清晰的看到應(yīng)用界面上的控件；另一方 面保證控件的顏色風(fēng)格和背景圖片對比最佳，視覺效果最好。
[0061] 應(yīng)用界面上的控件，有些是背景透明的，例如label文字，可以看到應(yīng)用界面的背 景;有些是不透明的背景，例如按鈕，控件本身的背景會遮擋住應(yīng)用界面的背景，在這種情 況下，就會很影響整個應(yīng)用界面的觀賞效果。為解決這一問題，設(shè)備300還適于調(diào)整應(yīng)用界 面上控件的背景，以使得整個應(yīng)用界面的背景保持一致。為實現(xiàn)該功能，設(shè)備300包括獲取 模塊，適于當(dāng)控件是不透明背景時，獲取各控件在應(yīng)用界面上的位置；以及第三繪制模塊， 適于用對應(yīng)位置處應(yīng)用界面的背景顏色填充該控件的背景。這樣，背景不透明的控件看起 來和背景透明的控件具有一樣的效果，應(yīng)用界面能夠保持整體風(fēng)格的一致性，并且應(yīng)用界 面的背景和控件能夠更好融合，達到整個應(yīng)用界面背景層次透明的視覺效果。
[0062]應(yīng)當(dāng)理解，為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個，在上面對 本發(fā)明的示例性實施例的描述中，本發(fā)明的各個特征有時被一起分組到單個實施例、圖、或 者對其的描述中。然而，并不應(yīng)將該公開的方法解釋成反映如下意圖：即所要求保護的本發(fā) 明要求比在每個權(quán)利要求中所明確記載的特征更多特征。更確切地說，如下面的權(quán)利要求 書所反映的那樣，發(fā)明方面在于少于前面公開的單個實施例的所有特征。因此，遵循具體實 施方式的權(quán)利要求書由此明確地并入該【具體實施方式】，其中每個權(quán)利要求本身都作為本發(fā) 明的單獨實施例。
[0063]本領(lǐng)域那些技術(shù)人員應(yīng)當(dāng)理解在本文所公開的示例中的設(shè)備的模塊或單元或組 件可以布置在如該實施例中所描述的設(shè)備中，或者可替換地可以定位在與該示例中的設(shè)備 不同的一個或多個設(shè)備中。前述示例中的模塊可以組合為一個模塊或者此外可以分成多個 子模塊。
[0064]本領(lǐng)域那些技術(shù)人員可以理解，可以對實施例中的設(shè)備中的模塊進行自適應(yīng)性地 改變并且把它們設(shè)置在與該實施例不同的一個或多個設(shè)備中?？梢园褜嵤├械哪K或單 元或組件組合成一個模塊或單元或組件，以及此外可以把它們分成多個子模塊或子單元或 子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何 組合對本說明書(包括伴隨的權(quán)利要求、摘要和附圖）中公開的所有特征以及如此公開的任 何方法或者設(shè)備的所有過程或單元進行組合。除非另外明確陳述，本說明書(包括伴隨的權(quán) 利要求、摘要和附圖）中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代 替。
[0065] A6、如A1-5中任一項所述的方法，還包括:若控件是不透明背景，則獲取該控件在 應(yīng)用界面上的位置，并獲取應(yīng)用界面背景圖在該位置處的圖片塊；以及將獲取的圖片塊設(shè) 置為該控件的背景。A7、如A4-6中任一項所述的方法，其中第一數(shù)目為13。
[0066] B12、如B11所述的設(shè)備，其中計算模塊還適于計算在HSV顏色模型中與主色距離最 小的預(yù)定顏色，作為主色最接近的預(yù)定顏色。B13、如B8-12中任一項所述的設(shè)備，還包括:獲 取模塊，適于當(dāng)控件是不透明背景時，獲取該控件在應(yīng)用界面上的位置，并獲取應(yīng)用界面背 景圖在該位置處的圖片塊；以及第三繪制模塊，適于將獲取的圖片塊設(shè)置為該控件的背景。 B14、如B11-13中任一項所述的設(shè)備，其中第一數(shù)目為13。
[0067]此外，本領(lǐng)域的技術(shù)人員能夠理解，盡管在此所述的一些實施例包括其它實施例 中所包括的某些特征而不是其它特征，但是不同實施例的特征的組合意味著處于本發(fā)明的 范圍之內(nèi)并且形成不同的實施例。例如，在下面的權(quán)利要求書中，所要求保護的實施例的任 意之一都可以以任意的組合方式來使用。
[0068]此外，所述實施例中的一些在此被描述成可以由計算機系統(tǒng)的處理器或者由執(zhí)行 所述功能的其它裝置實施的方法或方法元素的組合。因此，具有用于實施所述方法或方法 元素的必要指令的處理器形成用于實施該方法或方法元素的裝置。此外，裝置實施例的在 此所述的元素是如下裝置的例子:該裝置用于實施由為了實施該發(fā)明的目的的元素所執(zhí)行 的功能。
[0069]如在此所使用的那樣，除非另行規(guī)定，使用序數(shù)詞"第一"、"第二"、"第三"等等來 描述普通對象僅僅表示涉及類似對象的不同實例，并且并不意圖暗示這樣被描述的對象必 須具有時間上、空間上、排序方面或者以任意其它方式的給定順序。
[0070]盡管根據(jù)有限數(shù)量的實施例描述了本發(fā)明，但是受益于上面的描述，本技術(shù)領(lǐng)域 內(nèi)的技術(shù)人員明白，在由此描述的本發(fā)明的范圍內(nèi)，可以設(shè)想其它實施例。此外，應(yīng)當(dāng)注意， 本說明書中使用的語言主要是為了可讀性和教導(dǎo)的目的而選擇的，而不是為了解釋或者限 定本發(fā)明的主題而選擇的。因此，在不偏離所附權(quán)利要求書的范圍和精神的情況下，對于本 技術(shù)領(lǐng)域的普通技術(shù)人員來說許多修改和變更都是顯而易見的。對于本發(fā)明的范圍，對本 發(fā)明所做的公開是說明性的，而非限制性的，本發(fā)明的范圍由所附權(quán)利要求書限定。
【主權(quán)項】
1. 一種應(yīng)用界面的生成方法，在計算設(shè)備中執(zhí)行，所述方法包括： 獲取待設(shè)置為應(yīng)用界面背景的圖片； 計算所述圖片的主色； 對所述主色進行透明度處理，以得到漸變色； 利用所述漸變色填充該圖片，將填充后的圖片設(shè)置為應(yīng)用界面的背景圖，其中填充區(qū) 域依所述應(yīng)用界面和圖片的長寬確定； 計算所述主色最接近的預(yù)定顏色，并根據(jù)所述預(yù)定顏色選取匹配的界面主題模板，其 中所述計算設(shè)備中存儲有預(yù)定顏色與界面主題模板的對應(yīng)關(guān)系；以及 根據(jù)所選取的界面主題模板設(shè)置所述應(yīng)用界面上控件的界面。2. 如權(quán)利要求1所述的方法，其中所述計算圖片主色的步驟包括： 采用顏色直方圖算法確定所述圖片的主色。3. 如權(quán)利要求1或2所述的方法，其中所述利用漸變色填充該圖片的步驟包括： 若該圖片的長寬均小于應(yīng)用界面的長寬，則用漸變色填充圖片四周，以使得圖片的長 寬正好符合應(yīng)用界面的長寬； 否則，按比例縮小該圖片，使得該圖片的長等于應(yīng)用界面的長且該圖片的寬小于應(yīng)用 界面的寬，或者，使得該圖片的寬等于應(yīng)用界面的寬且該圖片的長小于應(yīng)用界面的長，并用 漸變色填充縮小后的圖片四周，以使得該圖片的長寬正好符合應(yīng)用界面的長寬。4. 如權(quán)利要求1-3中任一項所述的方法，還包括步驟： 在HSV模型中預(yù)定義第一數(shù)目的預(yù)定顏色。5. 如權(quán)利要求4所述的方法，其中所述計算主色最接近的預(yù)定顏色的步驟包括： 計算在HSV顏色模型中與主色距離最小的預(yù)定顏色，作為主色最接近的預(yù)定顏色。6. -種應(yīng)用界面的生成設(shè)備，該設(shè)備布置在計算設(shè)備中，所述設(shè)備包括： 接口模塊，適于獲取待設(shè)置為應(yīng)用界面背景的圖片； 計算模塊，適于計算所述圖片的主色、且對所述主色進行透明度處理得到漸變色，還適 于計算所述主色最接近的預(yù)定顏色； 第一繪制模塊，適于利用所述漸變色填充該圖片，將填充后的圖片作為應(yīng)用界面的背 景圖，其中填充區(qū)域依所述應(yīng)用界面和圖片的長寬確定； 選擇模塊，適于根據(jù)所述預(yù)定顏色選取匹配的界面主題模板，其中所述計算設(shè)備中存 儲有預(yù)定顏色與界面主題模板的對應(yīng)關(guān)系；以及 第二繪制模塊，適于根據(jù)所選取的界面主題模板設(shè)置所述應(yīng)用界面上控件的界面。7. 如權(quán)利要求6所述的設(shè)備，其中， 所述計算模塊還適于采用顏色直方圖算法確定所述圖片的主色。8. 如權(quán)利要求6或7所述的設(shè)備，其中所述第一繪制模塊還包括： 判斷單元，適于判斷該圖片的長寬是否均小于應(yīng)用界面的長寬； 所述第一繪制模塊還適于在判斷該圖片的長寬均小于應(yīng)用界面的長寬時，用漸變色填 充圖片四周，以使得圖片的長寬正好符合應(yīng)用界面的長寬； 否則就按比例縮小該圖片，使得該圖片的長等于應(yīng)用界面的長且該圖片的寬小于應(yīng)用 界面的寬，或者，使得該圖片的寬等于應(yīng)用界面的寬且該圖片的長小于應(yīng)用界面的長，并用 漸變色填充縮小后的圖片四周，以使得該圖片的長寬正好符合應(yīng)用界面的長寬。9. 如權(quán)利要求6-8中任一項所述的設(shè)備，其中計算模塊還包括： 預(yù)定義單元，適于在HSV模型中預(yù)定義第一數(shù)目的預(yù)定顏色。10. -種計算設(shè)備，包括如權(quán)利要求6-9中任一項所述的應(yīng)用界面的生成設(shè)備。
【文檔編號】G06F9/44GK106095447SQ201610415103
【公開日】2016年11月9日
【申請日】2016年6月14日 公開號201610415103.3, CN 106095447 A, CN 106095447A, CN 201610415103, CN-A-106095447, CN106095447 A, CN106095447A, CN201610415103, CN201610415103.3
【發(fā)明人】王勇, 楊燦, 王耀華
【申請人】武漢深之度科技有限公司