CN107016978B - 一种界面展示技术及终端设备 - Google Patents

一种界面展示技术及终端设备 Download PDF

Info

Publication number
CN107016978B
CN107016978B CN201710276588.7A CN201710276588A CN107016978B CN 107016978 B CN107016978 B CN 107016978B CN 201710276588 A CN201710276588 A CN 201710276588A CN 107016978 B CN107016978 B CN 107016978B
Authority
CN
China
Prior art keywords
brightness
value
brightness value
transparency
range
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.)
Active
Application number
CN201710276588.7A
Other languages
English (en)
Other versions
CN107016978A (zh
Inventor
江宁
甄绍安
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201710276588.7A priority Critical patent/CN107016978B/zh
Publication of CN107016978A publication Critical patent/CN107016978A/zh
Application granted granted Critical
Publication of CN107016978B publication Critical patent/CN107016978B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2320/00Control of display operating conditions
    • G09G2320/06Adjustment of display parameters
    • G09G2320/066Adjustment of display parameters for control of contrast

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例提供一种界面展示方法和终端设备。获取界面中第一部分的亮度值;根据亮度值和预设的对比度阈值确定亮度调整范围或遮罩透明度范围;亮度调整范围是第一部分和界面中第二部分的对比度不小于对比度阈值时,第二部分的亮度范围;遮罩透明度范围是第一部分中最暗点和最亮点的对比度不小于对比度阈值时,在界面上叠加的遮罩层的透明度范围;根据预设的系统亮度阈值和亮度调整范围或遮罩透明度范围确定调整系数;获取当前的系统亮度值,当系统亮度值小于系统亮度阈值时,根据系统亮度值和调整系数调整第二部分的亮度值或在界面上叠加遮罩层并根据系统亮度值和调整系数调整遮罩层的透明度。

Description

一种界面展示技术及终端设备
技术领域
本申请涉及显示技术,特别涉及一种界面展示技术及终端设备。
背景技术
用户使用智能终端设备的过程中,一些应用为用户提供了不同的显示模式来适应不同的环境亮度。例如,一些应用提供白天模式和夜间模式的界面,用户可以通过点击切换按钮来切换显示模式。夜间模式的界面的配色较柔和,亮度较低,在夜间环境亮度较低时使用户的眼睛更舒服,不易疲劳。但是,当环境亮度介于明暗之间时,白天模式可能会比较刺眼,而夜间模式的清晰度又不够。
发明内容
本申请提供一种界面展示方法和终端设备,能够根据系统亮度值调整界面的对比度。
本申请实施例的一种界面展示方法包括:
获取界面中第一部分的亮度值;
根据所述亮度值和预设的对比度阈值确定亮度调整范围或遮罩透明度范围;所述亮度调整范围是所述第一部分和所述界面中第二部分的对比度不小于所述对比度阈值时,所述第二部分的亮度范围;所述遮罩透明度范围是所述第一部分中最暗点和最亮点的对比度不小于所述对比度阈值时,在所述界面上叠加的遮罩层的透明度范围;
根据预设的系统亮度阈值和所述亮度调整范围或遮罩透明度范围确定调整系数;
获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值或在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度。
本申请实施例的一种终端设备包括:
亮度获取模块,用于获取界面中第一部分的亮度值;
范围确定模块,用于根据所述亮度值和预设的对比度阈值确定亮度调整范围或遮罩透明度范围;所述亮度调整范围是所述第一部分和所述界面中第二部分的对比度不小于所述对比度阈值时,所述第二部分的亮度范围;所述遮罩透明度范围是所述第一部分中最暗点和最亮点的对比度不小于所述对比度阈值时,在所述界面上叠加的遮罩层的透明度范围;
系数确定模块,用于根据预设的系统亮度阈值和所述亮度调整范围或遮罩透明度范围确定调整系数;
亮度调整模块,用于获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值或在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度。
本申请实施例的方案可以根据系统亮度相应地调节界面的对比度,能够较好地适应各种光线环境。
附图说明
图1为本申请实施例的一种界面展示方法的流程图;
图2a、2b为两个例子中的亮度调整曲线示意图;
图3为本申请实施例的一种界面展示方法的流程图;
图4a、4b为两个例子中的遮罩透明度调整曲线示意图;
图5为本申请实施例的一种终端设备的示意图;
图6为本申请实施例的一种界面展示方法的流程图。
具体实施方式
为了描述上的简洁和直观,下文通过描述若干代表性的实施例来对本发明的方案进行阐述。实施例中大量的细节仅用于帮助理解本发明的方案,本发明的技术方案实现时可以不局限于这些细节。为了避免不必要地模糊了本发明的方案,一些实施方式没有进行细致地描述,而是仅给出了框架。下文中,“包括”是指“包括但不限于”,“根据……”是指“至少根据……,但不限于仅根据……”,应当解释为除了之后提到的特征外,其它特征也可以存在。
本申请实施例的一种界面展示方法可以包括:
获取界面中第一部分的亮度值;
根据所述亮度值和预设的对比度阈值确定亮度调整范围或遮罩透明度范围;所述亮度调整范围是所述第一部分和所述界面中第二部分的对比度不小于所述对比度阈值时,所述第二部分的亮度范围;所述遮罩透明度范围是所述第一部分中最暗点和最亮点的对比度不小于所述对比度阈值时,在所述界面上叠加的遮罩层的透明度范围;
根据预设的系统亮度阈值和所述亮度调整范围或遮罩透明度范围确定调整系数;
获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值或在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度。
各实施例的方法可以由终端设备中的硬件和/或软件实现,例如终端设备中安装的应用程序,等。终端设备可以是具有显示设备的终端设备,例如手机、平板电脑、电子阅读器等。
界面是指终端设备的显示界面上显示的用于与用户进行交互的内容。界面可以是应用程序提供的用户界面、浏览器中打开的网页,等。第一部分可以是界面中的前景、背景、文字、图片,等。亮度值是指,当颜色采用HSL(色调,饱和度,亮度)模式表示时,该颜色的HSL值中的亮度值,其值域为0~100。
对比度阈值是为了保证调整亮度的过程中,避免界面中存在对比度过低导致内容无法肉眼看清的情况。系统亮度阈值用于启动本申请的亮度调节机制,即当系统亮度值低于该系统亮度阈值时,则认为有必要启动该亮度调节机制;而系统亮度值高于该系统亮度阈值时,则认为可以采用界面默认的展示参数。系统亮度和系统亮度阈值的取值范围为0~100%。系统亮度值可以通过调用终端设备的操作系统提供的接口来得到。
对比度阈值和系统亮度阈值可以根据需要进行设置,例如根据经验、测量或者根据相关的标准或者协议等设置。例如,对比度阈值可以采用W3C(World Wide Web万维网联盟)发布的网页无障碍指引(WCAG 2.0:Web Content Accessibility Guidelines)中规定的对比度要求。从而,可以使界面对人眼舒适且符合国际无障碍指引中规定的对比度效果,根据周围环境光线的线性变化,而线性调节界面文本或背景的亮度和/或图像的亮度,从而改变界面的对比度。
调整系数表示界面中第二部分的亮度值或界面上所叠加的遮罩层的透明度与系统亮度值之间的关系。根据各实施例,系统亮度值与第二部分的亮度值成正比,则调整系数为其比例系数,为正值;系统亮度值与遮罩层的透明度成反比(遮罩层透明度为0则不可见,透明度为100%时则被遮罩层遮蔽的内容不可见),则调整系数为负值。
根据系统亮度值和调整系数调整第二部分的亮度值或遮罩层的透明度,可以根据不同的系统亮度值使得展示的界面具有不同的亮度,能够较好地适应各种光线环境。
图1为本申请实施例的一种界面展示方法的流程图。如图1所示,该方法10可以包括以下步骤。
步骤S11,获取界面中第一部分的亮度值。
界面可以至少包括第一部分和第二部分,例如,文字和背景。亮度值是颜色的HSL值中的亮度值。采用其它色彩模式的颜色值,如RGB(红,绿,蓝)值可以依据现有的算法转换为HSL值。
步骤S12,根据亮度值和预设的对比度阈值确定亮度调整范围。
亮度调整范围是指第一部分和第二部分的对比度不小于该对比度阈值时,第二部分的亮度范围。
步骤S13,根据所述亮度调整范围和预设的系统亮度阈值确定调整系数。
步骤S14,获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值。
一些例子中,执行上述方法前,可以获取所述界面中至少两个部分的亮度值;将所述至少两个部分中亮度值最小的部分作为所述第一部分,所述至少两个部分中亮度值最大的部分作为所述第二部分。例如,当界面采用深色文字、浅色背景时,可以将亮度较低的文字作为第一部分,亮度较高的背景作为第二部分,即本实施例方案的调整对象;当界面采用浅色文字、深色背景时,可以将亮度较低的背景作为第一部分,亮度较高的文字作为第二部分,即本实施例方案的调整对象。
一些例子中,确定亮度调整范围时,可以根据所述亮度值和所述对比度阈值计算临界亮度值,将所述临界亮度值作为所述亮度调整范围的最小值。其中,临界亮度值为,所述第一部分和第二部分的对比度等于所述对比度阈值时,所述第二部分的亮度值。亮度调整范围的最大值可以根据需要设置,例如,可以将亮度值的最大允许值,如100,设为亮度调整范围的最大值;或者,可以将第二部分的原始亮度值设为亮度调整范围的最大值;或者,还可以将预设的亮度值设为亮度调整范围的最大值,等。
确定亮度调整范围后,就可以根据所述亮度调整范围和系统亮度阈值确定调整系数。例如,当系统亮度值小于系统亮度阈值时启动本申请的亮度调整机制,则可以将系统亮度值在小于系统亮度阈值后的变化范围与亮度调整范围建立某种关系,从而可以根据系统亮度值和这种关系来确定第二部分的亮度调整目标。一些例子中,可以设定根据系统亮度线性地调整第二部分的亮度值,则将系统亮度值与亮度调整范围的比率作为调整系数。例如,调整系数可以为其中,C为所述亮度调整范围的最小值,D为所述亮度调整范围的最大值,E为所述系统亮度阈值。由于认为系统亮度的变化范围为0到系统亮度阈值,因此系统亮度值的变化范围即是E与0的差,即E。
一些例子中,调整第二部分的亮度值时,可以根据系统亮度值和调整系数计算亮度目标值,将所述第二部分的亮度值设置为所述亮度目标值。例如,亮度目标值可以为其中,A为所述系统亮度值,C为所述亮度调整范围的最小值,D为所述亮度调整范围的最大值,E为所述系统亮度阈值。
另一些例子中,调整第二部分的亮度值时,可以计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算亮度调节量,将所述第二部分的亮度值增加或减少所述亮度调节量。例如,可以以预设的时间间隔获取系统亮度值,根据前后两次系统亮度值的变化情况来确定亮度调节量。例如,当采用直接调整第二部分的亮度值的方式时,当所述系统亮度值增加时,将所述第二部分的亮度值增加所述亮度调节量;系统亮度值减小时,将所述第二部分的亮度值减少所述亮度调节量。又例如,当采用在界面上叠加遮罩层的方式改变第二部分的亮度值时,可以调整遮罩层的透明度,使第二部分的亮度值增加或减少所述亮度调节量。例如,当采用黑色的遮罩层时,需要增加第二部分的亮度值时,可以减小遮罩层的透明度;需要减小第二部分的亮度值时,可以增加遮罩层的透明度(设遮罩透明度为0时不可见,100%时被遮蔽内容不可见)。
例如,某界面中作为前景的文本颜色为H0S0B13(即色调为0,饱和度为0,亮度为13),背景的颜色为H0S0B100,因此选取文本作为第一部分,背景作为调整对象,即第二部分。根据WCAG 2.0无障碍指引,为保证文字的可读性,前景文字和背景的颜色对比度比率大于4.5:1,从而可以得出临界的背景灰度颜色为H0S0B54。这里,临界背景颜色值可以通过现有的颜色对比计算器计算(例如http://webaim.org/resources/contrastchecker/)。所有B值比54小的背景,都会使文本识别性较差。可以得出,背景的亮度调整范围是B54~100,其对比度的变化范围是4.6:1~15.9:1。
当周围的亮度下降,系统亮度下降到预设的系统亮度阈值(例如50%、60%或100%等)以下时,启动本申请的亮度调整机制。计算调整系数为其中,C为所述亮度调整范围的最小值54,D为所述亮度调整范围的最大值100,E为所述系统亮度阈值50%。
因此可以得出,背景的亮度值 Y=100(当50%≤A≤100%),A为系统亮度值。Y即是背景色HSL值中的B(brightness)值。本例的亮度调整曲线如图2a所示。
又例如,某界面的背景色值是H0S0B13,文字色值是H20S50B100,因此选取背景作为第一部分,文本作为调整对象,即第二部分。本申请的调整机制里不改变色相和饱和度,只调整亮度。利用颜色对比度计算器可以得到对比度大于4.5:1时,文字的临界颜色值为H20S50B72,即文字的临界亮度值为72,即文字的亮度调整范围为72~100。
当周围的亮度下降,系统亮度下降到预设的系统亮度阈值(本例中为70%)以下时,启动本申请的亮度调整机制。计算调整系数为其中,C为所述亮度调整范围的最小值72,D为所述亮度调整范围的最大值100,E为系统亮度阈值70%。
因此可以得出,文字的亮度值 Y=100(当70%≤A≤100%),A为系统亮度值。本例的亮度调整曲线如图2b所示。
图3为本申请实施例的一种界面展示方法的流程图。如图3所示,该方法30可以包括以下步骤。
步骤S31,获取界面中第一部分的最暗点的亮度值。
步骤S32,根据所述亮度值以及预设的对比度阈值计算遮罩透明度范围。所述遮罩透明度范围是所述第一部分和第二部分的对比度不小于所述对比度阈值时,在所述界面上叠加的遮罩层的透明度范围。
步骤S33,根据所述遮罩透明度范围和系统亮度阈值确定透明度调整系数。
步骤S34,获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,在所述界面上叠加遮罩层,根据所述系统亮度值和所述透明度调整系数调整所述遮罩层的透明度。
本实施例采用在界面上叠加遮罩层的方式改变界面的亮度值,适用于界面中存在不方便直接修改其亮度值的部分,如图片等。通过调整遮罩层的透明度可以使界面的亮度值增加或减少。遮罩可以根据需要选择合适的颜色,例如黑色、深蓝色、深棕色,等。遮罩层的透明度为0时不可见,透明度为100%时遮蔽效果最强。
一些例子中,计算遮罩透明度范围时,可以根据所述亮度值和所述对比度阈值计算临界透明度值,将所述临界透明度值作为所述遮罩透明度范围的最大值。所述临界透明度值为,当所述第一部分的最亮点和最暗点的之间的对比度等于所述对比度阈值时,所述遮罩层的透明度。遮罩透明度范围的最小值可以根据需要设置,例如可以设为0。
确定透明度调整范围后,就可以根据透明度调整范围和系统亮度阈值确定调整系数。例如,当系统亮度值小于系统亮度阈值时启动本申请的亮度调整机制,则可以将系统亮度值在小于系统亮度阈值后的变化范围与透明度调整范围建立某种关系,从而可以根据系统亮度值和这种关系来确定遮罩层的透明度调整目标。一些例子中,可以设定根据系统亮度线性地调整遮罩层的透明度,则将系统亮度值与透明度调整范围的比率作为调整系数。例如,调整系数可以为其中,F为所述遮罩透明度范围的最大值,E为所述系统亮度阈值。
一些例子中,调整遮罩层的透明度时,可以根据系统亮度值和调整系数计算透明度计算值,将遮罩层的透明度值设置为所述透明度计算值。例如,透明度计算值可以为其中,A为所述系统亮度值,F为所述遮罩透明度范围的最大值,E为所述系统亮度阈值,其取值范围均为0~100%。
一些例子中,调整遮罩层的透明度时,可以计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算透明度调节量,将所述遮罩层的透明度值增加或减少所述透明度调节量。
一些例子中,当界面中包括多张图片时,可以将所述多张图片中的每张图片依次作为所述第一部分并分别计算每张图片对应的遮罩透明度范围,获取所述多张图片对应的遮罩透明度范围的交集作为所述遮罩透明度。这样可以使得叠加的遮罩层不会使任何一张图片由于对比度过低而无法看清。
例如,可以采用一个黑色的遮罩层来降低界面的对比度。黑色遮罩层的透明度在0~100%之间,0%表示完全透,即遮罩层不可见,100%表示不透,即被遮罩层遮蔽的内容不可见。黑色遮罩层本身不存在亮度,但是叠加到界面上能降低界面的亮度。例如叠加在白色(H0S0B100)背景上时,背景的B值会被黑色遮罩层降低。背景被降低的亮度值的百分比即为黑色遮罩层的透明度。
在界面中,可以将文字、背景或图片作为第一部分。例如,文字和背景中亮度值较低的作为第一部分,或者将图片作为第一部分。
当文字作为第一部分时,根据文字的亮度值,如B13,计算背景的亮度调整范围为B54~100,即遮罩的透明度范围为0~46%。计算调整系数其中,F为所述遮罩透明度范围的最大值46%,E为所述系统亮度阈值50%。因此,黑色遮罩的透明度A为所述系统亮度值(取值范围为0~100%)。因此,可以得出遮罩透明度O=-0.92A+46%(当0≤A<50%),O=0(当50%≤A≤100%),A为系统亮度值。遮罩透明度的调整曲线如图4a所示。
当一幅图片作为第一部分时,获取图片中最暗点的亮度值,例如B100。计算该图片的亮度调整范围为B46~100,即遮罩的透明度范围为0~54%。当系统亮度下降到预设的系统亮度阈值(本例中为50%)以下时,启动本申请的亮度调整机制。计算调整系数其中,F为所述遮罩透明度范围的最大值54%,E为所述系统亮度阈值50%。因此,黑色遮罩的透明度A为所述系统亮度值(取值范围为0~100%)。因此,可以得出遮罩透明度O=-1.08A+54%(当0≤A<50%),O=0(当50%≤A≤100%),A为系统亮度值。遮罩透明度的调整曲线如图4b所示。
一些例子中,可以根据需要来确定对某一界面采用图1所述的方法还是图2所述的方法。例如,可以判断所述界面是否包括图片;当所述界面不包括图片时,根据所述亮度值和预设的对比度阈值确定亮度调整范围,根据所述亮度调整范围和预设的系统亮度阈值确定调整系数;当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值;当所述界面包括图片时,获取界面中第一部分的最暗点的亮度值;根据所述亮度值以及预设的对比度阈值计算遮罩透明度范围;根据所述遮罩透明度范围和系统亮度阈值确定透明度调整系数;获取当前的系统亮度值;当所述系统亮度值小于所述系统亮度阈值时,在所述界面上叠加遮罩层,根据所述系统亮度值和所述透明度调整系数调整所述遮罩层的透明度。
图5为本申请实施例的一种终端设备的示意图。如图5所示,终端设备50可以包括亮度获取模块531、范围确定模块532、系数确定模块533和亮度调整模块534。
亮度获取模块531用于获取界面中第一部分的亮度值。
范围确定模块532用于根据所述亮度值和预设的对比度阈值确定亮度调整范围或遮罩透明度范围。
系数确定模块533用于根据预设的系统亮度阈值和所述亮度调整范围或遮罩透明度范围确定调整系数。
亮度调整模块534用于获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值或在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度。
一些例子中,亮度获取模块531可以获取所述界面中至少两个部分的亮度值;将所述至少两个部分中亮度值最小的部分作为所述第一部分。
一些例子中,范围确定模块532可以根据所述亮度值和所述对比度阈值计算临界亮度值,将所述临界亮度值作为所述亮度调整范围的最小值。
一些例子中,亮度调整模块534可以根据所述系统亮度值和所述调整系数计算亮度目标值,将所述第二部分的亮度值设置为所述亮度目标值。
一些例子中,亮度调整模块534可以计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算亮度调节量,当所述系统亮度值增加时,将所述第二部分的亮度值增加所述亮度调节量;系统亮度值减小时,将所述第二部分的亮度值减少所述亮度调节量。
一些例子中,亮度获取模块531可以获取所述界面中第一部分的最暗点的亮度值。范围确定模块532可以根据所述亮度值和所述对比度阈值计算临界透明度值,将所述临界透明度值作为所述遮罩透明度范围的最大值。
一些例子中,亮度调整模块534可以根据所述系统亮度值和所述调整系数计算透明度计算值,将所述遮罩层的透明度值设置为所述透明度计算值。
一些例子中,亮度调整模块534可以计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算透明度调节量,将所述遮罩层的透明度值增加或减少所述透明度调节量。
一些例子中,范围确定模块532可以,当所述界面中包括多张图片时,将所述多张图片中的每张图片依次作为所述第一部分并分别计算每张图片对应的遮罩透明度范围,获取所述多张图片对应的遮罩透明度范围的交集作为所述遮罩透明度。
一些例子中,终端设备50还可以包括判断模块(未示出),用于判断所述界面是否包括图片;
当所述界面不包括图片时,使所述范围确定模块根据所述亮度值和预设的对比度阈值确定亮度调整范围;使所述系数确定模块根据所述亮度调整范围和预设的系统亮度阈值确定调整系数;使所述亮度调整模块执行所述当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值的步骤;
当所述界面包括图片时,使所述范围确定模块根据所述亮度值以及预设的对比度阈值计算遮罩透明度范围;使所述系数确定模块根据所述遮罩透明度范围和系统亮度阈值确定透明度调整系数;使所述亮度调整模块执行所述当所述系统亮度值小于所述系统亮度阈值时,在所述界面上叠加遮罩层,根据所述系统亮度值和所述透明度调整系数调整所述遮罩层的透明度的步骤。
一些例子中,终端设备50可以包括处理器51、显示设备52、存储装置53、互联机构54。处理器51可以包括一个或多个处理器,可以为单核处理器或者多核处理器。处理器51可以执行存储装置53中的指令,从而实现各种功能。互联机构54提供各模块间的数据交互功能。存储装置53可以包括操作系统535、显示控制模块536,以及上述亮度获取模块531、范围确定模块532、系数确定模块533和亮度调整模块534。操作系统535可以通过预设的接口向亮度获取模块531提供系统亮度值。显示控制模块536可以根据亮度调整模块534的指令控制显示设备52中展示的界面。
在一些实施例中,上述界面展示方法也可以由终端设备和服务器共同实现。图6为本申请实施例的一种界面展示方法的流程图。如图6所示,该方法可以包括以下步骤。
步骤S61,终端设备获取当前的系统亮度值。
步骤S62,终端设备将系统亮度值提供给服务器。
一些例子中,终端设备可以在当前系统亮度值小于预设的系统亮度阈值时,将当前系统亮度值提供给服务器。另一些例子中,终端设备可以不进行系统亮度阈值的比对,而是由服务器将收到的系统亮度值与预设的系统亮度阈值进行比对,在当前系统亮度值小于预设的系统亮度阈值时,进行后续操作。
各例子中,终端设备可以定期或者根据预设条件触发向服务器发送当前系统亮度值的步骤,例如,每隔一段预设的时间,或者当系统亮度值的变化量超过预设的阈值时,等。
步骤S63,服务器获取所述终端设备当前所展示的界面中第一部分的亮度值,根据预设的对比度阈值确定亮度调整范围或遮罩透明度范围,根据预设的系统亮度阈值和所述亮度调整范围或遮罩透明度范围确定调整系数。
步骤S64,服务器将调整系数提供给终端设备。
一些例子中,服务器可以记录终端设备上一次获取的页面的信息,利用记录的信息确定所述终端设备当前所展示的界面。一些例子中,终端设备可以将当前展示的界面的信息(例如网页的URL)发送给服务器。又一些例子中,终端设备可以提取当前展示界面中的第一部分的亮度值,并将该亮度值提供给服务器。
步骤S65,终端设备根据所述调整系数调整所述界面中第二部分的亮度值,或在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度。
一些例子中,终端设备可以根据预设的方法确定第二部分。一些例子中,服务器可以将第二部分的信息提供给终端设备,终端设备根据收到的信息确定当前展示界面中需要调整的第二部分。
根据本例子的方法,终端设备将系统亮度值提供给服务器,由服务器计算调整系数,可以降低终端设备的计算量。
需要说明的是,上述各流程和各结构图中不是所有的步骤和模块都是必须的,可以根据实际的需要忽略某些步骤或模块。各步骤的执行顺序不是固定的,可以根据需要进行调整。各模块的划分仅仅是为了便于描述采用的功能上的划分,实际实现时,一个模块可以分由多个模块实现,多个模块的功能也可以由同一个模块实现,这些模块可以位于同一个设备中,也可以位于不同的设备中。另外,上面描述中采用“第一”、“第二”仅仅为了方便区分具有同一含义的两个对象,并不表示其有实质的区别。
各例中,各模块可以由专门的硬件或执行机器可读指令的硬件实现。例如,硬件可以为专门设计的永久性电路或逻辑器件(如专用处理器,如FPGA或ASIC)用于完成特定的操作。硬件也可以包括由软件临时配置的可编程逻辑器件或电路(如包括通用处理器或其它可编程处理器)用于执行特定操作。
各模块对应的机器可读指令可以存储在非易失性计算机可读存储介质中,使计算机上操作的操作系统等来完成这里描述的部分或者全部操作。非易失性计算机可读存储介质包括软盘、硬盘、磁光盘、光盘(如CD-ROM、CD-R、CD-RW、DVD-ROM、DVD-RAM、DVD-RW、DVD+RW)、磁带、非易失性存储卡和ROM。可选择地,可以由通信网络从服务器计算机上下载程序代码。
综上所述,权利要求的范围不应局限于以上描述的例子中的实施方式,而应当将说明书作为一个整体并给予最宽泛的解释。

Claims (20)

1.一种界面展示方法,其特征在于,包括:
获取界面中第一部分的亮度值;
根据所述亮度值和预设的对比度阈值确定亮度调整范围或遮罩透明度范围;所述亮度调整范围是所述第一部分和所述界面中第二部分的对比度不小于所述对比度阈值时,所述第二部分的亮度范围;所述遮罩透明度范围是所述第一部分中最暗点和最亮点的对比度不小于所述对比度阈值时,在所述界面上叠加的遮罩层的透明度范围;
根据预设的系统亮度阈值和所述亮度调整范围或遮罩透明度范围确定调整系数;
获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值或在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度。
2.根据权利要求1所述的方法,其特征在于,进一步包括:
获取所述界面中至少两个部分的亮度值;
将所述至少两个部分中亮度值最小的部分作为所述第一部分。
3.根据权利要求1所述的方法,其特征在于,根据所述亮度值和预设的对比度阈值确定亮度调整范围包括:
根据所述亮度值和所述对比度阈值计算临界亮度值,所述临界亮度值为,所述第一部分和第二部分的对比度等于所述对比度阈值时,所述第二部分的亮度值;
将所述临界亮度值作为所述亮度调整范围的最小值。
4.根据权利要求1所述的方法,其特征在于,根据所述亮度调整范围和系统亮度阈值确定调整系数包括:
所述调整系数为
其中,C为所述亮度调整范围的最小值,D为所述亮度调整范围的最大值,E为所述系统亮度阈值。
5.根据权利要求1所述的方法,其特征在于,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值包括:
根据所述系统亮度值和所述调整系数计算亮度目标值,将所述第二部分的亮度值设置为所述亮度目标值。
6.根据权利要求5所述的方法,其特征在于,根据所述系统亮度值和所述调整系数计算亮度目标值包括:
所述亮度目标值为
其中,A为所述系统亮度值,C为所述亮度调整范围的最小值,D为所述亮度调整范围的最大值,E为所述系统亮度阈值。
7.根据权利要求1所述的方法,其特征在于,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值包括:
计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算亮度调节量,当所述系统亮度值增加时,将所述第二部分的亮度值增加所述亮度调节量;系统亮度值减小时,将所述第二部分的亮度值减少所述亮度调节量。
8.根据权利要求7所述的方法,其特征在于,进一步包括:
在所述界面上叠加遮罩层;
其中,当所述系统亮度值增加时,将所述第二部分的亮度值增加所述亮度调节量;系统亮度值减小时,将所述第二部分的亮度值减少所述亮度调节量包括:调整所述遮罩层的透明度,使所述第二部分的亮度值增加或减少所述亮度调节量。
9.根据权利要求1所述的方法,其特征在于,
所述获取界面中第一部分的亮度值包括:获取所述界面中第一部分的最暗点的亮度值;
根据所述亮度值以及预设的对比度阈值计算遮罩透明度范围包括:根据所述亮度值和所述对比度阈值计算临界透明度值,所述临界透明度值为,当所述第一部分的最亮点和最暗点之间的对比度等于所述对比度阈值时,所述遮罩层的透明度;将所述临界透明度值作为所述遮罩透明度范围的最大值。
10.根据权利要求1所述的方法,其特征在于,根据所述遮罩透明度范围和系统亮度阈值确定调整系数包括:
所述调整系数为其中,F为所述遮罩透明度范围的最大值,E为所述系统亮度阈值。
11.根据权利要求1所述的方法,其特征在于,根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度包括:
根据所述系统亮度值和所述调整系数计算透明度计算值,将所述遮罩层的透明度值设置为所述透明度计算值。
12.根据权利要求11所述的方法,其特征在于,根据所述系统亮度值和所述调整系数计算透明度计算值包括:
所述透明度计算值为其中,A为所述系统亮度值,F为所述遮罩透明度范围的最大值,E为所述系统亮度阈值。
13.根据权利要求1所述的方法,其特征在于,根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度包括:
计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算透明度调节量,将所述遮罩层的透明度值增加或减少所述透明度调节量。
14.根据权利要求1所述的方法,其特征在于,
当所述界面中包括多张图片时,根据所述亮度值以及预设的对比度阈值计算遮罩透明度范围包括:将所述多张图片中的每张图片依次作为所述第一部分并分别计算每张图片对应的遮罩透明度范围,获取所述多张图片对应的遮罩透明度范围的交集作为所述遮罩透明度。
15.根据权利要求1所述的方法,其特征在于,进一步包括:
判断所述界面是否包括图片;
其中,当所述界面不包括图片时,所述确定亮度调整范围、确定调整系数、及调整所述第二部分的亮度值的步骤包括:
根据所述亮度值和所述对比度阈值确定所述亮度调整范围;
根据所述亮度调整范围和所述系统亮度阈值确定所述调整系数;
获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值;
当所述界面包括图片时,执行所述确定遮罩透明度范围、确定调整系数、及在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度的步骤包括:
获取界面中第一部分的最暗点的亮度值;
根据所述亮度值以及所述对比度阈值计算所述遮罩透明度范围;
根据所述遮罩透明度范围和所述系统亮度阈值确定透明度调整系数;
获取当前的系统亮度值;当所述系统亮度值小于所述系统亮度阈值时,在所述界面上叠加遮罩层,根据所述系统亮度值和所述透明度调整系数调整所述遮罩层的透明度。
16.根据权利要求1所述的方法,其特征在于,所述第一部分选自所述界面的前景、背景、文字、图片。
17.一种终端设备,其特征在于,包括:
亮度获取模块,用于获取界面中第一部分的亮度值;
范围确定模块,用于根据所述亮度值和预设的对比度阈值确定亮度调整范围或遮罩透明度范围;所述亮度调整范围是所述第一部分和所述界面中第二部分的对比度不小于所述对比度阈值时,所述第二部分的亮度范围;所述遮罩透明度范围是所述第一部分中最暗点和最亮点的对比度不小于所述对比度阈值时,在所述界面上叠加的遮罩层的透明度范围;
系数确定模块,用于根据预设的系统亮度阈值和所述亮度调整范围或遮罩透明度范围确定调整系数;
亮度调整模块,用于获取当前的系统亮度值,当所述系统亮度值小于所述系统亮度阈值时,根据所述系统亮度值和所述调整系数调整所述第二部分的亮度值或在所述界面上叠加遮罩层并根据所述系统亮度值和所述调整系数调整所述遮罩层的透明度。
18.根据权利要求17所述的终端设备,其特征在于,
所述亮度获取模块用于:获取所述界面中至少两个部分的亮度值;将所述至少两个部分中亮度值最小的部分作为所述第一部分;
所述范围确定模块用于:根据所述亮度值和所述对比度阈值计算临界亮度值,所述临界亮度值为,所述第一部分和第二部分的对比度等于所述对比度阈值时,所述第二部分的亮度值;将所述临界亮度值作为所述亮度调整范围的最小值。
19.根据权利要求17所述的终端设备,其特征在于,所述亮度调整模块用于:
根据所述系统亮度值和所述调整系数计算亮度目标值,将所述第二部分的亮度值设置为所述亮度目标值;或者
计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算亮度调节量,当所述系统亮度值增加时,将所述第二部分的亮度值增加所述亮度调节量;系统亮度值减小时,将所述第二部分的亮度值减少所述亮度调节量。
20.根据权利要求17所述的终端设备,其特征在于,所述亮度调整模块用于:
根据所述系统亮度值和所述调整系数计算透明度计算值,将所述遮罩层的透明度值设置为所述透明度计算值;或
计算先后获得的两个系统亮度值的差值,根据所述差值和所述调整系数计算透明度调节量,将所述遮罩层的透明度值增加或减少所述透明度调节量。
CN201710276588.7A 2017-04-25 2017-04-25 一种界面展示技术及终端设备 Active CN107016978B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710276588.7A CN107016978B (zh) 2017-04-25 2017-04-25 一种界面展示技术及终端设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710276588.7A CN107016978B (zh) 2017-04-25 2017-04-25 一种界面展示技术及终端设备

Publications (2)

Publication Number Publication Date
CN107016978A CN107016978A (zh) 2017-08-04
CN107016978B true CN107016978B (zh) 2018-11-20

Family

ID=59448329

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710276588.7A Active CN107016978B (zh) 2017-04-25 2017-04-25 一种界面展示技术及终端设备

Country Status (1)

Country Link
CN (1) CN107016978B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108053436B (zh) * 2017-11-15 2020-10-16 阿里巴巴(中国)有限公司 图片的处理方法、装置、电子设备及图片服务器
CN111164962B (zh) * 2018-09-26 2021-11-30 深圳市大疆创新科技有限公司 一种图像处理方法、设备、无人机、系统及存储介质
CN110164366A (zh) * 2019-04-22 2019-08-23 联想(北京)有限公司 一种信息处理方法、电子设备
CN110442313B (zh) * 2019-06-27 2021-09-21 华为技术有限公司 一种显示属性调整方法以及相关设备
CN113032063B (zh) * 2019-12-24 2024-04-26 腾讯科技(深圳)有限公司 一种数据处理的方法以及相关装置
CN115248652B (zh) * 2021-04-25 2024-01-12 极米科技股份有限公司 图像的自适应方法、装置、设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101098489A (zh) * 2006-06-27 2008-01-02 三星电子株式会社 增强显示图像的可视性的图像处理设备和方法
CN101188101A (zh) * 2006-11-21 2008-05-28 胜华科技股份有限公司 增强影像对比度的调整装置与其方法
CN101882425A (zh) * 2010-06-30 2010-11-10 深圳创维-Rgb电子有限公司 一种调整显示画面的画质的方法、系统及液晶显示设备
CN102663985A (zh) * 2012-04-20 2012-09-12 深圳创维-Rgb电子有限公司 对比度与亮度联动调整方法和装置
CN105549927A (zh) * 2015-12-01 2016-05-04 魅族科技(中国)有限公司 一种显示方法和终端

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101098489A (zh) * 2006-06-27 2008-01-02 三星电子株式会社 增强显示图像的可视性的图像处理设备和方法
CN101188101A (zh) * 2006-11-21 2008-05-28 胜华科技股份有限公司 增强影像对比度的调整装置与其方法
CN101882425A (zh) * 2010-06-30 2010-11-10 深圳创维-Rgb电子有限公司 一种调整显示画面的画质的方法、系统及液晶显示设备
CN102663985A (zh) * 2012-04-20 2012-09-12 深圳创维-Rgb电子有限公司 对比度与亮度联动调整方法和装置
CN105549927A (zh) * 2015-12-01 2016-05-04 魅族科技(中国)有限公司 一种显示方法和终端

Also Published As

Publication number Publication date
CN107016978A (zh) 2017-08-04

Similar Documents

Publication Publication Date Title
CN107016978B (zh) 一种界面展示技术及终端设备
CN107680542B (zh) 一种分区背光控制方法及其装置
CN102508666B (zh) 应用程序中应用提示信息的调整方法及装置
CN107179889B (zh) 界面色彩调节方法、网页色彩调节方法及装置
WO2019011195A1 (en) CONTROL METHOD, TERMINAL EQUIPMENT, AND COMPUTER-READABLE NON-TRANSITORY STORAGE MEDIUM FOR AUTOMATIC EXPOSURE CONTROL OF A REGION OF INTEREST
US10783837B2 (en) Driving method and driving device of display device, and related device
CN107391062A (zh) 一种调节屏幕显示的方法、装置及其移动终端
CN107948627B (zh) 视频播放方法、装置、计算设备及存储介质
US20140139561A1 (en) Display Processing Method Display Processing Device and Display
CN105679253B (zh) 一种终端背光调节方法及装置
CN107799080B (zh) 一种基于分段式曲线的液晶像素补偿方法
US20160110846A1 (en) Automatic display image enhancement based on user's visual perception model
CN109147707A (zh) 显示面板的伽马值调节方法、装置及显示设备
US20180025521A1 (en) Dynamic modulation for near eye display
CN107799093A (zh) 调节终端屏幕亮度的方法、终端及计算机可读存储介质
CN109493831B (zh) 一种图像信号的处理方法及装置
WO2021180173A1 (zh) 一种图像处理方法、装置、设备和存储介质
WO2016034031A1 (zh) 调整网页内容颜色的方法及装置
CN104700442A (zh) 一种自动添加滤镜与文字的图像处理方法和系统
CN111190683A (zh) 一种处理方法、装置及电子设备
CN110971761A (zh) 生成显示参数曲线的方法、装置、移动终端以及存储介质
WO2021143673A1 (zh) 内容显示方法、装置、移动终端及存储介质
CN108762485B (zh) 按键字体调整方法、装置、移动终端及存储介质
CN111901519B (zh) 屏幕补光方法、装置及电子设备
CN107507601A (zh) 一种自动调整摄像机监控界面显示效果的方法及系统

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