行渲染的步驟中，根據(jù)按鈕光暈色對(duì)按鈕元素增加光暈效果。該實(shí)施方式中，通過在按鈕元素周圍加上光暈，可以使得按鈕元素更加醒目，更加清晰可見。
[0032]可選地，按鈕光暈色為切換后背景色與切換后按鈕色二者的中間色。中間色是指處在兩個(gè)色彩中間的色彩。例如:若切換后背景色為RGB值為(0，0，0)的黑色，切換后按鈕色為RGB值為(255，255，255)的白色，那么按鈕光暈色的RGB值為(128，128，128)(此處做了四舍五入處理)。該實(shí)施方式中，光暈部分既與按鈕元素存在顏色差異，又與背景存在顏色差異，從而可以使得光暈部分更加醒目，更加清晰可見。
[0033]圖2是根據(jù)本發(fā)明實(shí)施方式的頁面顯示裝置20的主要模塊的示意圖。如圖2所示，該頁面顯示裝置20主要包括接收模塊21、獲取模塊22、確定模塊23以及渲染模塊24。接收模塊21用于接收模式切換命令。模式切換命令可以為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令。獲取模塊22用于獲取顯示設(shè)備的當(dāng)前背景色和當(dāng)前背景亮度。確定模塊23用于根據(jù)當(dāng)前背景色確定顯示設(shè)備的切換后背景色和切換后按鈕色，并且根據(jù)模式切換命令和當(dāng)前背景亮度確定顯示設(shè)備的切換后按鈕亮度。渲染模塊24用于根據(jù)顯示設(shè)備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對(duì)頁面進(jìn)行渲染然后輸出。
[0034]根據(jù)本發(fā)明實(shí)施方式的頁面顯示裝置，通過先確定切換后的背景顏色、按鈕顏色以及按鈕亮度然后渲染頁面然后輸出，可以使得背景和按鈕的視覺效果存在差異，從而能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗(yàn)。
[0035]可選地，確定模塊23還用于:確定顯示設(shè)備的切換后背景色為當(dāng)前背景色的互補(bǔ)色;確定顯示設(shè)備的切換后按鈕色等于當(dāng)前背景色。該實(shí)施方式中，可以使得切換后背景色和切換后按鈕色互為補(bǔ)色，因此切換后的背景和按鈕在顏色反差明顯，按鈕元素在背景襯托之下清晰可見。
[0036]可選地，確定模塊23還用于:在模式切換命令為第一模式切換命令的情況下，根據(jù)公式I1=HiinaoXA, Imax)計(jì)算切換后按鈕亮度;在模式切換命令為第二模式切換命令的情況下，根據(jù)公式Ii=maX(1 + A，Imin)計(jì)算切換后按鈕亮度。其中^表示切換后按鈕亮度，10表示當(dāng)前背景亮度，A表示大于I的系數(shù)，Imax表示預(yù)設(shè)最大亮度閾值，Imax表示預(yù)設(shè)最小亮度閾值。該實(shí)施方式中，可以使得切換后背景亮度和切換后按鈕亮度并不相同，因此切換后的背景和按鈕在亮度維度上有差異，按鈕元素在背景襯托之下清晰可見。
[0037]可選地，確定模塊23還用于根據(jù)切換后背景色和切換后按鈕色確定按鈕光暈色；渲染模塊24還用于根據(jù)按鈕光暈色對(duì)按鈕元素增加光暈效果。該實(shí)施方式中，通過在按鈕元素周圍加上光暈，可以使得按鈕元素更加醒目，更加清晰可見。
[0038]可選地，確定模塊23還用于確定按鈕光暈色為切換后背景色與切換后按鈕色二者的中間色。該實(shí)施方式中，光暈部分既與按鈕元素存在顏色差異，又與背景存在顏色差異，從而可以使得光暈部分更加醒目，更加清晰可見。
[0039]上述【具體實(shí)施方式】，并不構(gòu)成對(duì)本發(fā)明保護(hù)范圍的限制。本領(lǐng)域技術(shù)人員應(yīng)該明白的是，取決于設(shè)計(jì)要求和其他因素，可以發(fā)生各種各樣的修改、組合、子組合和替代。任何在本發(fā)明的精神和原則之內(nèi)所作的修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明保護(hù)范圍之內(nèi)。
【主權(quán)項(xiàng)】
1.一種頁面顯示方法，其特征在于，包括: 接收模式切換命令，所述模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令； 獲取顯示設(shè)備的當(dāng)前背景色和當(dāng)前背景亮度； 根據(jù)所述當(dāng)前背景色確定所述顯示設(shè)備的切換后背景色和切換后按鈕色，并且根據(jù)所述模式切換命令和所述當(dāng)前背景亮度確定所述顯示設(shè)備的切換后按鈕亮度； 根據(jù)所述顯示設(shè)備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對(duì)頁面進(jìn)行渲染然后輸出。2.根據(jù)權(quán)利要求1所述的頁面顯示方法，其特征在于，所述根據(jù)所述當(dāng)前背景色確定所述顯示設(shè)備的切換后背景色和切換后按鈕色的步驟包括: 確定所述顯示設(shè)備的切換后背景色為所述當(dāng)前背景色的互補(bǔ)色； 確定所述顯示設(shè)備的切換后按鈕色等于所述當(dāng)前背景色。3.根據(jù)權(quán)利要求1所述的頁面顯示方法，其特征在于，所述根據(jù)所述模式切換命令和所述當(dāng)前背景亮度確定所述顯示設(shè)備的切換后按鈕亮度的步驟包括: 在所述模式切換命令為所述第一模式切換命令的情況下，根據(jù)公式I1 = Hiin(If)XA,I.)計(jì)算所述切換后按鈕亮度； 在所述模式切換命令為所述第二模式切換命令的情況下，根據(jù)公式I1 = Hiax(If)^A,Imin)計(jì)算所述切換后按鈕亮度； 其中1:表示切換后按鈕亮度，1表示當(dāng)前背景亮度，A表示大于I的系數(shù)，Imax表示預(yù)設(shè)最大亮度閾值，Imx表示預(yù)設(shè)最小亮度閾值。4.根據(jù)權(quán)利要求1所述的頁面顯示方法，其特征在于， 在所述對(duì)頁面進(jìn)行渲染的步驟之前，還包括:根據(jù)所述切換后背景色和所述切換后按鈕色確定按鈕光暈色； 在所述對(duì)頁面進(jìn)行渲染的步驟中，根據(jù)所述按鈕光暈色對(duì)按鈕元素增加光暈效果。5.根據(jù)權(quán)利要求4所述的頁面顯示方法，其特征在于，所述按鈕光暈色為所述切換后背景色與所述切換后按鈕色二者的中間色。6.一種頁面顯示裝置，其特征在于，包括: 接收模塊，用于接收模式切換命令，所述模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令； 獲取模塊，用于獲取顯示設(shè)備的當(dāng)前背景色和當(dāng)前背景亮度； 確定模塊，用于根據(jù)所述當(dāng)前背景色確定所述顯示設(shè)備的切換后背景色和切換后按鈕色，并且根據(jù)所述模式切換命令和所述當(dāng)前背景亮度確定所述顯示設(shè)備的切換后按鈕亮度； 渲染模塊，用于根據(jù)所述顯示設(shè)備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對(duì)頁面進(jìn)行渲染然后輸出。7.根據(jù)權(quán)利要求6所述的頁面顯示裝置，其特征在于，所述確定模塊還用于: 確定所述顯示設(shè)備的切換后背景色為所述當(dāng)前背景色的互補(bǔ)色； 確定所述顯示設(shè)備的切換后按鈕色等于所述當(dāng)前背景色。8.根據(jù)權(quán)利要求6所述的頁面顯示裝置，其特征在于，所述確定模塊還用于: 在所述模式切換命令為所述第一模式切換命令的情況下，根據(jù)公式I1 = Hiin(If)XA,I.)計(jì)算所述切換后按鈕亮度； 在所述模式切換命令為所述第二模式切換命令的情況下，根據(jù)公式I1 = Hiax(If)^A,Imin)計(jì)算所述切換后按鈕亮度； 其中1:表示切換后按鈕亮度，1表示當(dāng)前背景亮度，A表示大于I的系數(shù)，Imax表示預(yù)設(shè)最大亮度閾值，Imx表示預(yù)設(shè)最小亮度閾值。9.根據(jù)權(quán)利要求6所述的頁面顯示裝置，其特征在于， 所述確定模塊還用于根據(jù)所述切換后背景色和所述切換后按鈕色確定按鈕光暈色； 所述渲染模塊還用于根據(jù)所述按鈕光暈色對(duì)按鈕元素增加光暈效果。10.根據(jù)權(quán)利要求9所述的頁面顯示裝置，其特征在于，所述確定模塊還用于確定所述按鈕光暈色為所述切換后背景色與所述切換后按鈕色二者的中間色。
【專利摘要】本發(fā)明提供一種頁面顯示方法和頁面顯示裝置，能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗(yàn)。其中，頁面顯示方法包括：接收模式切換命令，模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令；獲取顯示設(shè)備的當(dāng)前背景色和當(dāng)前背景亮度；根據(jù)當(dāng)前背景色確定顯示設(shè)備的切換后背景色和切換后按鈕色，并且根據(jù)模式切換命令和當(dāng)前背景亮度確定顯示設(shè)備的切換后按鈕亮度；根據(jù)顯示設(shè)備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對(duì)頁面進(jìn)行渲染然后輸出。
【IPC分類】G06F3/0481, G06F9/44
【公開號(hào)】CN105511717
【申請(qǐng)?zhí)枴緾N201510856945
【發(fā)明人】莫文
【申請(qǐng)人】北京京東尚科信息技術(shù)有限公司, 北京京東世紀(jì)貿(mào)易有限公司
【公開日】2016年4月20日
【申請(qǐng)日】2015年11月30日