界面顯示方法和系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及電子設(shè)備技術(shù)領(lǐng)域，特別是涉及一種界面顯示方法和系統(tǒng)。
【背景技術(shù)】
[0002]隨著智能電子產(chǎn)品的普及，人們對(duì)于智能終端的功能要求越來越多樣化，例如，背景顏色的多樣化，主體風(fēng)格的多樣化等。智能終端的顯示主界面通常包含通知欄，以顯示信號(hào)強(qiáng)度、時(shí)間和電量等信息。
[0003]傳統(tǒng)的智能終端的通知欄的背景顏色通常為黑色，而且通知欄與應(yīng)用界面的關(guān)系為非全屏應(yīng)用，即應(yīng)用程序的界面與通知欄的界面是相互獨(dú)立的，打開應(yīng)用程序的時(shí)候，通知欄的顏色并不會(huì)隨應(yīng)用程序界面的顏色而改變。因此，傳統(tǒng)的智能終端界面的視覺效果不佳。

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

[0004]基于此，有必要針對(duì)上述問題，提供一種可以改變通知欄顏色、增強(qiáng)界面視覺效果的界面顯示方法和系統(tǒng)。
[0005]一種界面顯示方法，包括如下步驟:
[0006]獲取應(yīng)用程序的顏色屬性；
[0007]在所述應(yīng)用程序啟動(dòng)后，根據(jù)所述應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏色。
[0008]一種界面顯示系統(tǒng)，包括:
[0009]屬性獲取模塊，用于獲取應(yīng)用程序的顏色屬性；
[0010]設(shè)置模塊，用于根據(jù)所述應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏色。
[0011]上述的一種界面顯示方法和系統(tǒng)，通過獲取應(yīng)用程序的顏色屬性，根據(jù)應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏色，從而使得通知欄的背景顏色與應(yīng)用程序的顏色相匹配，實(shí)現(xiàn)了通知欄的背景顏色的更換，增強(qiáng)了界面的視覺效果。
【附圖說明】
[0012]圖1為本發(fā)明界面顯示方法較佳實(shí)施例的流程圖；
[0013]圖2為將通知欄的背景顏色設(shè)置為與應(yīng)用程序的顏色屬性相同或者相搭配的搭配顏色的步驟的具體流程圖；
[0014]圖3為獲取通知欄的背景顏色的步驟的具體流程圖；
[0015]圖4為將通知欄的背景顏色更改為搭配顏色中的任意一種的步驟的具體流程圖；
[0016]圖5為本發(fā)明界面顯示方法另一實(shí)施例的流程圖；
[0017]圖6為本發(fā)明界面顯示系統(tǒng)第一實(shí)施例的模塊圖；
[0018]圖7為圖6所示的具體單元圖；
[0019]圖8為本發(fā)明界面顯示系統(tǒng)第二實(shí)施例的模塊圖；
[0020]圖9為本發(fā)明界面顯示系統(tǒng)第三實(shí)施例的模塊圖。
【具體實(shí)施方式】
[0021]參考圖1，本發(fā)明一種界面顯示方法的較佳實(shí)施例中，包括步驟SllO和步驟S130。
[0022]SllO:獲取應(yīng)用程序的顏色屬性。
[0023]移動(dòng)終端包括智能手機(jī)和平板等可移動(dòng)的智能設(shè)備。開啟移動(dòng)終端上裝載的應(yīng)用程序時(shí)，可以獲取該應(yīng)用程序的顏色屬性。應(yīng)用程序的顏色屬性可以包括應(yīng)用程序的圖標(biāo)顏色和界面顏色。應(yīng)用程序的圖標(biāo)顏色為該應(yīng)用程序顯示在移動(dòng)終端上的圖標(biāo)的顏色。用戶打開移動(dòng)終端上裝載的應(yīng)用程序之后，移動(dòng)終端界面會(huì)顯示該應(yīng)用程序的界面，應(yīng)用程序的界面顏色為打開應(yīng)用程序時(shí)，應(yīng)用程序顯示的界面顏色。
[0024]S130:在應(yīng)用程序啟動(dòng)后，根據(jù)應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏色。
[0025]通知欄為智能終端界面上顯示網(wǎng)絡(luò)運(yùn)營商、電池電量、時(shí)間等的狀態(tài)欄，一般設(shè)置在智能終端界面的最上面一欄?？梢岳斫?，通知欄的位置也可以設(shè)置在智能終端界面的最下面一欄。
[0026]其中一實(shí)施例中，應(yīng)用程序的顏色屬性包括應(yīng)用程序的圖標(biāo)顏色，即步驟SllO為:獲取應(yīng)用程序的圖標(biāo)顏色。對(duì)應(yīng)地，步驟S130中根據(jù)應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏色的步驟包括:根據(jù)應(yīng)用程序的圖標(biāo)顏色設(shè)置通知欄的背景顏色。每一個(gè)應(yīng)用程序均有各自對(duì)應(yīng)的圖標(biāo)顏色。根據(jù)應(yīng)用程序的圖標(biāo)顏色設(shè)置通知欄的顏色，使得通知欄的背景顏色與應(yīng)用程序的圖標(biāo)顏色相適應(yīng)，增強(qiáng)視覺效果。
[0027]其中一實(shí)施例中，應(yīng)用程序的顏色屬性包括應(yīng)用程序的界面顏色，即步驟SllO為:獲取應(yīng)用程序的界面顏色。對(duì)應(yīng)地，步驟S130中根據(jù)應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏的步驟具體包括:根據(jù)應(yīng)用程序的界面顏色設(shè)置通知欄的背景顏色。不同的應(yīng)用程序的界面顏色可能不一樣，從而根據(jù)不同的界面顏色設(shè)置通知欄的不同的背景顏色。上述的一種界面顯示方法，通過獲取應(yīng)用程序的顏色屬性，根據(jù)應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏色，從而使得通知欄的背景顏色與應(yīng)用程序的顏色相匹配，實(shí)現(xiàn)了通知欄的背景顏色的更換，增強(qiáng)了界面的視覺效果。
[0028]其中一實(shí)施例中，在應(yīng)用程序啟動(dòng)后，步驟S130中根據(jù)應(yīng)用程序的顏色屬性設(shè)置通知欄的背景顏色具體包括:將通知欄的背景顏色設(shè)置為與應(yīng)用程序的顏色屬性相同或者相搭配的搭配顏色。
[0029]具體地，參考圖2，將通知欄的背景顏色設(shè)置為與應(yīng)用程序的顏色屬性相同或者相搭配的搭配顏色的步驟包括步驟S210-步驟S213。
[0030]S210:獲取應(yīng)用程序的顏色屬性的搭配顏色。
[0031]不同的應(yīng)用程序的界面顏色或圖標(biāo)顏色可能不一樣。因此，通過獲取應(yīng)用程序的界面顏色或圖標(biāo)顏色，根據(jù)界面顏色或圖標(biāo)顏色可以得到相匹配的搭配顏色。應(yīng)用程序的顏色屬性的搭配顏色包括與該顏色屬性相同或者相搭配的顏色。
[0032]S211:獲取通知欄的背景顏色。
[0033]S212:判斷通知欄的背景顏色是否與搭配顏色相匹配。若是，則停止。若否，則執(zhí)行下一步驟。
[0034]S213:根據(jù)搭配顏色對(duì)通知欄的背景顏色進(jìn)行更改。
[0035]通過獲取應(yīng)用程序的顏色屬性相匹配的搭配顏色，將通知欄的背景顏色與搭配顏色比較，當(dāng)通知欄的背景顏色與搭配顏色不匹配時(shí)，根據(jù)搭配顏色更改通知欄的背景顏色，從而使得通知欄的背景顏色與應(yīng)用程序的界面顏色相匹配，實(shí)現(xiàn)了通知欄的背景顏色的更換，增強(qiáng)了界面的視覺效果。當(dāng)通知欄的背景顏色與搭配顏色匹配時(shí)，則不需要對(duì)通知欄的背景顏色進(jìn)行更改，避免了重復(fù)設(shè)置通知欄的背景顏色。
[0036]應(yīng)用程序的顏色屬性包括應(yīng)用程序的界面顏色時(shí)，在其中一實(shí)施例中，獲取應(yīng)用程序的界面顏色的步驟具體包括:獲取應(yīng)用程序的界面主顏色，得到界面顏色。主顏色為整體區(qū)域的多種顏色中，占用比例最多的顏色，得到的搭配顏色為與界面主顏色相匹配的顏色，提高了通知欄的背景顏色與界面顏色的匹配程度。
[0037]其中一實(shí)施例中，獲取應(yīng)用程序的界面顏色的步驟具體包括:獲取應(yīng)用程序與通知欄的相鄰區(qū)域的主顏色，得到界面顏色。通過選擇應(yīng)用程序與通知欄的相鄰區(qū)域的主顏色，增加了背景顏色與界面顏色的相互連接性。
[0038]上述獲取應(yīng)用程序的界面主顏色，得到界面顏色的步驟或獲取應(yīng)用程序與通知欄的相鄰區(qū)域的主顏色，得到界面顏色的步驟對(duì)應(yīng)的實(shí)施例中，對(duì)應(yīng)的獲取通知欄的背景顏色的步驟S211包括:獲取通知欄的背景主顏色，得到通知欄的背景顏色。
[0039]其中一實(shí)施例中，獲取應(yīng)用程序的界面顏色的步驟包括步驟:
[0040]對(duì)應(yīng)用程序的整體區(qū)域進(jìn)行分區(qū)。
[0041]獲取各分區(qū)的整體分區(qū)主顏色，得到界面顏色；或
[0042]獲取各分區(qū)與通知欄的相鄰區(qū)域的相鄰分區(qū)主顏色，得到界面顏色。
[0043]對(duì)應(yīng)地，此實(shí)施例中，參考圖3，獲取通知欄的背景顏色的步驟S211包括步驟S2110 和步驟 S2111。
[0044]S2110:對(duì)通知欄的整體區(qū)域進(jìn)行與應(yīng)用界面同樣的分區(qū)。
[0045]S2111:獲取各分區(qū)的分區(qū)背景主顏色，得到通知欄的背景顏色。
[0046]通過對(duì)應(yīng)用程序的整體區(qū)域和通知欄的整體區(qū)域進(jìn)行分區(qū)，獲取各分區(qū)的主顏色，增加了界面顏色顯示的多樣性。步驟S212將應(yīng)用程序和通知欄各分區(qū)顏色均分別進(jìn)行匹配判斷，顏色相匹配的分區(qū)無需進(jìn)行步驟S213，顏色不匹配的分區(qū)進(jìn)行步驟S213。
[0047]其中一實(shí)施例中，當(dāng)搭配顏色為與應(yīng)用程序的圖標(biāo)顏色或者界面顏色相同的顏色時(shí)，即搭配顏色只有一種，在此實(shí)施例中，步驟S212具體包括:判斷通知欄的背景顏色是否與搭配顏色相同。步驟S213具體包括:將通知欄的背景顏色更改為搭配顏色。因此，通知欄的背景顏色與應(yīng)用程序的顏色相同，使得智能終端界面視覺效果更好。
[0048]其中一實(shí)施例中，當(dāng)搭配顏色為與應(yīng)用程序的圖標(biāo)顏色或者界面顏色相搭配顏色時(shí)，搭配顏色有多種。具體地，與應(yīng)用程序的圖標(biāo)顏色或者界面顏色相搭配的顏色可以為與界面顏色相同色系的顏色。通過設(shè)置多種搭配顏色，提供多種顏色搭配的風(fēng)格，提高多樣性?？梢岳斫?，與界面顏色或圖標(biāo)顏色相搭配的顏色也可以是與界面顏色或圖標(biāo)顏色非同色系但是視覺上相配的顏色。
[0049]搭配顏色包括多種顏色的實(shí)施例中，步驟S212具體包括:判斷通知欄的背景顏色是否為搭配顏色中的一種。若通知欄的背景顏色屬于搭配顏色中的一種，則不需要進(jìn)行步驟S213，若否，則執(zhí)行步驟S213。此實(shí)施例中，步驟S213具體包括:將通知欄的背景顏色更改為搭配顏色中的任意一種。因此，通知欄的背景顏色與應(yīng)用程序的界面顏色相適，使得智能終端界面視覺效果更好。
[0050]其中一實(shí)施例中，參考圖4，判斷通知欄的背景顏色是否為搭配顏色中的一種的步驟之后，將通知欄的背景顏色更改為搭配顏色中的任意一種的步驟包括步驟S220-步驟S222o
[0051]S220:顯示搭配顏色。
[0052]S221:根據(jù)接收的選擇指令從搭配顏色中獲取選定顏色。
[0053]S222:根據(jù)選定顏色對(duì)通知欄的背景顏色進(jìn)行更改。
[0054]用戶可以通過顯示的搭配顏色進(jìn)行自由選擇，實(shí)現(xiàn)了用戶的自主選擇性。
[0055]其中一實(shí)施例中，參考圖5，界面顯示方法的步驟S130之后還包括步驟:
[0056]S150:將更改后的通知欄的背景顏色與應(yīng)用程序匹配存儲(chǔ)。對(duì)應(yīng)地，界面顯示方法的步驟SllO之前還包括步驟:
[0057]SlOO:判斷是否存儲(chǔ)有與應(yīng)用程序?qū)?yīng)的更改后的通知欄的背景顏色。若是，則設(shè)置當(dāng)前通知欄的背景顏色為存儲(chǔ)的更改后的通知欄的背景顏色。否則，執(zhí)行步驟S110。
[0058]通過存儲(chǔ)應(yīng)用程序和與該應(yīng)用程序相對(duì)應(yīng)的更改后的通知欄的背景顏色，該應(yīng)用程序再次被