本發明專利技術提供一種頁面顯示方法和頁面顯示裝置，能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗。其中，頁面顯示方法包括：接收模式切換命令，模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令；獲取顯示設備的當前背景色和當前背景亮度；根據當前背景色確定顯示設備的切換后背景色和切換后按鈕色，并且根據模式切換命令和當前背景亮度確定顯示設備的切換后按鈕亮度；根據顯示設備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對頁面進行渲染然后輸出。
【技術實現步驟摘要】
本專利技術涉及計算機
，特別地涉及一種頁面顯示方法和頁面顯示裝置。
技術介紹
隨著科技發展，越來越多的用戶頻繁使用智能手機、平板電腦等設備。出于對保護視力目的，設備顯示的頁面通常設置了背景顏色為淺色的日間模式和背景顏色為深色的夜間模式供用戶切換選擇。頁面中除了圖片、文字之外，通常還包括按鈕元素。現有技術中，切換模式之后頁面的背景顏色發生了變化，但按鈕元素的顏色通常并不改變，并且按鈕亮度和背景亮度一致。這樣可能會造成背景和按鈕的顏色近似和/或亮度近似的情況，從而導致用戶看不清楚按鈕。
技術實現思路
有鑒于此，本專利技術提供一種頁面顯示方法和頁面顯示裝置，能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗。為實現上述目的，根據本專利技術的一個方面，提供了一種頁面顯示方法。本專利技術的頁面顯示方法包括：接收模式切換命令，所述模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令；獲取顯示設備的當前背景色和當前背景亮度；根據所述當前背景色確定所述顯示設備的切換后背景色和切換后按鈕色，并且根據所述模式切換命令和所述當前背景亮度確定所述顯示設備的切換后按鈕亮度；根據所述顯示設備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對頁面進行渲染然后輸出?？蛇x地，所述根據所述當前背景色確定所述顯示設備的切換后背景色和切換后按鈕色的步驟包括：確定所述顯示設備的切換后背景色為所述當前背景色的互補色；確定所述顯示設備的切換后按鈕色等于所述當前背景色。可選地，所述根據所述模式切換命令和所述當前背景亮度確定所述顯示設備的切換后按鈕亮度的步驟包括：在所述模式切換命令為所述第一模式切換命令的情況下，根據公式I1＝min(I0×A，Imax)計算所述切換后按鈕亮度；在所述模式切換命令為所述第二模式切換命令的情況下，根據公式I1＝max(I0÷A，Imin)計算所述切換后按鈕亮度；其中I1表示切換后按鈕亮度，I0表示當前背景亮度，A表示大于1的系數，Imax表示預設最大亮度閾值，Imax表示預設最小亮度閾值?？蛇x地，在所述對頁面進行渲染的步驟之前，還包括：根據所述切換后背景色和所述切換后按鈕色確定按鈕光暈色；在所述對頁面進行渲染的步驟中，根據所述按鈕光暈色對按鈕元素增加光暈效果?？蛇x地，所述按鈕光暈色為所述切換后背景色與所述切換后按鈕色二者的中間色。根據本專利技術的另一方面，提供了一種頁面顯示裝置。本專利技術的頁面顯示裝置包括：接收模塊，用于接收模式切換命令，所述模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令；獲取模塊，用于獲取顯示設備的當前背景色和當前背景亮度；確定模塊，用于根據所述當前背景色確定所述顯示設備的切換后背景色和切換后按鈕色，并且根據所述模式切換命令和所述當前背景亮度確定所述顯示設備的切換后按鈕亮度；渲染模塊，用于根據所述顯示設備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對頁面進行渲染然后輸出?？蛇x地，所述確定模塊還用于：確定所述顯示設備的切換后背景色為所述當前背景色的互補色；確定所述顯示設備的切換后按鈕色等于所述當前背景色?？蛇x地，所述確定模塊還用于：在所述模式切換命令為所述第一模式切換命令的情況下，根據公式I1＝min(I0×A，Imax)計算所述切換后按鈕亮度；在所述模式切換命令為所述第二模式切換命令的情況下，根據公式I1＝max(I0÷A，Imin)計算所述切換后按鈕亮度；其中I1表示切換后按鈕亮度，I0表示當前背景亮度，A表示大于1的系數，Imax表示預設最大亮度閾值，Imax表示預設最小亮度閾值。可選地，所述確定模塊還用于根據所述切換后背景色和所述切換后按鈕色確定按鈕光暈色；所述渲染模塊還用于根據所述按鈕光暈色對按鈕元素增加光暈效果。可選地，所述確定模塊還用于確定所述按鈕光暈色為所述切換后背景色與所述切換后按鈕色二者的中間色。根據本專利技術的技術方案，先確定切換后的背景顏色、按鈕顏色以及按鈕亮度然后渲染頁面然后輸出，使得背景和按鈕的視覺效果存在差異，從而能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗。附圖說明附圖用于更好地理解本專利技術，不構成對本專利技術的不當限定。其中：圖1是根據本專利技術實施方式的頁面顯示方法的基本步驟的示意圖；圖2是根據本專利技術實施方式的頁面顯示裝置的主要模塊的示意圖。具體實施方式以下結合附圖對本專利技術的示范性實施方式做出說明，其中包括本專利技術實施方式的各種細節以助于理解，應當將它們認為僅僅是示范性的。因此，本領域普通技術人員應當認識到，可以對這里描述的實施方式做出各種改變和修改，而不會背離本專利技術的范圍和精神。同樣，為了清楚和簡明，以下的描述中省略了對公知功能和結構的描述。圖1是根據本專利技術實施方式的頁面顯示方法的基本步驟的示意圖。如圖1所示，本專利技術實施方式的頁面顯示方法主要包括如下的步驟A至步驟D。步驟A：接收模式切換命令，模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令。步驟B：獲取顯示設備的當前背景色和當前背景亮度。步驟C：根據當前背景色確定顯示設備的切換后背景色和切換后按鈕色，并且根據模式切換命令和當前背景亮度確定顯示設備的切換后按鈕亮度。步驟D：根據顯示設備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對頁面進行渲染然后輸出。根據本專利技術實施方式的頁面顯示方法，通過先確定切換后的背景顏色、按鈕顏色以及按鈕亮度然后渲染頁面然后輸出，可以使得背景和按鈕的視覺效果存在差異，從而能夠使頁面中的按鈕元素在背景的襯托下清晰可見，改善了用戶視覺體驗?？蛇x地，步驟C中的根據當前背景色確定顯示設備的切換后背景色和切換后按鈕色的步驟具體包括：確定顯示設備的切換后背景色為當前背景色的互補色；確定顯示設備的切換后按鈕色等于當前背景色。該實施方式中，可以使得切換后背景色和切換后按鈕色互為補色，因此切換后的背景和按鈕在顏色反差明顯，按鈕元素在背景襯托之下清晰可見。需要解釋的是，等量混合后呈黑灰色的兩種顏色互為補色。在RGB色彩體系中，若一種顏色的GRB值為(a，b，c)，則它的互補色的RGB值為(2本文檔來自技高網...
【技術保護點】
一種頁面顯示方法，其特征在于，包括：接收模式切換命令，所述模式切換命令為表示從日間模式切換為夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第二模式切換命令；獲取顯示設備的當前背景色和當前背景亮度；根據所述當前背景色確定所述顯示設備的切換后背景色和切換后按鈕色，并且根據所述模式切換命令和所述當前背景亮度確定所述顯示設備的切換后按鈕亮度；根據所述顯示設備的切換后背景色、切換后按鈕色以及切換后按鈕亮度對頁面進行渲染然后輸出。
【技術特征摘要】
1.一種頁面顯示方法，其特征在于，包括：
接收模式切換命令，所述模式切換命令為表示從日間模式切換為
夜間模式的第一模式切換命令或表示從夜間模式切換到日間模式的第
二模式切換命令；
獲取顯示設備的當前背景色和當前背景亮度；
根據所述當前背景色確定所述顯示設備的切換后背景色和切換后
按鈕色，并且根據所述模式切換命令和所述當前背景亮度確定所述顯
示設備的切換后按鈕亮度；
根據所述顯示設備的切換后背景色、切換后按鈕色以及切換后按
鈕亮度對頁面進行渲染然后輸出。
2.根據權利要求1所述的頁面顯示方法，其特征在于，所述根據
所述當前背景色確定所述顯示設備的切換后背景色和切換后按鈕色的
步驟包括：
確定所述顯示設備的切換后背景色為所述當前背景色的互補色；
確定所述顯示設備的切換后按鈕色等于所述當前背景色。
3.根據權利要求1所述的頁面顯示方法，其特征在于，所述根據
所述模式切換命令和所述當前背景亮度確定所述顯示設備的切換后按
鈕亮度的步驟包括：
在所述模式切換命令為所述第一模式切換命令的情況下，根據公
式I1＝min(I0×A，Imax)計算所述切換后按鈕亮度；
在所述模式切換命令為所述第二模式切換命令的情況下，根據公
式I1＝max(I0÷A，Imin)計算所述切換后按鈕亮度；
其中I1表示切換后按鈕亮度，I0表示當前背景亮度，A表示大于1
的系數，Imax表示預設最大亮度閾值，Imax表示預設最小亮度閾值。
4.根據權利要求1所述的頁面顯示方法，其特征在于，
在所述對頁面進行渲染的步驟之前，還包括：根據所述切換后背
景色和所述切換后按鈕色確定按鈕光暈色；
在所述對頁面進行渲染的步驟中，根據所述按鈕光暈色對按鈕元
素增加光暈效果。
5.根據權利要求4所述的頁面顯示方法，其特征在于，所述按鈕
光暈色為所述切換后背...
【專利技術屬性】
技術研發人員：莫文，
申請(專利權)人：北京京東尚科信息技術有限公司，北京京東世紀貿易有限公司，
類型：發明
國別省市：北京;11
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。