頁面顯示方法和頁面顯示裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別地涉及一種頁面顯示方法和頁面顯示裝置。
【背景技術(shù)】
[0002]隨著科技發(fā)展，越來越多的用戶頻繁使用智能手機(jī)、平板電腦等設(shè)備。出于對(duì)保護(hù)視力目的，設(shè)備顯示的頁面通常設(shè)置了背景顏色為淺色的日間模式和背景顏色為深色的夜間模式供用戶切換選擇。頁面中除了圖片、文字之外，通常還包括按鈕元素。
[0003]現(xiàn)有技術(shù)中，切換模式之后頁面的背景顏色發(fā)生了變化，但按鈕元素的顏色通常并不改變，并且按鈕亮度和背景亮度一致。這樣可能會(huì)造成背景和按鈕的顏色近似和/或亮度近似的情況，從而導(dǎo)致用戶看不清楚按鈕。

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

[0004]有鑒于此，本發(fā)明提供一種頁面顯示方法和頁面顯示裝置，能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗(yàn)。
[0005]為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的一個(gè)方面，提供了一種頁面顯示方法。
[0006]本發(fā)明的頁面顯示方法包括:接收模式切換命令，所述模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令;獲取顯示設(shè)備的當(dāng)前背景色和當(dāng)前背景亮度;根據(jù)所述當(dāng)前背景色確定所述顯示設(shè)備的切換后背景色和切換后按鈕色，并且根據(jù)所述模式切換命令和所述當(dāng)前背景亮度確定所述顯示設(shè)備的切換后按鈕亮度;根據(jù)所述顯示設(shè)備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對(duì)頁面進(jìn)行渲染然后輸出。
[0007]可選地，所述根據(jù)所述當(dāng)前背景色確定所述顯示設(shè)備的切換后背景色和切換后按鈕色的步驟包括:確定所述顯示設(shè)備的切換后背景色為所述當(dāng)前背景色的互補(bǔ)色；確定所述顯示設(shè)備的切換后按鈕色等于所述當(dāng)前背景色。
[0008]可選地，所述根據(jù)所述模式切換命令和所述當(dāng)前背景亮度確定所述顯示設(shè)備的切換后按鈕亮度的步驟包括:在所述模式切換命令為所述第一模式切換命令的情況下，根據(jù)公式I1 =min(IQX A，Imax)計(jì)算所述切換后按鈕亮度;在所述模式切換命令為所述第二模式切換命令的情況下，根據(jù)公式I1=Hiax(If^AJmin)計(jì)算所述切換后按鈕亮度;其中I1表示切換后按鈕亮度，1表示當(dāng)前背景亮度，A表示大于I的系數(shù)，Imax表示預(yù)設(shè)最大亮度閾值，Imax表示預(yù)設(shè)最小亮度閾值。
[0009]可選地，在所述對(duì)頁面進(jìn)行渲染的步驟之前，還包括:根據(jù)所述切換后背景色和所述切換后按鈕色確定按鈕光暈色；在所述對(duì)頁面進(jìn)行渲染的步驟中，根據(jù)所述按鈕光暈色對(duì)按鈕元素增加光暈效果。
[0010]可選地，所述按鈕光暈色為所述切換后背景色與所述切換后按鈕色二者的中間色。
[0011 ]根據(jù)本發(fā)明的另一方面，提供了一種頁面顯示裝置。
[0012]本發(fā)明的頁面顯示裝置包括:接收模塊，用于接收模式切換命令，所述模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令;獲取模塊，用于獲取顯示設(shè)備的當(dāng)前背景色和當(dāng)前背景亮度;確定模塊，用于根據(jù)所述當(dāng)前背景色確定所述顯示設(shè)備的切換后背景色和切換后按鈕色，并且根據(jù)所述模式切換命令和所述當(dāng)前背景亮度確定所述顯示設(shè)備的切換后按鈕亮度;渲染模塊，用于根據(jù)所述顯示設(shè)備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對(duì)頁面進(jìn)行清染然后輸出。
[0013]可選地，所述確定模塊還用于:確定所述顯示設(shè)備的切換后背景色為所述當(dāng)前背景色的互補(bǔ)色;確定所述顯示設(shè)備的切換后按鈕色等于所述當(dāng)前背景色。
[0014]可選地，所述確定模塊還用于:在所述模式切換命令為所述第一模式切換命令的情況下，根據(jù)公式I1=Hiin(If)XA, I.)計(jì)算所述切換后按鈕亮度;在所述模式切換命令為所述第二模式切換命令的情況下，根據(jù)公式I1=Hiax(If)^A, Imin)計(jì)算所述切換后按鈕亮度;其中1:表示切換后按鈕亮度，1表示當(dāng)前背景亮度，A表示大于I的系數(shù)，Imax表示預(yù)設(shè)最大亮度閾值，Imax表示預(yù)設(shè)最小亮度閾值。
[0015]可選地，所述確定模塊還用于根據(jù)所述切換后背景色和所述切換后按鈕色確定按鈕光暈色;所述渲染模塊還用于根據(jù)所述按鈕光暈色對(duì)按鈕元素增加光暈效果。
[0016]可選地，所述確定模塊還用于確定所述按鈕光暈色為所述切換后背景色與所述切換后按鈕色二者的中間色。
[0017]根據(jù)本發(fā)明的技術(shù)方案，先確定切換后的背景顏色、按鈕顏色以及按鈕亮度然后渲染頁面然后輸出，使得背景和按鈕的視覺效果存在差異，從而能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗(yàn)。
【附圖說明】
[0018]附圖用于更好地理解本發(fā)明，不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。其中:
[0019]圖1是根據(jù)本發(fā)明實(shí)施方式的頁面顯示方法的基本步驟的示意圖；
[0020]圖2是根據(jù)本發(fā)明實(shí)施方式的頁面顯示裝置的主要模塊的示意圖。
【具體實(shí)施方式】
[0021]以下結(jié)合附圖對(duì)本發(fā)明的示范性實(shí)施方式做出說明，其中包括本發(fā)明實(shí)施方式的各種細(xì)節(jié)以助于理解，應(yīng)當(dāng)將它們認(rèn)為僅僅是示范性的。因此，本領(lǐng)域普通技術(shù)人員應(yīng)當(dāng)認(rèn)識(shí)到，可以對(duì)這里描述的實(shí)施方式做出各種改變和修改，而不會(huì)背離本發(fā)明的范圍和精神。同樣，為了清楚和簡(jiǎn)明，以下的描述中省略了對(duì)公知功能和結(jié)構(gòu)的描述。
[0022]圖1是根據(jù)本發(fā)明實(shí)施方式的頁面顯示方法的基本步驟的示意圖。如圖1所示，本發(fā)明實(shí)施方式的頁面顯示方法主要包括如下的步驟A至步驟D。
[0023]步驟A:接收模式切換命令，模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令。
[0024]步驟B:獲取顯示設(shè)備的當(dāng)前背景色和當(dāng)前背景亮度。
[0025]步驟C:根據(jù)當(dāng)前背景色確定顯示設(shè)備的切換后背景色和切換后按鈕色，并且根據(jù)模式切換命令和當(dāng)前背景亮度確定顯示設(shè)備的切換后按鈕亮度。
[0026]步驟D:根據(jù)顯示設(shè)備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對(duì)頁面進(jìn)行清染然后輸出。
[0027]根據(jù)本發(fā)明實(shí)施方式的頁面顯示方法，通過先確定切換后的背景顏色、按鈕顏色以及按鈕亮度然后渲染頁面然后輸出，可以使得背景和按鈕的視覺效果存在差異，從而能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗(yàn)。
[0028]可選地，步驟C中的根據(jù)當(dāng)前背景色確定顯示設(shè)備的切換后背景色和切換后按鈕色的步驟具體包括:確定顯示設(shè)備的切換后背景色為當(dāng)前背景色的互補(bǔ)色；確定顯示設(shè)備的切換后按鈕色等于當(dāng)前背景色。該實(shí)施方式中，可以使得切換后背景色和切換后按鈕色互為補(bǔ)色，因此切換后的背景和按鈕在顏色反差明顯，按鈕元素在背景襯托之下清晰可見。
[0029]需要解釋的是，等量混合后呈黑灰色的兩種顏色互為補(bǔ)色。在RGB色彩體系中，若一種顏色的61^值為(&，13，(3)，則它的互補(bǔ)色的10值為(255-&，255-13，255-(3)。舉例，黑色的RGB值為(0，0，0)，黑色的互補(bǔ)色為白色，白色的RGB值為(255，255，255)。
[0030]可選地，步驟C中的根據(jù)模式切換命令和當(dāng)前背景亮度確定顯示設(shè)備的切換后按鈕亮度的步驟具體包括:在模式切換命令為第一模式切換命令的情況下，根據(jù)公式I1=Hiin(Ιο X A，Imax)計(jì)算切換后按鈕亮度;在模式切換命令為第二模式切換命令的情況下，根據(jù)公式I1=Hiax(It^AJmin)計(jì)算切換后按鈕亮度。其中1康示切換后按鈕亮度，1表示當(dāng)前背景亮度，A表示大于I的系數(shù)，Imax表示預(yù)設(shè)最大亮度閾值，Imax表示預(yù)設(shè)最小亮度閾值。該實(shí)施方式中，可以使得切換后背景亮度和切換后按鈕亮度并不相同，因此切換后的背景和按鈕在亮度維度上有差異，按鈕元素在背景襯托之下清晰可見。
[0031 ] 可選地，在對(duì)頁面進(jìn)行渲染的步驟之前，還包括:根據(jù)切換后背景色和切換后按鈕色確定按鈕光暈色;在對(duì)頁面進(jìn)