页面显示方法和页面显示装置的制造方法
【技术领域】
[0001]本发明涉及计算机技术领域，特别地涉及一种页面显示方法和页面显示装置。
【背景技术】
[0002]随着科技发展，越来越多的用户频繁使用智能手机、平板电脑等设备。出于对保护视力目的，设备显示的页面通常设置了背景颜色为浅色的日间模式和背景颜色为深色的夜间模式供用户切换选择。页面中除了图片、文字之外，通常还包括按钮元素。
[0003]现有技术中，切换模式之后页面的背景颜色发生了变化，但按钮元素的颜色通常并不改变，并且按钮亮度和背景亮度一致。这样可能会造成背景和按钮的颜色近似和/或亮度近似的情况，从而导致用户看不清楚按钮。
【发明内容】
[0004]有鉴于此，本发明提供一种页面显示方法和页面显示装置，能够使页面中的按钮元素在背景的衬托下清晰可见，改善了用户视觉体验。
[0005]为实现上述目的，根据本发明的一个方面，提供了一种页面显示方法。
[0006]本发明的页面显示方法包括:接收模式切换命令，所述模式切换命令为表示从日间模式切换为夜间模式的第一模式切换命令或表示从夜间模式切换到日间模式的第二模式切换命令;获取显示设备的当前背景色和当前背景亮度;根据所述当前背景色确定所述显示设备的切换后背景色和切换后按钮色，并且根据所述模式切换命令和所述当前背景亮度确定所述显示设备的切换后按钮亮度;根据所述显示设备的切换后背景色、切换后按钮色以及切换后按钮亮度对页面进行渲染然后输出。
[0007]可选地，所述根据所述当前背景色确定所述显示设备的切换后背景色和切换后按钮色的步骤包括:确定所述显示设备的切换后背景色为所述当前背景色的互补色；确定所述显示设备的切换后按钮色等于所述当前背景色。
[0008]可选地，所述根据所述模式切换命令和所述当前背景亮度确定所述显示设备的切换后按钮亮度的步骤包括:在所述模式切换命令为所述第一模式切换命令的情况下，根据公式I1 =min(IQX A，Imax)计算所述切换后按钮亮度;在所述模式切换命令为所述第二模式切换命令的情况下，根据公式I1=Hiax(If^AJmin)计算所述切换后按钮亮度;其中I1表示切换后按钮亮度，1表示当前背景亮度，A表示大于I的系数，Imax表示预设最大亮度阈值，Imax表示预设最小亮度阈值。
[0009]可选地，在所述对页面进行渲染的步骤之前，还包括:根据所述切换后背景色和所述切换后按钮色确定按钮光晕色；在所述对页面进行渲染的步骤中，根据所述按钮光晕色对按钮元素增加光晕效果。
[0010]可选地，所述按钮光晕色为所述切换后背景色与所述切换后按钮色二者的中间色。
[0011 ]根据本发明的另一方面，提供了一种页面显示装置。
[0012]本发明的页面显示装置包括:接收模块，用于接收模式切换命令，所述模式切换命令为表示从日间模式切换为夜间模式的第一模式切换命令或表示从夜间模式切换到日间模式的第二模式切换命令;获取模块，用于获取显示设备的当前背景色和当前背景亮度;确定模块，用于根据所述当前背景色确定所述显示设备的切换后背景色和切换后按钮色，并且根据所述模式切换命令和所述当前背景亮度确定所述显示设备的切换后按钮亮度;渲染模块，用于根据所述显示设备的切换后背景色、切换后按钮色以及切换后按钮亮度对页面进行清染然后输出。
[0013]可选地，所述确定模块还用于:确定所述显示设备的切换后背景色为所述当前背景色的互补色;确定所述显示设备的切换后按钮色等于所述当前背景色。
[0014]可选地，所述确定模块还用于:在所述模式切换命令为所述第一模式切换命令的情况下，根据公式I1=Hiin(If)XA, I.)计算所述切换后按钮亮度;在所述模式切换命令为所述第二模式切换命令的情况下，根据公式I1=Hiax(If)^A, Imin)计算所述切换后按钮亮度;其中1:表示切换后按钮亮度，1表示当前背景亮度，A表示大于I的系数，Imax表示预设最大亮度阈值，Imax表示预设最小亮度阈值。
[0015]可选地，所述确定模块还用于根据所述切换后背景色和所述切换后按钮色确定按钮光晕色;所述渲染模块还用于根据所述按钮光晕色对按钮元素增加光晕效果。
[0016]可选地，所述确定模块还用于确定所述按钮光晕色为所述切换后背景色与所述切换后按钮色二者的中间色。
[0017]根据本发明的技术方案，先确定切换后的背景颜色、按钮颜色以及按钮亮度然后渲染页面然后输出，使得背景和按钮的视觉效果存在差异，从而能够使页面中的按钮元素在背景的衬托下清晰可见，改善了用户视觉体验。
【附图说明】
[0018]附图用于更好地理解本发明，不构成对本发明的不当限定。其中:
[0019]图1是根据本发明实施方式的页面显示方法的基本步骤的示意图；
[0020]图2是根据本发明实施方式的页面显示装置的主要模块的示意图。
【具体实施方式】
[0021]以下结合附图对本发明的示范性实施方式做出说明，其中包括本发明实施方式的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施方式做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
[0022]图1是根据本发明实施方式的页面显示方法的基本步骤的示意图。如图1所示，本发明实施方式的页面显示方法主要包括如下的步骤A至步骤D。
[0023]步骤A:接收模式切换命令，模式切换命令为表示从日间模式切换为夜间模式的第一模式切换命令或表示从夜间模式切换到日间模式的第二模式切换命令。
[0024]步骤B:获取显示设备的当前背景色和当前背景亮度。
[0025]步骤C:根据当前背景色确定显示设备的切换后背景色和切换后按钮色，并且根据模式切换命令和当前背景亮度确定显示设备的切换后按钮亮度。
[0026]步骤D:根据显示设备的切换后背景色、切换后按钮色以及切换后按钮亮度对页面进行清染然后输出。
[0027]根据本发明实施方式的页面显示方法，通过先确定切换后的背景颜色、按钮颜色以及按钮亮度然后渲染页面然后输出，可以使得背景和按钮的视觉效果存在差异，从而能够使页面中的按钮元素在背景的衬托下清晰可见，改善了用户视觉体验。
[0028]可选地，步骤C中的根据当前背景色确定显示设备的切换后背景色和切换后按钮色的步骤具体包括:确定显示设备的切换后背景色为当前背景色的互补色；确定显示设备的切换后按钮色等于当前背景色。该实施方式中，可以使得切换后背景色和切换后按钮色互为补色，因此切换后的背景和按钮在颜色反差明显，按钮元素在背景衬托之下清晰可见。
[0029]需要解释的是，等量混合后呈黑灰色的两种颜色互为补色。在RGB色彩体系中，若一种颜色的61^值为(&，13，(3)，则它的互补色的10值为(255-&，255-13，255-(3)。举例，黑色的RGB值为(0，0，0)，黑色的互补色为白色，白色的RGB值为(255，255，255)。
[0030]可选地，步骤C中的根据模式切换命令和当前背景亮度确定显示设备的切换后按钮亮度的步骤具体包括:在模式切换命令为第一模式切换命令的情况下，根据公式I1=Hiin(Ιο X A，Imax)计算切换后按钮亮度;在模式切换命令为第二模式切换命令的情况下，根据公式I1=Hiax(It^AJmin)计算切换后按钮亮度。其中1康示切换后按钮亮度，1表示当前背景亮度，A表示大于I的系数，Imax表示预设最大亮度阈值，Imax表示预设最小亮度阈值。该实施方式中，可以使得切换后背景亮度和切换后按钮亮度并不相同，因此切换后的背景和按钮在亮度维度上有差异，按钮元素在背景衬托之下清晰可见。
[0031 ] 可选地，在对页面进行渲染的步骤之前，还包括:根据切换后背景色和切换后按钮色确定按钮光晕色;在对页面进