CN107179889A - 界面色彩调节方法、网页色彩调节方法及装置 - Google Patents
界面色彩调节方法、网页色彩调节方法及装置 Download PDFInfo
- Publication number
- CN107179889A CN107179889A CN201610133707.9A CN201610133707A CN107179889A CN 107179889 A CN107179889 A CN 107179889A CN 201610133707 A CN201610133707 A CN 201610133707A CN 107179889 A CN107179889 A CN 107179889A
- Authority
- CN
- China
- Prior art keywords
- color
- ambient light
- light intensity
- interface
- foreground
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 120
- 230000003750 conditioning effect Effects 0.000 title abstract 6
- 230000008569 process Effects 0.000 claims abstract description 23
- 238000012544 monitoring process Methods 0.000 claims abstract description 11
- 230000000007 visual effect Effects 0.000 claims description 60
- 230000008859 change Effects 0.000 claims description 20
- 238000005516 engineering process Methods 0.000 claims description 19
- 239000003086 colorant Substances 0.000 claims description 17
- 230000002194 synthesizing effect Effects 0.000 claims description 14
- 238000003708 edge detection Methods 0.000 claims description 9
- 230000015572 biosynthetic process Effects 0.000 claims description 8
- 238000003786 synthesis reaction Methods 0.000 claims description 8
- 230000001105 regulatory effect Effects 0.000 claims description 7
- 238000003909 pattern recognition Methods 0.000 claims description 5
- 230000004438 eyesight Effects 0.000 abstract description 4
- 238000013459 approach Methods 0.000 abstract 1
- 238000004364 calculation method Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 238000005286 illumination Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 208000003464 asthenopia Diseases 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000001186 cumulative effect Effects 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000638 stimulation Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种界面色彩调节方法及装置,同时公开了一种网页色彩调节方法及装置,另一种界面色彩调节方法及装置,以及一种电子设备。所述第一种界面色彩调节方法包括:获取环境光强度;根据所述环境光强度调节界面的显示色彩。本申请提供的上述方法,提出了一种根据环境光强度自动调节界面显示色彩的新思路,通过对不同环境光强度下的界面显示色彩进行调节,使得界面显示色彩能够与环境光的强度相适应,有助于用户正确辨识界面显示的内容、并且保护用户的视力,从而有效提升用户的屏幕浏览体验。此外,通过定时或者监听事件的方式实施本技术方案,能够实现细微的、连续的色彩调节能力;而且调节过程无需用户参与,保障用户良好的浏览体验。
Description
技术领域
本申请涉及界面显示技术,具体涉及一种界面色彩调节方法及装置。本申请同时涉及一种网页色彩调节方法及装置,另一种界面色彩调节方法及装置,以及一种电子设备。
背景技术
随着计算机以及无线通讯技术的发展,包括个人电脑、移动终端设备在内的各种电子设备,已经成为了人们生活中的必备品。这些电子设备通常通过显示界面向用户展示信息,而用户也可以根据显示的信息执行相应的操作,例如通过点击、触控按钮等方式发送操作指令。
在实际应用中,用户常常会在不同的环境下浏览显示界面上的信息,不同的环境下会有不同的光照强度(也称环境光强度),例如:户外白天的环境光相对比较强,而室内的环境光相对较弱。此外,即使用户在同一个环境下使用电子设备,光照强度也可能发生逐渐增强或者逐渐减弱的渐进变化。而光照强度的变化,会影响电子设备显示界面的显示效果,例如,在强光下可能会使屏幕显示内容显得比较昏暗,让用户难以识别、并且易于造成视觉疲劳;而在光线比较弱的情况下,显示界面则可能给用户带来比较强烈的刺激,从而影响用户的使用体验。
针对上述问题,有些电子设备(例如:智能手机)可以通过对环境光强度的检测,自动调节屏幕的亮度,例如,当环境光强度较强时,相应调高显示屏的亮度;当环境光强度较弱时,则相应降低显示屏的亮度。采用自动调节屏幕亮度的方式,在一定程度上可以改善用户在不同环境下的浏览体验,但是由于界面显示颜色的多样性,采用调节亮度的方式,有时依然无法有效提升用户的浏览体验。
发明内容
本申请实施例的一种界面色彩调节方法及装置,提出了一种根据环境光强度自动调节界面显示色彩的新思路,以解决通过亮度调节方式无法有效改善用户在不同环境下的浏览体验的问题。本申请实施例还提供一种网页色彩调节方法及装置,另一种界面色彩调节方法及装置,以及一种电子设备。
本申请提供一种界面色彩调节方法,包括:
获取环境光强度;
根据所述环境光强度调节界面的显示色彩。
可选的,所述获取环境光强度,采用如下方式实现:
通过调用用于获取环境光强度的接口,获取所述环境光强度;或者,
通过监听环境光强度变化事件,获取所述环境光强度。
可选的,在所述获取环境光强度的步骤之后,包括:
根据环境光强度的历史数据和本次获取的环境光强度,计算环境光强度的变化量;
并当所述环境光强度的变化量大于预设阈值时,执行所述根据所述环境光强度调节界面的显示色彩的步骤。
可选的,所述根据所述环境光强度调节界面的显示色彩,包括:根据所述环境光强度,对所述界面中的各显示元素的前景色和/或背景色进行调节。
可选的,所述界面包括网页;所述对所述界面中的各显示元素的前景色和/或背景色进行调节,采用如下方式实现:
遍历对应于所述网页的DOM Tree,针对其中的节点执行下述操作:
判断所述节点是否为可视节点;
若是,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
可选的,根据所述环境光强度,对显示元素或可视节点的前景色和/或背景色进行调节,包括:
从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
根据所选色彩方案中指定的前景色和背景色,对显示元素或可视节点的相应颜色进行设置。
可选的,所述方法在采用RGB色彩模式的设备上实施;
根据环境光强度,对显示元素或可视节点的前景色和/或背景色进行调节,包括:
在所述前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,在所述背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
可选的,当所述方法包括设置所述前景色的颜色值时,所述设置过程包括:
获取所述前景色的原R、G、B分量值;
在所述原R、G、B分量值的基础上,分别按照与环境光强度成反比的方式,计算调节后的各R、G、B分量值;
根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述前景色进行设置。
可选的,当所述方法包括设置所述背景色的颜色值时,所述设置过程包括:
获取所述背景色的原R、G、B分量值;
在所述原R、G、B分量值的基础上,分别按照与环境光强度成正比的方式,计算调节后的各R、G、B分量值;
根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述背景色进行设置。
可选的,所述根据所述环境光强度调节界面的显示色彩,包括:
确定显示缓存中存储的界面图像的前景区域和背景区域;
根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
可选的,所述确定显示缓存中存储的界面图像的前景区域和背景区域,包括:
根据显示缓存中存储的像素点的颜色值,利用边缘检测技术和/或模式识别技术,确定所述界面图像的前景区域和背景区域。
可选的,所述根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节,包括:
从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
对于前景区域中的像素点,用所述色彩方案指定的前景色设置所述像素点的颜色值;和/或,对于背景区域中的像素点,用所述色彩方案指定的背景色设置所述像素点的颜色值。
可选的,所述方法在采用RGB色彩模式的设备上实施;
所述根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节,包括:
对于前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,
对于背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
相应的,本申请还提供一种界面色彩调节装置,包括:
环境光强度获取单元,用于获取环境光强度;
界面色彩调节单元,用于根据所述环境光强度调节界面的显示色彩。
可选的,所述环境光强度获取单元具体用于,通过调用用于获取环境光强度的接口,获取所述环境光强度;或者,通过监听环境光强度变化事件,获取所述环境光强度。
可选的,所述装置还包括:
变化量计算单元,用于在所述环境光强度获取单元获取环境光强度后,根据环境光强度的历史数据和本次获取的环境光强度,计算环境光强度的变化量;
变化量判断单元,用于判断所述变化量计算单元输出的变化量是否大于预设阈值,并在大于时,触发所述界面色彩调节单元工作。
可选的,所述界面色彩调节单元具体用于,根据所述环境光强度,对所述界面中的各显示元素的前景色和/或背景色进行调节;
所述界面色彩调节单元包括:
循环控制子单元,用于依次针对界面中的各显示元素,触发调节执行子单元;
显示元素调节子单元,用于对所述循环控制子单元当前处理的显示元素的背景色和/或前景色进行调节。
可选的,所述界面色彩调节单元包括:
遍历子单元,用于遍历对应于页面的DOM Tree,并针对其中的节点触发以下子单元;
可视判断子单元,用于判断所述遍历子单元当前处理的节点是否为可视节点;
可视节点调节子单元,用于当所述可视判断子单元的输出为是时,对所述可视节点的前景色和/或背景色进行调节。
可选的,所述显示元素调节子单元或所述可视节点调节子单元,分别包括以下子单元:
色彩方案选择子单元,用于从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
颜色设置子单元,用于根据所述色彩方案选择子单元所选色彩方案中指定的前景色和背景色,对显示元素或可视节点的相应颜色进行设置。
可选的,所述装置部署于采用RGB色彩模式的设备上;
所述显示元素调节子单元或所述可视节点调节子单元,分别包括:
前景色设置子单元,用于在前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,
背景色设置子单元,用于在背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
可选的,当所述装置包括前景色设置子单元时,所述前景色设置子单元包括:
前景分量值获取子单元,用于获取所述前景色的原R、G、B分量值;
前景分量值计算子单元,用于在所述原R、G、B分量值的基础上,分别按照与环境光强度成反比的方式,计算调节后的各R、G、B分量值;
前景颜色值合成子单元,用于根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述前景色进行设置。
可选的,当所述装置包括背景色设置子单元时,所述背景色设置子单元包括:
背景分量值获取子单元,用于获取所述背景色的原R、G、B分量值;
背景分量值计算子单元,用于在所述原R、G、B分量值的基础上,分别按照与环境光强度成正比的方式,计算调节后的各R、G、B分量值;
背景颜色值合成子单元,用于根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述背景色进行设置。
可选的,所述界面色彩调节单元,包括:
前景背景划分子单元,用于确定显示缓存中存储的界面图像的前景区域和背景区域;
像素颜色值调节子单元,用于根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
可选的,所述前景背景划分子单元,具体用于根据显示缓存中存储的像素点的颜色值,利用边缘检测技术和/或模式识别技术,确定所述界面图像的前景区域和背景区域。
可选的,所述像素颜色值调节子单元,包括:
色彩方案选择子单元,用于从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
颜色值调节子单元,用于对于前景区域中的像素点,用所述色彩方案指定的前景色设置所述像素点的颜色值;和/或,对于背景区域中的像素点,用所述色彩方案指定的背景色设置所述像素点的颜色值。
可选的,所述装置部署于采用RGB色彩模式的设备上;
所述像素颜色值调节子单元,包括:
前景像素点调节子单元,用于对于前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,
背景像素点调节子单元,用于对于背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
此外,本申请还提供一种网页色彩调节方法,包括:
获取环境光强度;
遍历在界面中显示的网页的DOM Tree,并针对其中的节点执行下述操作:当所述节点为可视节点时,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
可选的,所述方法在采用RGB色彩模式的设备上实施;
所述根据环境光强度,对所述可视节点的前景色和/或背景色进行调节,包括:
在所述可视节点的前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,在所述可视节点的背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
相应的,本申请还提供一种网页色彩调节装置,包括:
环境光强度获取单元,用于获取环境光强度;
网页色彩调节单元,用于遍历在界面中显示的网页的DOM Tree,并针对其中的节点执行下述操作:当所述节点为可视节点时,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
此外,本申请还提供另一种界面色彩调节方法,包括:
获取环境光强度;
确定显示缓存中存储的界面图像的前景区域和背景区域;
根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
可选的,所述方法在采用RGB色彩模式的设备上实施;
所述根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节,包括:
对前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,
对背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
相应的,本申请还提供另一种界面色彩调节装置,包括:
环境光强度获取单元,用于获取环境光强度;
前景背景划分单元,用于确定显示缓存中存储的界面图像的前景区域和背景区域;
像素颜色值调节单元,用于根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
此外,本申请还提供一种电子设备,包括:
环境光传感器;
显示器;
处理器;
存储器,用于存储界面色彩调节程序,所述程序在被所述处理器读取执行时,执行如下操作:获取环境光强度,根据所述环境光强度调节界面的显示色彩。
与现有技术相比,本申请具有以下优点:
本申请提供的界面色彩调节方法,通过获取环境光强度,并根据所述环境光强度调节界面的显示色彩。本申请提供的上述方法,提出了一种根据环境光强度自动调节界面显示色彩的新思路,通过对不同环境光强度下的界面显示色彩进行调节,使得界面显示色彩能够与环境光的强度相适应,有助于用户正确辨识界面显示的内容、并且保护用户的视力,从而有效提升用户的屏幕浏览体验。此外,通过定时或者监听事件的方式实施本技术方案,能够相对实时地检测到环境光强度的变化,从而能够实现细微的、连续的色彩调节能力,即使在环境光强度变化不明显的场景下,也能够进行调节;而且调节过程无需用户参与,避免打断用户的浏览过程,保障用户良好的浏览体验。
附图说明
图1是本申请的一种界面色彩调节方法的实施例的流程图;
图2是本申请实施例提供的根据RGB分量调节前景色的处理流程图;
图3是本申请实施例提供的根据RGB分量调节背景色的处理流程图;
图4是本申请实施例提供的通过更改底层绘图系统的颜色配置、调节界面显示色彩的处理流程图;
图5是本申请的一种界面色彩调节装置的实施例的示意图;
图6是本申请的一种网页色彩调节方法的实施例的流程图;
图7是本申请的一种网页色彩调节装置的实施例的示意图;
图8是本申请的另一种界面色彩调节方法的实施例的流程图;
图9是本申请的另一种界面色彩调节装置的实施例的示意图。
图10是本申请的一种电子设备的实施例的示意图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是,本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此,本申请不受下面公开的具体实施的限制。
在本申请中,分别提供了一种界面色彩调节方法及装置,一种网页色彩调节方法及装置,另一种界面色彩调节方法及装置,以及一种电子设备。在下面的实施例中逐一进行详细说明。
本申请提供的技术方案,没有采用传统的调节屏幕亮度的方式,而是提供了一种自动根据环境光强度调节界面显示色彩的方法,即:获取环境光强度,并根据获取的环境光强度触发对界面显示色彩的调节。通过针对不同的环境光强度,对界面显示色彩进行调节,使得界面显示色彩能够与环境光强度相适应,有助于用户正确辨识界面显示的内容、并且保护用户的视力,从而有效提升用户的屏幕浏览体验。特别是,通过定时或者监听事件的方式实施本技术方案,能够相对实时地检测到环境光强度的变化,从而能够自动实现细微的、连续的色彩调节能力,即使在环境光强度变化不明显的场景下,也能够进行调节;而且调节过程无需用户参与,避免打断用户的浏览过程,可以进一步提升用户的体验。
请参考图1,其为本申请的一种界面色彩调节方法的实施例的流程图。所述方法包括如下步骤:
步骤101、获取环境光强度。
环境光(ambient light),也称周边光,通常可以通过宿主设备(实施本实施例提供的界面色彩调节方法的设备)配备的环境光传感器(也称光传感器)进行检测,环境光传感器能够感知设备周围的光线情况,并输出检测到的环境光强度,其单位通常为勒克斯(lux)。
获取环境光强度,在具体实施时,可以通过直接读取环境光传感器的输出来获取该信息,也可以通过宿主设备提供的接口监测环境光强度,对于后者具体可以采用以下两种方式之一:
(一)通过调用用于获取环境光强度的接口,获取环境光强度。例如,宿主设备所采用的系统(以下简称系统)提供获取环境光强度的API(应用程序编程接口):ambient light device api,本步骤可以通过调用该API,获取当前的环境光强度。在具体实施时,可以通过启动定时器,定时调用该API,即,定时获取环境光强度,从而能够相对实时地检测到环境光强度的变化,可以自动实现细微的、连续的色彩调节能力,即使在环境光强度变化不明显的场景下,也能够进行调节。
(二)通过监听环境光强度变化事件,获取环境光强度。例如,系统提供针对环境光的事件监听机制,当环境光强度变化时会触发相应的环境光强度变化事件,那么本步骤可以监听所述环境光强度变化事件,并在对应于该事件的处理函数中,通过该事件传递的参数获取环境光强度的数值,从而获取当前的环境光强度。
步骤102、根据所述环境光强度调节界面的显示色彩。
本步骤可以根据步骤101获取的环境光强度,调节界面的显示色彩。
优选地,为了减少对宿主设备处理器资源的占用,可以在执行本步骤之前,根据之前获取环境光强度的历史数据和本次获取的环境光强度,计算环境光强度的变化量,并当计算得到的变化量大于预设阈值时,根据步骤101获取的环境光强度调节界面的显示色彩。
在具体实施时,可以采用不同方式计算环境光强度的变化量。例如,可以根据步骤101获取的环境光强度、以及上一次获取的环境光强度,计算两者的差值从而得到环境光强度的变化量;也可以根据步骤101获取的环境光强度、以及上一次调节界面色彩时的环境光强度,计算得到环境光强度的变化量(即:从上一次调节到当前的累积变化量)。
当环境光强度的变化量大于预设阈值时触发对界面色彩的调节,可以实现对调节过程的灵活控制。如果将预设阈值设置为0,那么只要环境光强度发生变化,就调节界面的显示色彩,从而可以实现相对平滑的色彩调节;如果将预设阈值设置为大于0的数值,则当变化量达到要求时,才调节界面的显示色彩,则可以减少对处理器资源的占用。在具体实施时,可以兼顾处理器资源的利用情况、以及用户的浏览体验,设置适当的预设阈值。
在具体实施时,所述预设阈值可以是预先设定的固定数值,也可以根据环境光强度的取值范围划分不同的区间,为每个区间设置相应的阈值,采用这种方式能够更好地实现在不同光照强度下对界面显示色彩的调节。
以上对触发本步骤的时机进行了描述,下面对本步骤根据步骤101获取的环境光强度调节界面的显示色彩的具体实施方式进行说明。
电子设备在显示器上显示的界面,例如应用程序界面,通常可以包括一种或者一种以上具有颜色属性的显示元素,所述显示元素包括:文本框,按钮、菜单栏等等,所述颜色属性通常包括:前景色和背景色。以文本框为例,对文本框进行整体填充的颜色为背景色,而在背景色之上显示的内容的颜色,例如文字的颜色,即为前景色。
本步骤可以由系统或者应用程序中负责界面绘制的UI模块(用户界面模块),利用显示元素操作接口,根据所述环境光强度对界面中各显示元素的前景色和/或背景色进行调节,例如,可以根据环境光强度计算前景色和/或背景色的颜色值,并用计算得到的颜色值设置显示元素的相应颜色值(例如调用类似setTextcolor()、setBackgroundColor()这样的接口函数),该设置通过图形系统对显存的更新,即可显示在界面上,从而实现对界面显示色彩的调节。
如果在界面中显示的为网页,也即,界面中的显示元素由网页承载,在这种应用场景下,则可以由负责渲染的网络引擎(web engine)根据当前的环境光强度,对所述网页的DOM Tree中的可视节点的前景色和/或背景色进行设置,实现对页面色彩的调节。所述DOM(Document Object Model—文档对象化模型)Tree是将网页代码(例如:HTML代码)结构解析得到的一个树形结构,网页中的页面元素可以对应于DOM Tree中的节点,不同的节点之间可能存在父子关系,兄弟关系,所有节点共同构成了一个DOM Tree。
当网络引擎进行页面的渲染显示时,通常会在内存中生成DOM Tree,本步骤则可以遍历DOM Tree,并针对每个DOM节点执行下述操作:根据所述节点的可视属性,判断该节点是否为可视节点,若是,则获取对应于该节点的前景色和/或背景色,并根据所述环境光强度对相应颜色进行调节。例如,可以根据环境光强度计算前景色和/或背景色的颜色值,并用计算得到的颜色值对该节点的相应颜色值进行设置。网络引擎更新Dom节点的颜色后,会触发对显存中的相应数据的更新,从而在屏幕上显示出调节色彩后的网页。
需要说明的,在对界面中的显示元素或者DOM tree中可视节点进行颜色调节时,可以仅调节前景色或者背景色,也可以对前景色和背景色都进行调节,在具体实施时,可以根据需要选择相应的实施方式。例如,可以计算环境光强度的变化量,当变化量小于或者等于预设阈值时,可以仅对前景色进行调节,当环境光强度的变化量大于上述预设阈值时,则可以对前景色和背景色都进行调节,以使界面显示色彩更好地适应环境光强度的变化。
下面对前景色以及背景色的调节方式作具体说明。为了使界面显示色彩与环境光强度相适应,本实施例提供两种调节方式:采用预设的色彩方案进行调节;或者,通过计算前景色和背景色的颜色值进行调节。下面对这两种方式分别进行说明。
(一)采用预设的色彩方案进行调节。
采用这种方式,可以预先设定一系列色彩方案,每个色彩方案可以指定具体的前景色和背景色,并设定与每个色彩方案相对应的环境光强度或者环境光强度范围。例如:可以针对比较强的环境光,设定这样的色彩方案:背景色为浅灰色,前景色为黑色;针对比较弱的环境光,设定这样的色彩方案:背景色为淡绿色,前景色为浅灰色。
本步骤对显示元素或者DOM tree中可视节点的前景色和/或背景色进行调节时,可以从预设的色彩方案中提取与步骤101获取的环境光强度相对应的色彩方案,然后根据所选色彩方案中指定的前景色和背景色,对显示元素或可视节点的相应颜色进行设置。例如,用所选色彩方案中指定的前景色设置可视节点的前景色,用所选色彩方案中指定的背景色设置可视节点的背景色。采用预设色彩方案的方式进行调节,其优点是:调节过程相对简单。
(二)通过计算颜色值进行调节。
采用这种方式,可以在显示元素或者可视节点原颜色值的基础上,根据步骤101获取的环境光强度计算显示元素或者可视节点的相应颜色值、并进行相应设置。采用这种调节方式,由于是在显示元素或者可视节点的原颜色值的基础上进行的调节,因此能够使调节过程更为平滑、柔和,不会给用户带来比较突兀的视觉体验。
由于个人电脑和移动通讯设备等电子设备通常采用RGB色彩模式,因此本实施例给出在采用RGB色彩模式的设备上的颜色调节方式。所述RGB色彩模式,是指任何一种色光都可由R(红)、G(绿)、B(蓝)三基色按不同的比例混合而成,而采用RGB色彩模式的设备,通常对三基色分量分别进行编码,并将编码后的数值合成为RGB颜色值。在RGB色彩模式中,当三基色分量都为0时对应黑色;当三基色分量都为最大值(以8bit编码方式为例,即为255)时对应白色。下面基于RGB色彩模式,分别对前景色和背景色的调节过程进行说明。
1)根据环境光强度调节前景色。
对于前景色,通常环境光强度越强(环境光强度数值越大)时,需要颜色越鲜明、越深,以便于用户浏览,也即:前景色的RGB颜色值与环境光强度成反比。因此可以在前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的RGB值。例如,可以按照如下所示的公式1进行计算:
show_color=α*org_color_value/ambient_light_value---公式1
其中,org_color_value为前景色的原RGB值(即,调节之前的RGB值),ambient_light_value为步骤101获取的环境光强度的数值,α为比例系数,该比例系数的取值可以根据调试验证结果进行设置,show_color为调节后的前景色的颜色值。采用上述公式计算得到show_color后,用show_color的值设置所述前景色的RGB值,则完成了对前景色的调节。
优选地,为了更为准确地计算调节后的RGB颜色值,可以采用对R、G、B各个分量值分别进行计算然后再进行合成、调节的方式,采用这种方式计算结果更为准确,可以获取更佳的调节效果。
如前所述,在采用RGB模式的电子设备中,RGB颜色值通常是由每个颜色分量的值按照一定规则合成得到的,以采用8bit编码为例,RGB颜色值可以采用以下公式计算得到:RGB颜色值=(65536*R分量值)+(256*G分量值)+B分量值。
因此,根据环境光强度对前景色进行调节的过程,可以包括如下所示的步骤102-1-1至102-1-3,下面结合图2对上述调节前景色的优选实施方式进行说明:
步骤102-1-1、获取所述前景色的原R、G、B分量值。
可以根据RGB颜色值的合成规则,按照相应的方式从所述前景色中提取原R、G、B分量值(即:未调节前的各R、G、B分量值)。
步骤102-1-2、在原R、G、B分量值的基础上,分别按照与环境光强度成反比的方式,计算调节后的各R、G、B分量值。
例如,可以采用公式1计算调节后的各R、G、B分量值,在计算过程中,对于各R、G、B分量,可以采用相同的α比例系数,也可以采用不同的α比例系数。
步骤102-1-3、根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述前景色进行设置。
2)根据环境光强度调节背景色。
对于背景色,通常环境光强度越强(环境光强度数值越大)时,需要颜色越突出,例如,在环境光比较强烈的户外,可以选择浅色作为背景色(例如采用白色作为背景色,黑色作为前景色)以便于用户浏览,也即:背景色的RGB颜色值与环境光强度成正比。因此可以在背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的RGB值。例如,可以按照如下所示的公式2进行计算:
show_color=β*org_color_value*ambient_light_value---公式2
其中,org_color_value为背景色的原RGB值(即,调节之前的RGB值),ambient_light_value为步骤101获取的环境光强度的数值,β为比例系数,该比例系数的取值可以根据调试验证结果进行设置,show_color为调节后的背景色的颜色值。采用上述公式计算得到show_color后,用show_color的值设置所述背景色的RGB值,则完成了对背景色的调节。
优选地,与上述调节前景色的优选实施方式类似,在调节背景色时,为了更为准确地计算调节后的RGB颜色值,可以采用对R、G、B各个分量值分别进行计算然后再进行合成、调节的方式,采用这种方式计算结果更为准确,可以获取更佳的调节效果。
具体说,根据环境光强度对背景色进行调节的过程,可以包括如下所示的步骤102-2-1至102-2-3,下面结合图3对上述调节背景色的优选实施方式进行说明:
步骤102-2-1、获取所述背景色的原R、G、B分量值。
可以根据RGB颜色值的合成规则,按照相应的方式从所述背景色中提取原R、G、B分量值(即未调节前的R、G、B分量值)。
步骤102-2-2、在原R、G、B分量值的基础上,分别按照与环境光强度成正比的方式,计算调节后的各R、G、B分量值。
例如,可以采用公式2计算调节后的各R、G、B分量值,在计算过程中,对于各R、G、B分量,可以采用相同的β比例系数,也可以采用不同的β比例系数。
步骤102-2-3、根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述背景色进行设置。
上述文字,对于在采用RGB色彩模式的设备上,通过计算前景色和背景色的颜色值进行色彩调节的实施方式进行了说明。在实际应用中,也可以在采用其他色彩模式的设备上进行界面显示色彩的调节。
例如:在采用YUV色彩模式的设备上,对于前景色,可以先获取原YUV颜色值中的Y分量,然后在该分量的基础上,按照与环境光成反比的方式,计算调节后的Y分量,并用计算得到的Y分量设置所述前景色的Y分量;同样的道理,对于背景色,可以先获取原YUV颜色值中的Y分量,然后在该分量的基础上,按照与环境光成正比的方式,计算调节后的Y分量,并用计算得到的Y分量设置所述背景色的Y分量。
至此,对本实施例提供的一种界面色彩调节方法的具体实施过程进行了描述。需要说明的是,上述给出的实施过程,是从负责显示用户界面的上层模块的角度出发的,通过系统或者应用程序的UI模块对显示元素的前景色和/或背景色的设置,或者,通过网络引擎对DOM Tree中可视节点的前景色和/或背景色的设置,实现了根据环境光强度调节界面显示色彩的功能。此外,还可以通过更改底层绘图系统的颜色配置,实现调节界面显示色彩的功能,在这种实施方式下,所述步骤102的处理过程具体包括确定显示缓存中的前景区域和背景区域、以及对显示缓存中像素点的颜色值进行调节两个步骤,下面结合图4作进一步说明。
步骤102-3-1、确定显示缓存中存储的界面图像的前景区域和背景区域。
所述显示缓存,通常是指对应于显示设备的缓存,该缓存中的每个存储单元对应于显示屏幕上的一个像素点,因此可以认为该缓存是屏幕所显示的界面图像的直接映像,通过修改显示缓存中的像素点的颜色值,即可改变在屏幕上显示的界面色彩。此处描述的实施方式正是利用了显示缓存的这一特点。
本步骤可以根据显示缓存中存储的像素点的颜色值,利用边缘检测技术确定所述界面图像的前景区域和背景区域。具体实现可以是:利用边缘检测算法识别界面图像中的轮廓,根据识别出的轮廓将所述界面图像划分为不同的区域,根据每个区域中所包含的像素点的色彩分布特征确定其为前景区域还是背景区域,例如:对于颜色比较单一的区域,可以认为是背景区域,对于颜色比较丰富的区域,则可以判定为前景区域。
本步骤也可以根据显示缓存中存储的像素点的颜色值,采用模式识别技术确定所述界面图像的前景区域和背景区域。例如:采用模式识别技术识别出所述界面图像中部分像素点对应的是文字,那么可以认为这部分像素点组成的区域为前景区域,而其他像素点所在区域即为背景区域。
当然在具体实施过程中,可以综合运用边缘检测技术和模式识别技术,以提高前景区域和背景区域的识别准确率。例如:可以先利用边缘检测技术确定所述界面图像的轮廓,并根据轮廓进行各个区域的划分,然后再在每个区域中利用模式识别技术检测是否有文字,从而进一步确定前景区域和背景区域。
步骤102-3-2、根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
确定了显示缓存中的前景区域和背景区域后,就可以对前景区域或者背景区域中的像素点的颜色值进行调节、也可以对这两个区域中的像素点的颜色值都进行调节,从而实现对界面显示色彩的调节。
与上层模块所采用的调节方式类似,对显示缓存中的像素点的调节也可以采用以下两种调节方式:
(一)采用预设的色彩方案进行调节。
采用这种方式,可以先从预设色彩方案中提取与所述环境光强度相对应的色彩方案;然后遍历所述显示缓存中的每个像素点,对前景区域中的像素点,用所述色彩方案指定的前景色设置所述像素点的颜色值,对背景区域中的像素点,用所述色彩方案指定的背景色设置所述像素点的颜色值。
(二)通过计算颜色值进行调节。
以在采用RGB色彩模式的设备上进行调节为例,可以遍历显示缓存中的每个像素点,对前景区域中的像素点,可以在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,计算所述像素点的RGB值并进行设置;对背景区域中的像素点,则可以在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,计算所述像素点的RGB值并进行设置。
在具体实施时,既可以将RGB值作为整体进行计算、设置,也可以采用各分量分别计算再合成、设置的方式。具体处理过程与之前描述的上层模块通过计算颜色值进行调节的方式类似,此处不再赘述。
此外,对于采用YUV色彩模式的设备,也可以通过对显示缓存中像素点的Y分量值进行调节,实现对界面显示色彩的调节,此处不再赘述。
综上所述,本实施例提供的界面色彩调节方法,提出了一种根据环境光强度自动调节界面显示色彩的新思路,通过对不同环境光强度下的界面显示色彩进行调节,使得界面显示色彩能够与环境光的强度相适应,有助于用户正确辨识界面显示的内容、并且保护用户的视力,从而有效提升用户的屏幕浏览体验。此外,通过定时或者监听事件的方式实施本技术方案,能够相对实时地检测到环境光强度的变化,从而能够实现细微的、连续的色彩调节能力,即使在环境光强度变化不明显的场景下,也能够进行调节;而且调节过程无需用户参与,避免打断用户的浏览过程,保障用户良好的浏览体验。
在上述的实施例中,提供了一种界面色彩调节方法,与之相对应的,本申请还提供一种界面色彩调节装置。请参看图5,其为本申请的一种界面色彩调节装置的实施例的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
本实施例的一种界面色彩调节装置,包括:环境光强度获取单元501,用于获取环境光强度;界面色彩调节单元502,用于根据所述环境光强度调节界面的显示色彩。
可选的,所述环境光强度获取单元具体用于,通过调用用于获取环境光强度的接口,获取所述环境光强度;或者,通过监听环境光强度变化事件,获取所述环境光强度。
可选的,所述装置还包括:
变化量计算单元,用于在所述环境光强度获取单元获取环境光强度后,根据环境光强度的历史数据和本次获取的环境光强度,计算环境光强度的变化量;
变化量判断单元,用于判断所述变化量计算单元输出的变化量是否大于预设阈值,并在大于时,触发所述界面色彩调节单元工作。
可选的,所述界面色彩调节单元具体用于,根据所述环境光强度,对所述界面中的各显示元素的前景色和/或背景色进行调节;
所述界面色彩调节单元包括:
循环控制子单元,用于依次针对界面中的各显示元素,触发调节执行子单元;
显示元素调节子单元,用于对所述循环控制子单元当前处理的显示元素的背景色和/或前景色进行调节。
可选的,所述界面色彩调节单元包括:
遍历子单元,用于遍历对应于页面的DOM Tree,并针对其中的节点触发以下子单元;
可视判断子单元,用于判断所述遍历子单元当前处理的节点是否为可视节点;
可视节点调节子单元,用于当所述可视判断子单元的输出为是时,对所述可视节点的前景色和/或背景色进行调节。
可选的,所述显示元素调节子单元或所述可视节点调节子单元,分别包括以下子单元:
色彩方案选择子单元,用于从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
颜色设置子单元,用于根据所述色彩方案选择子单元所选色彩方案中指定的前景色和背景色,对显示元素或可视节点的相应颜色进行设置。
可选的,所述装置部署于采用RGB色彩模式的设备上;
所述显示元素调节子单元或所述可视节点调节子单元,分别包括:
前景色设置子单元,用于在前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,
背景色设置子单元,用于在背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
可选的,当所述装置包括前景色设置子单元时,所述前景色设置子单元包括:
前景分量值获取子单元,用于获取所述前景色的原R、G、B分量值;
前景分量值计算子单元,用于在所述原R、G、B分量值的基础上,分别按照与环境光强度成反比的方式,计算调节后的各R、G、B分量值;
前景颜色值合成子单元,用于根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述前景色进行设置。
可选的,当所述装置包括背景色设置子单元时,所述背景色设置子单元包括:
背景分量值获取子单元,用于获取所述背景色的原R、G、B分量值;
背景分量值计算子单元,用于在所述原R、G、B分量值的基础上,分别按照与环境光强度成正比的方式,计算调节后的各R、G、B分量值;
背景颜色值合成子单元,用于根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述背景色进行设置。
可选的,所述界面色彩调节单元,包括:
前景背景划分子单元,用于确定显示缓存中存储的界面图像的前景区域和背景区域;
像素颜色值调节子单元,用于根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
可选的,所述前景背景划分子单元,具体用于根据显示缓存中存储的像素点的颜色值,利用边缘检测技术和/或模式识别技术,确定所述界面图像的前景区域和背景区域。
可选的,所述像素颜色值调节子单元,包括:
色彩方案选择子单元,用于从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
颜色值调节子单元,用于对于前景区域中的像素点,用所述色彩方案指定的前景色设置所述像素点的颜色值;和/或,对于背景区域中的像素点,用所述色彩方案指定的背景色设置所述像素点的颜色值。
可选的,所述装置部署于采用RGB色彩模式的设备上;
所述像素颜色值调节子单元,包括:
前景像素点调节子单元,用于对于前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,
背景像素点调节子单元,用于对于背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
此外,本申请还提供一种网页色彩调节方法,请参考图6,其为本申请提供的一种网页色彩调节方法的实施例的流程图,本实施例与之前提供的各实施例内容相同的部分不再赘述,下面重点描述不同之处。本申请提供的一种网页色彩调节方法包括:
步骤601、获取环境光强度。
步骤602、遍历在界面中显示的网页的DOM Tree,并针对其中的节点执行下述操作:当所述节点为可视节点时,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
当所述方法在采用所述方法在采用RGB色彩模式的设备上实施时,本步骤在处理每个可视节点时,可以在其前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,在其背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
在上述的实施例中,提供了一种网页色彩调节方法,与之相对应的,本申请还提供一种网页色彩调节装置。请参看图7,其为本申请的一种网页色彩调节装置实施例的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
本实施例的一种网页色彩调节装置,包括:环境光强度获取单元701,用于获取环境光强度;网页色彩调节单元702,用于遍历在界面中显示的网页的DOMTree,并针对其中的节点执行下述操作:当所述节点为可视节点时,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
此外,本申请还提供另一种界面色彩调节方法,请参考图8,其为本申请提供的一种界面色彩调节方法的实施例的流程图,本实施例与之前提供的各实施例内容相同的部分不再赘述,下面重点描述不同之处。本申请提供的一种界面色彩调节方法包括:
步骤801、获取环境光强度。
步骤802、确定显示缓存中存储的界面图像的前景区域和背景区域。
步骤803、根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
当所述方法在采用RGB色彩模式的设备上实施时,本步骤可以遍历显示缓存中的每个像素点,对前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,对背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
在上述的实施例中,提供了另一种界面色彩调节方法,与之相对应的,本申请还提供另一种界面色彩调节装置。请参看图9,其为本申请的一种界面色彩调节装置的实施例的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
本实施例的一种界面色彩调节装置,包括:环境光强度获取单元901,用于获取环境光强度;前景背景划分单元902,用于确定显示缓存中存储的界面图像的前景区域和背景区域;像素颜色值调节单元903,用于根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
此外,本申请还提供了一种电子设备;所述电子设备实施例如下:
请参考图10,其示出了本申请的一种电子设备的实施例的示意图。所述电子设备,包括:环境光传感器1001、显示器1002、处理器1003、存储器1004;
所述存储器1004用于存储界面色彩调节程序,所述程序在被所述处理器读取执行时,执行如下操作:获取环境光强度,根据所述环境光强度调节界面的显示色彩。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
2、本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
Claims (33)
1.一种界面色彩调节方法,其特征在于,包括:
获取环境光强度;
根据所述环境光强度调节界面的显示色彩。
2.根据权利要求1所述的界面色彩调节方法,其特征在于,所述获取环境光强度,采用如下方式实现:
通过调用用于获取环境光强度的接口,获取所述环境光强度;或者,
通过监听环境光强度变化事件,获取所述环境光强度。
3.根据权利要求1所述的界面色彩调节方法,其特征在于,在所述获取环境光强度的步骤之后,包括:
根据环境光强度的历史数据和本次获取的环境光强度,计算环境光强度的变化量;
并当所述环境光强度的变化量大于预设阈值时,执行所述根据所述环境光强度调节界面的显示色彩的步骤。
4.根据权利要求1所述的界面色彩调节方法,其特征在于,所述根据所述环境光强度调节界面的显示色彩,包括:根据所述环境光强度,对所述界面中的各显示元素的前景色和/或背景色进行调节。
5.根据权利要求4所述的界面色彩调节方法,其特征在于,所述界面包括网页;所述对所述界面中的各显示元素的前景色和/或背景色进行调节,采用如下方式实现:
遍历对应于所述网页的DOM Tree,针对其中的节点执行下述操作:
判断所述节点是否为可视节点;
若是,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
6.根据权利要求4或5所述的界面色彩调节方法,其特征在于,根据所述环境光强度,对显示元素或可视节点的前景色和/或背景色进行调节,包括:
从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
根据所选色彩方案中指定的前景色和背景色,对显示元素或可视节点的相应颜色进行设置。
7.根据权利要求4或5所述的界面色彩调节方法,其特征在于,所述方法在采用RGB色彩模式的设备上实施;
根据环境光强度,对显示元素或可视节点的前景色和/或背景色进行调节,包括:
在所述前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,在所述背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
8.根据权利要求7所述的界面色彩调节方法,其特征在于,当所述方法包括设置所述前景色的颜色值时,所述设置过程包括:
获取所述前景色的原R、G、B分量值;
在所述原R、G、B分量值的基础上,分别按照与环境光强度成反比的方式,计算调节后的各R、G、B分量值;
根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述前景色进行设置。
9.根据权利要求7所述的界面色彩调节方法,其特征在于,当所述方法包括设置所述背景色的颜色值时,所述设置过程包括:
获取所述背景色的原R、G、B分量值;
在所述原R、G、B分量值的基础上,分别按照与环境光强度成正比的方式,计算调节后的各R、G、B分量值;
根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述背景色进行设置。
10.根据权利要求1所述的界面色彩调节方法,其特征在于,所述根据所述环境光强度调节界面的显示色彩,包括:
确定显示缓存中存储的界面图像的前景区域和背景区域;
根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
11.根据权利要求10所述的界面色彩调节方法,其特征在于,所述确定显示缓存中存储的界面图像的前景区域和背景区域,包括:
根据显示缓存中存储的像素点的颜色值,利用边缘检测技术和/或模式识别技术,确定所述界面图像的前景区域和背景区域。
12.根据权利要求10所述的界面色彩调节方法,其特征在于,所述根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节,包括:
从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
对于前景区域中的像素点,用所述色彩方案指定的前景色设置所述像素点的颜色值;和/或,对于背景区域中的像素点,用所述色彩方案指定的背景色设置所述像素点的颜色值。
13.根据权利要求10所述的界面色彩调节方法,其特征在于,所述方法在采用RGB色彩模式的设备上实施;
所述根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节,包括:
对于前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,
对于背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
14.一种界面色彩调节装置,其特征在于,包括:
环境光强度获取单元,用于获取环境光强度;
界面色彩调节单元,用于根据所述环境光强度调节界面的显示色彩。
15.根据权利要求14所述的界面色彩调节装置,其特征在于,所述环境光强度获取单元具体用于,通过调用用于获取环境光强度的接口,获取所述环境光强度;或者,通过监听环境光强度变化事件,获取所述环境光强度。
16.根据权利要求14所述的界面色彩调节装置,其特征在于,还包括:
变化量计算单元,用于在所述环境光强度获取单元获取环境光强度后,根据环境光强度的历史数据和本次获取的环境光强度,计算环境光强度的变化量;
变化量判断单元,用于判断所述变化量计算单元输出的变化量是否大于预设阈值,并在大于时,触发所述界面色彩调节单元工作。
17.根据权利要求14所述的界面色彩调节装置,其特征在于,所述界面色彩调节单元具体用于,根据所述环境光强度,对所述界面中的各显示元素的前景色和/或背景色进行调节;
所述界面色彩调节单元包括:
循环控制子单元,用于依次针对界面中的各显示元素,触发调节执行子单元;
显示元素调节子单元,用于对所述循环控制子单元当前处理的显示元素的背景色和/或前景色进行调节。
18.根据权利要求17所述的界面色彩调节装置,其特征在于,所述界面色彩调节单元包括:
遍历子单元,用于遍历对应于页面的DOM Tree,并针对其中的节点触发以下子单元;
可视判断子单元,用于判断所述遍历子单元当前处理的节点是否为可视节点;
可视节点调节子单元,用于当所述可视判断子单元的输出为是时,对所述可视节点的前景色和/或背景色进行调节。
19.根据权利要求17或18所述的界面色彩调节装置,其特征在于,所述显示元素调节子单元或所述可视节点调节子单元,分别包括以下子单元:
色彩方案选择子单元,用于从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
颜色设置子单元,用于根据所述色彩方案选择子单元所选色彩方案中指定的前景色和背景色,对显示元素或可视节点的相应颜色进行设置。
20.根据权利要求17或18所述的界面色彩调节装置,其特征在于,所述装置部署于采用RGB色彩模式的设备上;
所述显示元素调节子单元或所述可视节点调节子单元,分别包括:
前景色设置子单元,用于在前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,
背景色设置子单元,用于在背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
21.根据权利要求20所述的界面色彩调节装置,其特征在于,当所述装置包括前景色设置子单元时,所述前景色设置子单元包括:
前景分量值获取子单元,用于获取所述前景色的原R、G、B分量值;
前景分量值计算子单元,用于在所述原R、G、B分量值的基础上,分别按照与环境光强度成反比的方式,计算调节后的各R、G、B分量值;
前景颜色值合成子单元,用于根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述前景色进行设置。
22.根据权利要求20所述的界面色彩调节装置,其特征在于,当所述装置包括背景色设置子单元时,所述背景色设置子单元包括:
背景分量值获取子单元,用于获取所述背景色的原R、G、B分量值;
背景分量值计算子单元,用于在所述原R、G、B分量值的基础上,分别按照与环境光强度成正比的方式,计算调节后的各R、G、B分量值;
背景颜色值合成子单元,用于根据计算得到的各R、G、B分量值合成RGB颜色值,并用所述合成的RGB颜色值对所述背景色进行设置。
23.根据权利要求14所述的界面色彩调节装置,其特征在于,所述界面色彩调节单元,包括:
前景背景划分子单元,用于确定显示缓存中存储的界面图像的前景区域和背景区域;
像素颜色值调节子单元,用于根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
24.根据权利要求23所述的界面色彩调节装置,其特征在于,所述前景背景划分子单元,具体用于根据显示缓存中存储的像素点的颜色值,利用边缘检测技术和/或模式识别技术,确定所述界面图像的前景区域和背景区域。
25.根据权利要求23所述的界面色彩调节装置,其特征在于,所述像素颜色值调节子单元,包括:
色彩方案选择子单元,用于从预设色彩方案中提取与所述环境光强度相对应的色彩方案;
颜色值调节子单元,用于对于前景区域中的像素点,用所述色彩方案指定的前景色设置所述像素点的颜色值;和/或,对于背景区域中的像素点,用所述色彩方案指定的背景色设置所述像素点的颜色值。
26.根据权利要求23所述的界面色彩调节装置,其特征在于,所述装置部署于采用RGB色彩模式的设备上;
所述像素颜色值调节子单元,包括:
前景像素点调节子单元,用于对于前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,
背景像素点调节子单元,用于对于背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
27.一种网页色彩调节方法,其特征在于,包括:
获取环境光强度;
遍历在界面中显示的网页的DOM Tree,并针对其中的节点执行下述操作:当所述节点为可视节点时,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
28.根据权利要求1所述的网页色彩调节方法,其特征在于,所述方法在采用RGB色彩模式的设备上实施;
所述根据环境光强度,对所述可视节点的前景色和/或背景色进行调节,包括:
在所述可视节点的前景色的原RGB值的基础上,按照与环境光强度成反比的方式设置所述前景色的颜色值;和/或,在所述可视节点的背景色的原RGB值的基础上,按照与环境光强度成正比的方式设置所述背景色的颜色值。
29.一种网页色彩调节装置,其特征在于,包括:
环境光强度获取单元,用于获取环境光强度;
网页色彩调节单元,用于遍历在界面中显示的网页的DOM Tree,并针对其中的节点执行下述操作:当所述节点为可视节点时,根据所述环境光强度,对所述可视节点的前景色和/或背景色进行调节。
30.一种界面色彩调节方法,其特征在于,包括:
获取环境光强度;
确定显示缓存中存储的界面图像的前景区域和背景区域;
根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
31.根据权利要求30所述的界面色彩调节方法,其特征在于,所述方法在采用RGB色彩模式的设备上实施;
所述根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节,包括:
对前景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成反比的方式,设置所述像素点的RGB值;和/或,
对背景区域中的像素点,在所述像素点的原RGB值的基础上,按照与环境光强度成正比的方式,设置所述像素点的RGB值。
32.一种界面色彩调节装置,其特征在于,包括:
环境光强度获取单元,用于获取环境光强度;
前景背景划分单元,用于确定显示缓存中存储的界面图像的前景区域和背景区域;
像素颜色值调节单元,用于根据所述环境光强度,对前景区域中的像素点、和/或背景区域中的像素点的颜色值进行调节。
33.一种电子设备,其特征在于,所述电子设备包括:
环境光传感器;
显示器;
处理器;
存储器,用于存储界面色彩调节程序,所述程序在被所述处理器读取执行时,执行如下操作:获取环境光强度,根据所述环境光强度调节界面的显示色彩。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610133707.9A CN107179889B (zh) | 2016-03-09 | 2016-03-09 | 界面色彩调节方法、网页色彩调节方法及装置 |
PCT/CN2017/074617 WO2017152762A1 (zh) | 2016-03-09 | 2017-02-23 | 界面色彩调节方法、网页色彩调节方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610133707.9A CN107179889B (zh) | 2016-03-09 | 2016-03-09 | 界面色彩调节方法、网页色彩调节方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107179889A true CN107179889A (zh) | 2017-09-19 |
CN107179889B CN107179889B (zh) | 2020-06-16 |
Family
ID=59790022
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610133707.9A Active CN107179889B (zh) | 2016-03-09 | 2016-03-09 | 界面色彩调节方法、网页色彩调节方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN107179889B (zh) |
WO (1) | WO2017152762A1 (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107729100A (zh) * | 2017-09-26 | 2018-02-23 | 维沃移动通信有限公司 | 一种界面显示控制方法及移动终端 |
CN108519822A (zh) * | 2018-03-29 | 2018-09-11 | 北京微播视界科技有限公司 | 基于人机交互的动作匹配系统、方法、存储介质及交互装置 |
CN108924338A (zh) * | 2018-05-24 | 2018-11-30 | 珠海市魅族科技有限公司 | 移动终端控制方法、移动终端及存储介质 |
CN109739609A (zh) * | 2019-01-03 | 2019-05-10 | 腾讯科技(深圳)有限公司 | 图像处理方法、装置、计算机可读存储介质和计算机设备 |
CN109922207A (zh) * | 2019-01-21 | 2019-06-21 | 竞技世界(北京)网络技术有限公司 | 一种动态调整应用软件交互界面的方法 |
CN109961734A (zh) * | 2019-02-28 | 2019-07-02 | 维沃移动通信有限公司 | 一种屏幕参数的调整方法、装置和终端设备 |
CN111221481A (zh) * | 2018-11-23 | 2020-06-02 | 珠海金山办公软件有限公司 | 一种显示处理的方法、装置、计算机存储介质及终端 |
CN111695071A (zh) * | 2020-07-14 | 2020-09-22 | 深圳市欢太科技有限公司 | 页面的显示方法及相关装置 |
CN112489592A (zh) * | 2020-12-17 | 2021-03-12 | 苏州文视光电科技有限公司 | 一种led显示屏色彩自动调节系统 |
WO2021238469A1 (zh) * | 2020-05-29 | 2021-12-02 | Oppo广东移动通信有限公司 | 第三方应用程序的页面展示方法、装置、电子设备 |
CN113808552A (zh) * | 2021-11-18 | 2021-12-17 | 滨州学院 | 环境光照强度调节方法、装置及电子设备 |
CN114594921A (zh) * | 2022-03-09 | 2022-06-07 | 北京沃东天骏信息技术有限公司 | 多媒体投放方法、装置及系统 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114095603B (zh) * | 2021-11-11 | 2024-04-23 | 努比亚技术有限公司 | 一种屏幕显示特性调控方法、设备及计算机可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1355478A (zh) * | 2000-11-28 | 2002-06-26 | 英业达(上海)有限公司 | 改进网页显示效果的方法 |
CN101719944A (zh) * | 2009-12-09 | 2010-06-02 | 中兴通讯股份有限公司 | 一种感知光线的终端及感知光线调节人机界面的方法 |
CN102004784A (zh) * | 2010-11-25 | 2011-04-06 | 北京播思软件技术有限公司 | 一种手持终端浏览器的节电方法 |
CN103903593A (zh) * | 2012-12-27 | 2014-07-02 | 腾讯科技(武汉)有限公司 | 一种页面的显示背景的调整方法及终端 |
US20140333656A1 (en) * | 2013-05-13 | 2014-11-13 | Asustek Computer Inc. | Display mode adjusting method of display device and display mode adjusting module thereof |
CN105242894A (zh) * | 2015-09-24 | 2016-01-13 | 徐向霞 | 智能设备的显示方法及系统 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101578843B1 (ko) * | 2011-06-15 | 2015-12-18 | 네이버 주식회사 | 웹 페이지의 시각적 파라미터 조절 시스템 및 방법 |
CN102855453A (zh) * | 2011-06-30 | 2013-01-02 | 网秦无限(北京)科技有限公司 | 防止偷窥移动设备屏幕显示的方法和系统 |
CN103959224A (zh) * | 2011-11-21 | 2014-07-30 | 英特尔公司 | 基于环境条件修正色度 |
-
2016
- 2016-03-09 CN CN201610133707.9A patent/CN107179889B/zh active Active
-
2017
- 2017-02-23 WO PCT/CN2017/074617 patent/WO2017152762A1/zh active Application Filing
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1355478A (zh) * | 2000-11-28 | 2002-06-26 | 英业达(上海)有限公司 | 改进网页显示效果的方法 |
CN101719944A (zh) * | 2009-12-09 | 2010-06-02 | 中兴通讯股份有限公司 | 一种感知光线的终端及感知光线调节人机界面的方法 |
CN102004784A (zh) * | 2010-11-25 | 2011-04-06 | 北京播思软件技术有限公司 | 一种手持终端浏览器的节电方法 |
CN103903593A (zh) * | 2012-12-27 | 2014-07-02 | 腾讯科技(武汉)有限公司 | 一种页面的显示背景的调整方法及终端 |
US20140333656A1 (en) * | 2013-05-13 | 2014-11-13 | Asustek Computer Inc. | Display mode adjusting method of display device and display mode adjusting module thereof |
CN105242894A (zh) * | 2015-09-24 | 2016-01-13 | 徐向霞 | 智能设备的显示方法及系统 |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107729100B (zh) * | 2017-09-26 | 2020-04-28 | 维沃移动通信有限公司 | 一种界面显示控制方法及移动终端 |
CN107729100A (zh) * | 2017-09-26 | 2018-02-23 | 维沃移动通信有限公司 | 一种界面显示控制方法及移动终端 |
CN108519822A (zh) * | 2018-03-29 | 2018-09-11 | 北京微播视界科技有限公司 | 基于人机交互的动作匹配系统、方法、存储介质及交互装置 |
CN108924338A (zh) * | 2018-05-24 | 2018-11-30 | 珠海市魅族科技有限公司 | 移动终端控制方法、移动终端及存储介质 |
CN111221481A (zh) * | 2018-11-23 | 2020-06-02 | 珠海金山办公软件有限公司 | 一种显示处理的方法、装置、计算机存储介质及终端 |
CN109739609A (zh) * | 2019-01-03 | 2019-05-10 | 腾讯科技(深圳)有限公司 | 图像处理方法、装置、计算机可读存储介质和计算机设备 |
CN109739609B (zh) * | 2019-01-03 | 2021-01-15 | 腾讯科技(深圳)有限公司 | 图像处理方法、装置、计算机可读存储介质和计算机设备 |
CN109922207A (zh) * | 2019-01-21 | 2019-06-21 | 竞技世界(北京)网络技术有限公司 | 一种动态调整应用软件交互界面的方法 |
CN109961734A (zh) * | 2019-02-28 | 2019-07-02 | 维沃移动通信有限公司 | 一种屏幕参数的调整方法、装置和终端设备 |
WO2021238469A1 (zh) * | 2020-05-29 | 2021-12-02 | Oppo广东移动通信有限公司 | 第三方应用程序的页面展示方法、装置、电子设备 |
US12079905B2 (en) | 2020-05-29 | 2024-09-03 | Guangdong Oppo Mobile Telecommunications Corp., Ltd. | Page display method and apparatus for third-party application, and electronic device |
CN111695071A (zh) * | 2020-07-14 | 2020-09-22 | 深圳市欢太科技有限公司 | 页面的显示方法及相关装置 |
CN111695071B (zh) * | 2020-07-14 | 2024-04-09 | 深圳市欢太科技有限公司 | 页面的显示方法及相关装置 |
CN112489592A (zh) * | 2020-12-17 | 2021-03-12 | 苏州文视光电科技有限公司 | 一种led显示屏色彩自动调节系统 |
CN113808552A (zh) * | 2021-11-18 | 2021-12-17 | 滨州学院 | 环境光照强度调节方法、装置及电子设备 |
CN113808552B (zh) * | 2021-11-18 | 2022-03-11 | 滨州学院 | 环境光照强度调节方法、装置及电子设备 |
CN114594921A (zh) * | 2022-03-09 | 2022-06-07 | 北京沃东天骏信息技术有限公司 | 多媒体投放方法、装置及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN107179889B (zh) | 2020-06-16 |
WO2017152762A1 (zh) | 2017-09-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107179889B (zh) | 界面色彩调节方法、网页色彩调节方法及装置 | |
CN108668093B (zh) | Hdr图像的生成方法及装置 | |
CN108701351B (zh) | 一种图像显示增强方法及装置 | |
EP2782326A2 (en) | Method and apparatus for processing an image based on an image property and ambient environment information | |
EP3293954A1 (en) | Method and system for adjusting screen brightness | |
CN113140197B (zh) | 显示画面调节方法和装置、电子设备、可读存储介质 | |
CN111857912B (zh) | 界面处理方法、装置、电子设备和计算机可读存储介质 | |
US20170295351A1 (en) | Image processing apparatus, image processing system, image processing method, and non-transitory computer readable medium | |
US9934560B2 (en) | User sliders for simplified adjustment of images | |
CN108806638B (zh) | 一种图像的显示方法及其装置 | |
CN105335939A (zh) | 图像处理方法及装置 | |
CN111090384B (zh) | 软键盘的显示方法及装置 | |
CN107203312B (zh) | 移动终端及其图片的渲染方法、存储装置 | |
CN109614192A (zh) | 页面亮度显示方法及装置 | |
CN104537021A (zh) | 设置浏览器背景的方法和浏览器客户端 | |
CN108989872B (zh) | 一种安卓电视背景快速切换方法、框架、服务器及存储介质 | |
CN113064687A (zh) | 用户界面组件的色彩适配处理方法、装置及设备 | |
CN113391779A (zh) | 类纸屏幕的参数调节方法、装置及设备 | |
CN113112944A (zh) | 显示控制方法、电子设备及存储介质 | |
CN111311500A (zh) | 一种对图像进行颜色还原的方法和装置 | |
CN113920912B (zh) | 一种显示属性调整方法以及相关设备 | |
CN114138215B (zh) | 一种显示方法及相关设备 | |
CN111338627B (zh) | 前端网页主题颜色调节方法及装置 | |
CN110880164A (zh) | 一种图像处理方法、装置、设备及计算机存储介质 | |
KR20130134546A (ko) | 동영상의 섬네일 이미지 생성 방법 및 그 전자 장치 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20201117 Address after: Room 603, 6 / F, Roche Plaza, 788 Cheung Sha Wan Road, Kowloon, China Patentee after: Zebra smart travel network (Hong Kong) Limited Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands Patentee before: Alibaba Group Holding Ltd. |
|
TR01 | Transfer of patent right |