页面显示方法和页面显示装置制造方法及图纸

本发明专利技术提供一种页面显示方法和页面显示装置，能够使页面中的按钮元素在背景的衬托下清晰可见，改善了用户视觉体验。其中，页面显示方法包括：接收模式切换命令，模式切换命令为表示从日间模式切换为夜间模式的第一模式切换命令或表示从夜间模式切换到日间模式的第二模式切换命令；获取显示设备的当前背景色和当前背景亮度；根据当前背景色确定显示设备的切换后背景色和切换后按钮色，并且根据模式切换命令和当前背景亮度确定显示设备的切换后按钮亮度；根据显示设备的切换后背景色、切换后按钮色以及切换后按钮亮度对页面进行渲染然后输出。

【技术实现步骤摘要】

本专利技术涉及计算机
，特别地涉及一种页面显示方法和页面显示装置。
技术介绍
随着科技发展，越来越多的用户频繁使用智能手机、平板电脑等设备。出于对保护视力目的，设备显示的页面通常设置了背景颜色为浅色的日间模式和背景颜色为深色的夜间模式供用户切换选择。页面中除了图片、文字之外，通常还包括按钮元素。现有技术中，切换模式之后页面的背景颜色发生了变化，但按钮元素的颜色通常并不改变，并且按钮亮度和背景亮度一致。这样可能会造成背景和按钮的颜色近似和/或亮度近似的情况，从而导致用户看不清楚按钮。
技术实现思路
有鉴于此，本专利技术提供一种页面显示方法和页面显示装置，能够使页面中的按钮元素在背景的衬托下清晰可见，改善了用户视觉体验。为实现上述目的，根据本专利技术的一个方面，提供了一种页面显示方法。本专利技术的页面显示方法包括：接收模式切换命令，所述模式切换命令为表示从日间模式切换为夜间模式的第一模式切换命令或表示从夜间模式切换到日间模式的第二模式切换命令；获取显示设备的当前背景色和当前背景亮度；根据所述当前背景色确定所述显示设备的切换后背景色和切换后按钮色，并且根据所述模式切换命令和所述当前背景亮度确定所述显示设备的切换后按钮亮度；根据所述显示设备的切换后背景色、切换后按钮色以及切换后按钮亮度对页面进行渲染然后输出。可选地，所述根据所述当前背景色确定所述显示设备的切换后背景色和切换后按钮色的步骤包括：确定所述显示设备的切换后背景色为所述当前背景色的互补色；确定所述显示设备的切换后按钮色等于所述当前背景色。可选地，所述根据所述模式切换命令和所述当前背景亮度确定所述显示设备的切换后按钮亮度的步骤包括：在所述模式切换命令为所述第一模式切换命令的情况下，根据公式I1＝min(I0×A，Imax)计算所述切换后按钮亮度；在所述模式切换命令为所述第二模式切换命令的情况下，根据公式I1＝max(I0÷A，Imin)计算所述切换后按钮亮度；其中I1表示切换后按钮亮度，I0表示当前背景亮度，A表示大于1的系数，Imax表示预设最大亮度阈值，Imax表示预设最小亮度阈值。可选地，在所述对页面进行渲染的步骤之前，还包括：根据所述切换后背景色和所述切换后按钮色确定按钮光晕色；在所述对页面进行渲染的步骤中，根据所述按钮光晕色对按钮元素增加光晕效果。可选地，所述按钮光晕色为所述切换后背景色与所述切换后按钮色二者的中间色。根据本专利技术的另一方面，提供了一种页面显示装置。本专利技术的页面显示装置包括：接收模块，用于接收模式切换命令，所述模式切换命令为表示从日间模式切换为夜间模式的第一模式切换命令或表示从夜间模式切换到日间模式的第二模式切换命令；获取模块，用于获取显示设备的当前背景色和当前背景亮度；确定模块，用于根据所述当前背景色确定所述显示设备的切换后背景色和切换后按钮色，并且根据所述模式切换命令和所述当前背景亮度确定所述显示设备的切换后按钮亮度；渲染模块，用于根据所述显示设备的切换后背景色、切换后按钮色以及切换后按钮亮度对页面进行渲染然后输出。可选地，所述确定模块还用于：确定所述显示设备的切换后背景色为所述当前背景色的互补色；确定所述显示设备的切换后按钮色等于所述当前背景色。可选地，所述确定模块还用于：在所述模式切换命令为所述第一模式切换命令的情况下，根据公式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：根据显示设备的切换后背景色、切换后按钮色以及切换后按钮亮度对页面进行渲染然后输出。根据本专利技术实施方式的页面显示方法，通过先确定切换后的背景颜色、按钮颜色以及按钮亮度然后渲染页面然后输出，可以使得背景和按钮的视觉效果存在差异，从而能够使页面中的按钮元素在背景的衬托下清晰可见，改善了用户视觉体验。可选地，步骤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