CN114138215A - 一种显示方法及相关设备 - Google Patents
一种显示方法及相关设备 Download PDFInfo
- Publication number
- CN114138215A CN114138215A CN202010923733.8A CN202010923733A CN114138215A CN 114138215 A CN114138215 A CN 114138215A CN 202010923733 A CN202010923733 A CN 202010923733A CN 114138215 A CN114138215 A CN 114138215A
- Authority
- CN
- China
- Prior art keywords
- background image
- image
- characters
- color
- complexity
- 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 73
- 230000008859 change Effects 0.000 claims description 13
- 238000004590 computer program Methods 0.000 claims description 4
- 230000000694 effects Effects 0.000 abstract description 34
- 238000010191 image analysis Methods 0.000 description 33
- 238000004458 analytical method Methods 0.000 description 31
- 238000004422 calculation algorithm Methods 0.000 description 28
- 238000013461 design Methods 0.000 description 24
- 239000010410 layer Substances 0.000 description 24
- 239000011159 matrix material Substances 0.000 description 23
- 230000006870 function Effects 0.000 description 22
- 238000012545 processing Methods 0.000 description 22
- 238000010586 diagram Methods 0.000 description 20
- 239000003086 colorant Substances 0.000 description 16
- 230000008569 process Effects 0.000 description 14
- 238000007726 management method Methods 0.000 description 12
- 238000004891 communication Methods 0.000 description 8
- 210000004027 cell Anatomy 0.000 description 5
- 230000004075 alteration Effects 0.000 description 4
- 238000013528 artificial neural network Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000003708 edge detection Methods 0.000 description 3
- 230000000873 masking effect Effects 0.000 description 3
- 238000010295 mobile communication Methods 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 239000007787 solid Substances 0.000 description 3
- 230000015572 biosynthetic process Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241000272814 Anser sp. Species 0.000 description 1
- 230000001133 acceleration Effects 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 238000013529 biological neural network Methods 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000001537 neural effect Effects 0.000 description 1
- 210000002569 neuron Anatomy 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 238000005070 sampling Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
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
- 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
-
- 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/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/109—Font handling; Temporal or kinetic typography
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申请实施例提供一种显示方法及相关设备,涉及电子技术领域。该方法使得电子设备在显示沉浸式场景时,不损耗背景图像的显示效果,且提高沉浸式场景中文字的识别性。该方法用于电子设备在背景图像上显示界面元素,方法包括:获取背景图像的图像特征参数,图像特征参数包括:背景图像的复杂度、背景图像的灰度信息和背景图像的浅色程度中的至少一种,复杂度用于表征背景图像的纹理、清晰度和颜色的复杂程度;根据图像特征参数,显示背景图像和界面元素,界面元素包括文字。
Description
技术领域
本申请实施例涉及电子技术领域,尤其涉及一种显示方法及相关设备。
背景技术
电子设备显示的用户界面(User Interface,UI)为沉浸式场景,用户对于电子设备显示的沉浸式场景中的文字的识别性有较高的要求。也就是说,在UI设计的过程中,沉浸式场景中的文字的识别性是UI设计要解决的重要问题。其中,沉浸式场景中一般包括背景图像和显示在背景图像上的文字等。例如,电子设备显示主界面(home screen)时,主界面上包括背景图像、显示在背景图像上的应用图标以及应用名称,背景图像的颜色或图像内容可能会影响用户对UI上显示的应用名称的识别。在UI设计的过程中,当电子设备显示主界面时,使得显示在背景图像上的文字(如应用名称)易于被用户识别。
一般而言,电子设备显示沉浸式场景时,如果电子设备确定背景图像影响用户对文字的识别,优先的操作是为背景图像增加蒙版,降低背景图像对显示在背景图像上文字的干扰,使得用户通过电子设备查看沉浸式场景时易于识别背景图像上的文字。另外,电子设备还可以为沉浸式场景中的文字增加阴影,使得显示的文字更加立体,进而使得显示在背景图像上的文字易于被识别。总而言之,电子设备在展示沉浸式场景中的背景图像和文字时,可以采用图像识别技术、图像智能取色技术以及图像对比度判断等技术手段,对背景图像进行分析。以确定背景图像在显示文字,背景图像是否会影响文字的识别性。如果确定背景图像的内容或颜色等会影响文字的识别,可以根据对背景图像的分析以确定背景图像的显示形式(如为背景图像增加蒙版,为文字增加阴影等),从而保证电子设备展示沉浸式场景时背景图像上文字的识别性。
在一种具体的实现中,在UI设计中为了保证沉浸式场景中的内容易于被用户识别,可以在背景图像上增加蒙版,让背景图像易于被用户识别;或者,对沉浸式场景中的文字进行处理,例如,更改文字的颜色、对文字增加阴影以及对文字进行描边等方式提升文字的识别。其中,为背景图像增加蒙版会使得背景图像的呈现效果出现损耗,如,图像细节不清楚。对沉浸式场景中文字的处理会应用于背景图像上的全部文字,可能存在局部的文字显示影响对背景图像的识别。因此,电子设备显示沉浸式场景时,在不损耗背景图像的显示效果的情况下,提高沉浸式场景中文字的识别性成为UI设计中亟待解决的技术问题。
发明内容
本申请提供一种显示方法及相关设备,使得电子设备在显示沉浸式场景时,不损耗背景图像的显示效果,且提高沉浸式场景中文字的识别性。
为实现上述技术目的,本申请采用如下技术方案:
第一方面,本申请提供一种显示方法,该方法可以用于电子设备在背景图像上显示界面元素。该方法可以包括:获取背景图像的图像特征参数,根据背景图像的图像特征参数,显示背景图像和界面元素,界面元素包括文字。
其中,图像特征参数包括:背景图像的复杂度、背景图像的灰度信息和背景图像的浅色程度中的至少一种。复杂度用于表征背景图像的纹理、清晰度和颜色的复杂程度。例如,可以通过计算背景图像纹理的复杂程度、清晰度的复杂程度和颜色的复杂程度确定出背景图像的复杂度。沉浸式场景的界面元素还可以包括图标和指示标识等,本申请实施例解决的技术问题是沉浸式场景中文字的识别性,因此,这里的界面元素是显示在背景图像上的文字。
可以理解的,当电子设备显示沉浸式场景的显示界面时,电子设备可以先确定背景图像的图像特色参数,使得电子设备可以从多方面了解到背景图像的特点。例如,电子设备可以了解到背景图像的复杂程度等。这样,电子设备可以根据背景图像的图像特征参数调整背景图像,不损耗背景图像的显示效果。电子设备根据背景图像的图像特征参数调整沉浸式场景中的文字,提高沉浸式场景中文字的识别性。由此一来,电子设备在展示沉浸式场景时,有效平衡沉浸式场景中背景图像的显示效果和文字的识别性。
第一方面的一种可能的设计方式中,图像特征参数包括背景图像的复杂度或者背景图像的灰度信息,其中,灰度信息可以包括背景图像的灰度均方差。
当电子设备根据背景图像的特征参数,显示背景图像和界面元素的过程中。如果背景图像的复杂度大于或等于预设复杂阈值,或者背景图像的灰度均方差大于或等于预设第一均方差。则电子设备在背景图像上设置第一不透明度的蒙版,将文字的颜色设置为白色、为文字增加第二不透明度的阴影、且增加文字的字宽。电子设备显示背景图像和文字,即电子设备展示沉浸式场景。
其中,背景图像的复杂度可以表征背景图像的复杂程度,背景图像的灰度信息可以表征背景图像的灰度值。示例性的,当背景图像的复杂度大于预设复杂阈值,或者背景图像的灰度均方差大于预设第一均方差。电子设备可以在背景图像上设置第一不透明度的蒙版,将文字的颜色调节为白色、为文字增加第二不透明度的阴影,且增加文字的字宽。
可以理解的,背景图像的复杂度表征背景图像的复杂程度,背景图像的复杂度大于预设复杂阈值,则说明背景图像是复杂图像。针对背景图像是复杂图像的沉浸式场景,设置复杂图像设置第一不透明度的蒙版,可以降低背景图像对文字的干扰。而且,背景图像是复杂图像,将文字的颜色调节为白色,为文字增加阴影,可以使得文字更立体,可以提高文字的识别性。
第一方面另一种可能的设计方式中,图像特征参数包括背景图像的复杂度、背景图像的灰度信息和背景图像的浅色程度。其中,灰度信息包括背景图像的灰度均方差。当电子设备根据背景图像的特征参数,显示背景图像和界面元素的过程中。如果背景图像的复杂度小于预设复杂阈值,且背景图像的灰度均方差小于预设第一均方差。则电子设备可以根据背景图像的浅色程度,显示背景图像和文字。
可以理解的,图像特征参数中背景图像的复杂度大于预设复杂阈值时,说明背景图像是复杂的图像。当背景图像的复杂度小于预设复杂阈值时,电子设备认为背景图像不是复杂的背景图像,则电子设备需要根据浅色程度等图像特征参数确定出背景图像的特点。使得电子设备可以平衡背景图像的显示效果和文字的识别性。
第一方面另一种可能的设计方式中,上述电子设备根据背景图像的浅色程度,显示背景图像和文字,具体可以包括:如果背景图像的浅色程度小于第一浅色阈值,将文字的颜色设置为灰度值大于预设阈值的颜色,并显示背景图像和文字。
其中,灰度值大于预设阈值的颜色为深色。这里的深色可以是黑色、深灰色和褐色等。背景图像的浅色程度小于第一浅色阈值,说明背景图像的颜色浅,为了确保文字的识别性,电子设备设置文字的颜色为深色可以提高文字的识别性。
如果背景图像的浅色程度小于或等于第二浅色阈值,且大于或等于第一浅色阈值,则在背景图像上设置第三不透明度的蒙版,将文字的颜色设置为白色、为文字增加第二不透明度的阴影、且增加文字的字宽,并显示背景图像和文字。其中,第一浅色阈值小于第二浅色阈值。
示例性的,将文字的颜色调节为白色是因为电子设备识别到背景图像整体为深色,设置白色的文字可以确保文字的识别性。具体的说,还可以将文字颜色设置为其他的浅色。
如果背景图像的浅色程度大于第二浅色阈值,将文字的颜色设置为白色,显示背景图像和文字。
可以理解的,根据背景图像的浅色程度界定出不同类型的背景图像,使得电子设备可以根据不同的背景图像设置不同文字和背景图像的显示方式,以提高文字的识别性。
第一方面另一种可能的设计方式中,在背景图像的浅色程度大于第二浅色阈值的情况下,如果背景图像的灰度均方差大于或等于第二均方差,为文字增加第二不透明度的阴影、且增加文字的字宽,显示背景图像和文字。其中,第一均方差大于第二均方差。
可以理解的,背景图像的浅色程度大于或等于大于或等于第二均方差,说明背景图像的颜色是偏暗的颜色。在这种情况下,为文字增加第二不透明度的阴影可以使得文字的显示更加立体,提高文字的识别性。
第一方面另一种可能的设计方式中,在显示背景图像和界面元素之后,方法还包括:若文字的颜色与文字在背景图像上所处的预设区域的颜色的对比度小于预设对比度,则调整文字的颜色,使得对比度大于预设对比度。其中,对比度为文字的颜色与预设区域的颜色的差值或者比值。
可以理解的,电子设备确定文字的显示方式之后,还可以采用局部识别算法判断显示在背景图像上的文字是否易于被识别。例如,当电子设备判断背景图像为浅色图像,但是,背景图像上显示文字的位置为深色,文字的颜色为深色,这种情况下,文字的识别性较差。采用局部识别算法可以有效的提高整个沉浸式场景中文字的识别性。
第一方面另一种可能的设计方式中,背景图像的复杂度包括:图像的信息熵、边缘比率、相关度、反差和能量中的至少一个。
其中,信息熵用于表征背景图像的灰度级,边缘比率用于表征背景图像边缘像素的比率,相关度用于表征背景图像的纹理,反差用于表征背景图像的清晰度,能量用于表征背景图像的规则变化程度。
第二方面,本申请还提供一种显示装置,该显示装置用于在背景图像上显示界面元素。该装置可以包括:获取模块和显示模块。
获取模块,可以用于获取背景图像的图像特征参数,图像特征参数包括:背景图像的复杂度、背景图像的灰度信息和背景图像的浅色程度中的至少一种,复杂度用于表征背景图像的纹理、清晰度和颜色的复杂程度。
显示模块,可以用于根据图像特征参数,显示背景图像和界面元素,界面元素包括文字。
第二方面的一种可能的设计方式中,图像特征参数包括背景图像的复杂度或者背景图像的灰度信息,其中,灰度信息包括背景图像的灰度均方差。
显示模块用于根据图像特征参数,显示背景图像和界面元素时。显示模块具体用于:若背景图像的复杂度大于或等于预设复杂阈值,或者背景图像的灰度均方差大于或等于预设第一均方差,则在背景图像上设置第一不透明度的蒙版,将文字的颜色设置为白色、为文字增加第二不透明度的阴影、且增加文字的字宽,并显示背景图像和文字。
第二方面另一种可能的设计方式中,图像特征参数包括背景图像的复杂度、背景图像的灰度信息和背景图像的浅色程度,其中,灰度信息包括背景图像的灰度均方差。
显示模块用于根据图像特征参数,显示背景图像和界面元素时,显示模块具体用于:若背景图像的复杂度小于预设复杂阈值,且背景图像的灰度均方差小于预设第一均方差,则根据背景图像的浅色程度,显示背景图像和文字。
第二方面另一种可能的设计方式中,显示模块根据背景图像的浅色程度,显示背景图像和文字时,显示模块具体用于:若背景图像的浅色程度小于第一浅色阈值,将文字的颜色设置为灰度值大于预设阈值的颜色,并显示背景图像和文字。
若背景图像的浅色程度小于或等于第二浅色阈值,且大于或等于第一浅色阈值,在背景图像上设置第三不透明度的蒙版,将文字的颜色设置为白色、为文字增加第二不透明度的阴影、且增加文字的字宽,并显示背景图像和文字,其中,第一浅色阈值小于第二浅色阈值。
若背景图像的浅色程度大于第二浅色阈值,将文字的颜色设置为白色,显示调整后的背景图像和文字。
第二方面另一种可能的设计方式中,显示模块还用于:若背景图像的浅色程度大于第二浅色阈值,背景图像的灰度均方差大于或等于第二均方差,为文字增加第二不透明度的阴影、且增加文字的字宽,显示背景图像和文字,其中,第一均方差大于第二均方差。
第二方面另一种可能的设计方式中,装置还包括调整模块。调整模块,用于若文字的颜色与文字在背景图像上所处的预设区域的颜色的对比度小于预设对比度,则调整文字的颜色,使得对比度大于预设对比度。
其中,对比度为文字的颜色与预设区域的颜色的差值或者比值。
第二方面另一种可能的设计方式中,背景图像的复杂度包括:图像的信息熵、边缘比率、相关度、反差和能量中的至少一个。
其中,信息熵用于表征背景图像的灰度级,边缘比率用于表征背景图像边缘像素的比率,相关度用于表征背景图像的纹理,反差用于表征背景图像的清晰度,能量用于表征背景图像的规则变化程度。
第三方面,本申请还提供一种电子设备,该电子设备包括:存储器和一个或多个处理器;存储器和处理器耦合。其中,存储器用于存储计算机程序代码,计算机程序代码包括计算机指令,当处理器执行计算机指令时,使电子设备可以执行上述第一方面及其任一种可能的设计方式中的方法。
第四方面,本申请还提供一种芯片系统,芯片系统应用于电子设备。芯片系统包括一个或多个接口电路和一个或多个处理器;接口电路和处理器通过线路互联。接口电路用于从电子设备的存储器接收信号,并向处理器发送信号,信号包括存储器中存储的计算机指令;当处理器执行计算机指令时,电子设备可以执行上述第一方面及其任一种可能的设计方式中的方法。
第五方面,本申请还提供一种计算机可读存储介质,包括计算机指令,当计算机指令在电子设备上运行时,使得电子设备可以执行上述第一方面及其任一种可能的设计方式中的方法。
第六方面,本申请实施例提供一种计算机程序产品,当计算机程序产品在计算机上运行时,使得计算机执行如第一方面、第二方面及其任一种可能的设计方式的方法。
可以理解的,本申请实施例第二方面及其任一种可能的设计方式中的装置,第三方面的电子设备,第四方面的芯片系统,第五方面的的计算机可读存储介质以及第六方面的计算机程度产品所带来的技术效果可参见上述第一方面中不同设计方式所带来的技术效果,此处不再赘述。
附图说明
图1A为本申请提供的一种主界面的示意图;
图1B为本申请实施例提供的另一主界面的示意图;
图2为本申请实施例提供的一种背景图像和主界面的示意图;
图3为本申请实施例提供的另一主界面的示意图;
图4A为本申请实施例提供的一种电子设备的硬件结构示意图;
图4B为本申请实施例提供的一种电子设备的软件系统结构示意图;
图5A为本申请实施例提供的一种显示方法的流程图;
图5B为本申请实施例提供的另一显示方法的流程图;
图6为本申请实施例提供的一种确定背景图像的类型的方法的流程图;
图7A为本申请实施例提供的一种背景图像的示意图;
图7B为本申请实施例提供的另一背景图像的示意图;
图7C为本申请实施例提供的另一背景图像的示意图;
图7D为本申请实施例提供的另一背景图像的示意图;
图8为本申请实施例提供的一种手机的主界面的示意图;
图9为本申请实施例提供的另一手机的主界面的示意图;
图10为本申请实施例提供的另一手机的主界面的示意图;
图11为本申请实施例提供的另一手机的主界面的示意图;
图12为本申请实施例提供的另一手机的主界面的示意图;
图13为本申请实施例提供的一种电子设备的结构示意图;
图14为本申请实施例提供的一种电子设备的硬件结构示意图;
图15为本申请实施例提供的一种芯片系统的结构示意图。
具体实施方式
以下将对本申请实施例涉及的技术术语进行介绍。
沉浸式场景:在电子设备的显示界面中,UI元素显示在非纯色背景图像上的显示场景。其中,UI元素可以包括文字、应用图标和显示标签等,非纯色背景图像可以包括照片、视频图像、桌面壁纸图像等。例如。本申请实施例中沉浸式场景为,电子设备的显示界面中显示的桌面壁纸和应用图标;或者,沉浸式场景为,电子设备在显示视频时,电子设备显示视频图像和视频中的字幕。
阿尔法通道(Alpha Channel或αChannel):表示一张图像的透明度和半透明度。例如,一张使用16位存储位的图像,其中,5个存储位表示绿色,5个存储位表示红色,5个存储位表示蓝色,1个存储位表示阿尔法。在这种情况下,这种图像要么是透明的,要么是不透明的。又例如,一张使用32为存储位的图像,其中,每8个存储位表示三原色中的一个颜色,则还有8个存储位可以表示阿尔法。这样,阿尔法可以表示该图像是透明的,还可以表示该图像的256级的半透明度。
蒙版(或称为蒙层):本申请中蒙版表示带有阿尔法通道的图层。例如,蒙版可以形象化为带有颜色的透明板,在图像设置蒙版相当于隔着有颜色的透明板的图像,使得图像呈现出不同的显示效果。因此,可以通过调节蒙层的颜色调节图像的显示效果。
易读性(legibility):在文字排版设计之后显示在界面上,读者在观看界面时辨别文字的难易程度。本申请实施例中,电子设备的显示界面中包括文字和背景图像时,用户观看显示界面,辨别出显示界面上文字的难易程度。其中,易读性与文字的颜色和背景图像的颜色相关,且与文字的字体大小相关。例如,背景图像的颜色为深色(如,深灰、深褐色、棕色等),文字为浅色(如,白色、鹅黄色、淡粉色等),文字的字体增大,则使得显示界面上的文字易于被用户识别。
明度:是人的眼睛对光源或物体表面的明暗程度的感觉,主要是由光线强弱决定的一种视觉经验。一般而言,光源的光线越强,人眼看见光源就感觉越亮;光源的光线越弱,人眼看见的光源就感觉越暗。本申请实施例中,明度表示颜色的明暗程度。不同的颜色因为反射光线不同,使得颜色呈现出不同的明暗。例如,绛红色和粉红色,相同的光源照射在绛红色和粉红色上时,绛红色反射的光线相比于粉红色反射的光线更少,使得人眼感觉绛红色看起来更暗。也就是说,绛红色比粉红色显得暗。
对比度:一幅图像的明暗区域中亮部区域的白和暗部区域的黑之间亮度层级的差距,为该图像中灰度的反差。图像灰度的反差越大则图像的对比度越大,图像灰度的反差越小则图像对比度越小。
图像复杂度:一般而言图像复杂度可以包括图像上颜色的复杂度、纹理的复杂度和图像上的图案的形状复杂度等。本申请实施例中通过图像的信息熵、边缘比率、相关度、反差和能量五个维度描述图像复杂度。也就是说,图像复杂度与信息熵、边缘比率、相关度、反差和能量均相关。
静态图像识别:在沉浸式场景中,对背景图像进行一次识别之后,得到识别结果,根据识别结果显示背景图像。也就是说,静态图像识别仅对图像识别一次,就按照识别结果显示背景图像。
动态图像识别:在沉浸式场景中,对背景图像识别多次。也就是说,当电子设备将背景图像作为沉浸式场景的UI元素,电子设备识别背景图像,得到识别结果,并根据识别结果展示沉浸式场景。如果电子设备展示的沉浸式场景中背景图像上显示的文字发生变化(例如,应用名称、字幕等改变),电子设备可以再次识别背景图像,并根据识别结果和文字的变化调整背景图像的显示。
由于沉浸式场景中包括背景图像,以及显示在背景图像上的UI元素,本申请实施例中以UI元素是文字为例。其中,当电子设备展示的用户界面为沉浸式场景时,沉浸式场景中的背景图像会影响用户对沉浸式场景中文字的识别。同理,显示在背景图像上的文字也会影响背景图像的展示效果。
以电子设备显示主界面为例,电子设备可以分析主界面的背景图像,根据分析结果确定背景图像对主界面中应用名称的识别性的影响程度。例如,背景图像中包括的颜色均为浅色系,且应用文字的颜色为白色,则电子设备确定背景图像对应用名称的识别的影响较大。其中,如果电子设备确定背景图像会影响用户对应用名称的识别,电子设备可以为背景图像增加蒙版,以降低背景图像对应用名称的影响程度。或者,电子设备还可以调整应用名称的字体大小或字体颜色等,使得背景图像上应用名称的识别性得到提升。
需要说明的,当电子设备为背景图像增加蒙版时,会为整个背景图像增加蒙版,这种操作可能会影响背景图像的显示效果。或者,当电子设备可以调节显示在背景图像上的应用名称的字体颜色,同时,主界面中全部应用名称的字体颜色均会被改变。也就是说,当电子设备对沉浸式场景中的元素(例如,背景图像、应用名称等)处理时,这种处理是全局的。而且,这种处理方式仅需要设置一次,则背景图像会始终以处理后的方式显示沉浸式场景中的元素。这种背景图像的识别方式为静态图像识别,即对背景图像识别一次,根据识别结果调整背景图像的显示,并且在之后应用到该背景图像的沉浸式场景中均以这种方式显示该背景图像。
可以理解的,这种全局处理的方式会使得背景图像在当前的沉浸式场景中呈现效果较好,但是,在另一些沉浸式场景中可能使得背景图像的呈现效果出现较大的损耗,影响背景图像的识别性。
需要说明的,动态图像识别中电子设备可以对背景图像识别多次,电子设备采用动态图像识别方式可以提高背景图像在不同的沉浸式场景中的呈现效果,同时,可以提高沉浸式场景中文字的识别性。具体地说,当背景图像上显示的UI元素(如应用图标、应用名称或图标等)发生变化,电子设备可以根据背景图像上UI元素的变化更改对背景图像的显示方式。假设电子设备展示第一沉浸式场景和第二沉浸式场景,且第一沉浸式场景和第二沉浸式场景中背景图像相同,第一沉浸式场景和第二沉浸式场景中文字的显示区域不同。基于第一沉浸式场景中文字的显示区域,如果电子设备确定第一沉浸式场景中背景图像影响显示在背景图像上文字的识别性,则为背景图像增加蒙版,以降低背景图像对文字的识别性的影响。当电子设备从第一沉浸式场景切换为第二沉浸式场景,如果电子设备确定第二沉浸式场景中背景图像不会影响显示在背景图像上文字的识别性,电子设备可以去掉背景图像上的蒙版,展示第二沉浸式场景。
在一种实现方式中,电子设备以动态图像识别的方式处理沉浸式场景中的背景图像。例如,电子设备显示沉浸式场景时,可以采用动态图像识别的方式识别背景图像,以便根据识别结果对UI中的元素(例如,背景图像、应用名称、图标等)进行选择性处理。其中,这种选择性处理包括为背景图像增加蒙版,为沉浸式场景中的文字增加阴影,更改沉浸式场景中文字的颜色等。例如,电子设备可以为背景图像增加蒙版,以及修改显示在背景图像文字的颜色。或者,电子设备可以仅为背景图像增加蒙版。又或者,电子设备可以只修改显示在背景图像上文字的颜色。
具体地说,电子设备对UI中元素的处理可以是全局的,也可以是局部的。以电子设备修改显示在背景图像上的文字的颜色为例,电子设备展示沉浸式场景,显示在同一背景图像上不同区域的文字的颜色可以是不同的。
可以理解的,这种实现方式中可以保证在复杂的沉浸式场景中,背景图像与显示在背景图像上的文字的契合程度较高,并且可以保证沉浸式场景中文字的识别性。但是,这种实现方式中对图像识别的算法较为复杂,且要求对图像精细化处理,对电子设备的运算处理能力要求较高。如果直接将这种实现方式应用在另一操作系统,如应用在安卓(Android),使得承载安卓系统的电子设备出现功耗难以承载的问题。也就是说,对于安装安卓操作系统的电子设备,如果采用动态识别方式展示沉浸式场景会出现功耗无法承载的现象。对于安装有安卓系统的电子设备,在展示沉浸式场景的过程中,不损耗背景图像的显示效果且提高沉浸式场景中文字的识别性。另外,本申请实施例中的方法也可以应用于安装其他操作系统的电子设备中。
本申请实施例提供一种沉浸式场景的用户界面显示方法,以该方法应用于安装安卓操作系统的电子设备为例。电子设备在展示沉浸式场景时,可以采用图像分析算法分析沉浸式场景中的背景图像,以获取图像分析结果,并根据图像分析结果确定背景图像的显示方式,以及显示在背景图像上文字的显示方式。其中,图像分析算法可以包括图像的复杂度、图像的灰度均方差或浅色程度等。使得电子设备充分了解背景图像后,可以在不损耗背景图像的美观性的前提下,确定出背景图像的显示方式。并且,电子设备可以根据背景图像的分析结果确定出文字的显示方式,可以提高文字的识别性。这样一来,电子设备展示的沉浸式场景可以到达美观性和识别性的平衡。
示例性的,电子设备采用图像分析算法分析背景图像之后,可以仅调节背景图像的显示方式。如,调节背景图像的蒙版的程度等。或者,电子设备也可以调节背景图像的显示方式,以及调整显示在背景图像上文字的显示方式。如,调节背景图像的蒙版程度,以及为显示在背景图像上的文字增加阴影。又或者,电子设备根据背景图像的类型仅调节显示在背景图像上文字的显示方式。如,电子设备以直接显示背景图像,调整显示在背景图像上文字的颜色、调节文字的阴影程度等。
也就是说,本申请实施例提供的沉浸式场景的显示方法中,电子设备可以根据背景图像的图像分析结果,调节背景图像和显示在背景图像上文字的显示方式。这样,以降低对沉浸式场景的显示效果的损耗,提高沉浸式场景中文字的识别性。
示例性的,本申请实施例中的电子设备可以是安装有安卓系统的手机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、车载设备、超级移动个人计算机(ultra-mobilepersonal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digitalassistant,PDA)、增强现实(augmented reality,AR)\虚拟现实(virtual reality,VR)设备等,本申请实施例对该电子设备的具体形态不作特殊限制。
需要说明的,电子设备的显示屏显示的用户界面为沉浸式场景,电子设备可以实施本申请实施例中的方法,在不损耗背景图像的显示效果的情况下,提高沉浸式场景中文字的识别性。
示例性的,以安装有安卓操作系统的电子设备是手机,沉浸式场景为主界面为例。也就是说,以手机显示主界面为例,说明本申请的沉浸式场景的显示方式。可以理解的,手机中可以安装多个应用,手机的主界面上可以显示多个应用的应用图标、以及应用名称。其中,应用图标就是该应用的启动入口,应用图标还可以称为该应用的入口元素等。应用名称就是该应用的名字,以便用户根据应用名称识别不同的应用。另外,手机的主界面也可以称为桌面。
具体的,请参考图1A和图1B,为本申请实施例提供的手机的主界面的示意图。如图1A和图1B所示,主界面包括状态栏101、主屏幕102、码头栏(Dock Bar)103和导航栏(Navigation Bar)104。状态栏101、主屏幕102、码头栏103和导航栏104均显示在主界面的壁纸(背景图像)上。
其中,状态栏101位于手机显示屏的顶部,包括手机的状态信息,如时间、电池电量、网络联接和运营商等。主屏幕102位于手机显示屏的中间位置,包括多个应用图标和应用名称。每个应用图标对应一个应用名称。如图1A和图1B所示,手机的主界面显示相机应用的应用图标、以及与相机应用的应用图标对应的应用名称;设置应用的应用图标、以及与设置应用的应用图标对应的应用名称等。码头栏103是布满手机屏幕的整个窗口或者悬浮于其他窗口上的交互界面(Activity,即用于显示应用图标的应用区域)中的一部分。从视觉而言,码头栏103位于Activity的下方,位于导航栏104的上方。
如图1A所示,手机的主界面的底端不显示导航栏,导航栏中按键的功能还可以通过手势控制实现。导航栏是手机屏幕底部的快捷按钮栏,一般以虚拟按键的形式出现在手机屏幕最底端。如图1B所示,手机的主界面中包括导航栏104,导航栏104可以包括Back键1041、Home键1042、最近(Recent)键1043。
示例性的,当手机设置如图2中(a)所示的图像为壁纸,手机显示的主界面如图2中(b)所示。其中,主界面的壁纸的颜色为浅色系,手机设置主界面的字体为白色,为了提高白色字体显示在浅色系图像上文字的识别性,手机为主界面的文字增加了阴影。可以理解的,为文字增加阴影可以使文字更加立体,提高文字的识别性。但是,为文字增加阴影后文字阴影的颜色为黑色或灰色,文字阴影的颜色损耗了壁纸的显示效果。当用户看到如图2中(b)所示的主界面图像时,从用户观感而言,用户会感觉手机的壁纸显得比较“脏”(即文字的黑色或灰色阴影损耗了浅色系壁纸的显示效果),且用户识别主界面的应用名称的难度较大。
另外,手机的主界面上状态栏的地方显示为灰色,这种显示方式可以确保用户对状态栏中的图标的识别性。但是,这种显示方式对壁纸的显示效果产生了损耗。就用户对主界面的观感而言,壁纸像是被“割裂”了。即壁纸在状态栏部分的显示效果与其他部分的显示效果不同,使得主界面的壁纸像是使用了两部分拼接而成的。
在这种情况下,实施本申请实施例中的方法,手机可以采用图像分析算法分析壁纸,获取壁纸的图像分析结果。这样,手机可以根据壁纸的图像分析结果确定壁纸的显示方式,以及显示在壁纸上的文字的显示方式。如,手机确定壁纸的类型为浅色系壁纸,则手机可以设置应用名称为深色字体,并去掉通知栏中背景图像上灰色。请参考图3,为手机采用如图2中(a)所示的图像作为壁纸的主界面示意图。如图3所示,主界面上的应用名称为黑色字体(深色字体),应用名称去掉字体阴影,并去掉通知栏中壁纸上的灰色。其中,浅色壁纸上显示深色字体可以提高字体的识别性,且不为文字设置阴影,并去掉通知栏中的背景图像上的灰色可以保证壁纸的显示效果不被损耗。也就是说,本申请实施例中的方法可以平衡主界面的美观性和主界面上文字的识别性,既保证壁纸显示效果的美观性,又可以兼顾显示在壁纸上文字的识别性。
以下将结合附图,对本申请实施例中的技术方案进行说明。
请参考图4A,为本申请实施例提供的一种电子设备200的结构示意图。如图4A所示,该电子设备200可以包括处理器210,外部存储器接口220,内部存储器221,通用串行总线(universal serial bus,USB)接口230,充电管理模块240,电源管理模块241,电池242,天线1,天线2,移动通信模块250,无线通信模块260,音频模块270,传感器模块280,按键290,显示屏294,以及用户标识模块(subscriber identification module,SIM)卡接口295等。其中传感器模块280可以包括压力传感器,陀螺仪传感器,振动传感器,方向传感器,加速度传感器,距离传感器,接近光传感器,温度传感器,触摸传感器,环境光传感器等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备200的具体限定。在本申请另一些实施例中,电子设备200可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器210可以包括一个或多个处理单元,例如:处理器210可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是电子设备200的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
图像信号处理器ISP可以对电子设备200中的图像进行识别,本申请实施例中,电子设备200可以进行图像分析。例如,计算图像的复杂度、对图像进行取色处理、计算图像的灰度均方差和计算图像的浅色程度等。
在一些实施例中,处理器210可以根据图像信号处理器对图像分析的结果,处理图像。
处理器210中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器210中的存储器为高速缓冲存储器。该存储器可以保存处理器210刚用过或循环使用的指令或数据。如果处理器210需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器210的等待时间,因而提高了系统的效率。
在一些实施例中,处理器210可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,SIM接口,和/或USB接口等。
可以理解的是,本发明实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备200的结构限定。在本申请另一些实施例中,电子设备200也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备200的智能认知等应用,例如:图像识别,语音识别,文本理解等。
外部存储器接口220可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备200的存储能力。
内部存储器221可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器210通过运行存储在内部存储器221的指令,从而执行电子设备200的各种功能应用以及数据处理。内部存储器221可以包括存储程序区和存储数据区。
充电管理模块240用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。电源管理模块241用于连接电池242,充电管理模块240与处理器210。电源管理模块241接收电池242和/或充电管理模块240的输入,为处理器210,内部存储器221,外部存储器,显示屏294和无线通信模块260等供电。
电子设备200的无线通信功能可以通过天线1,天线2,移动通信模块250,无线通信模块260,调制解调处理器以及基带处理器等实现。移动通信模块250可以提供应用在电子设备200上的包括2G/3G/4G/5G等无线通信的解决方案。
电子设备200通过GPU,显示屏294,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏294和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器210可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。在一些实施例中,电子设备200的显示屏294显示沉浸式场景时,图像处理器对图像分析处理,处理器210可以基于分析结果生成图像的显示方式。例如,显示方式包括为图像增加蒙版、为显示在图像上的文字增加阴影等。使得电子设备展示的沉浸式场景中,文字的识别性较高。
显示屏294用于显示图像,视频等,显示屏294包括显示面板。在一些实施例中,电子设备200可以包括1个或N个显示屏294,N为大于1的正整数。
电子设备200可以通过音频模块270,以及应用处理器等实现音频功能。例如音乐播放,录音等。电子设备200可以通过传感器模块280中的各个传感器获取传感器数据,并通过传感器数据确定电子设备的运动状态。
按键290包括开机键,音量键等。按键290可以是机械按键。也可以是触摸式按键。电子设备200可以接收按键输入,产生与电子设备200的用户设置以及功能控制有关的键信号输入。
SIM卡接口295用于连接SIM卡。SIM卡可以通过插入SIM卡接口295,或从SIM卡接口295拔出,实现和电子设备200的接触和分离。电子设备200可以支持1个或N个SIM卡接口,N为大于1的正整数。
电子设备200的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本发明实施例以分层架构的Android系统为例,示例性说明电子设备200的软件结构。
图4B是本发明实施例的电子设备200的软件结构框图。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android系统分为四层,从上至下分别为应用程序层,应用程序框架层(简称框架层),以及内核层。
应用程序层可以包括一系列应用程序包。如图4B所示,应用程序层可以包括应用1、应用2等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图4B所示,应用程序框架层可以包括窗口管理器,内容提供器,视图系统,电话管理器,资源管理器,通知管理器等。
其中,窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。这里的数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。电话管理器用于提供电子设备200的通信功能。例如通话状态的管理(包括接通,挂断等)。资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
在一些实施例中,电子设备可以通过显示器展示内容提供器中的图像数据。例如,电子设备展示多个张图像,获取到对第一图像的选择操作,将第一图像设置为主界面的壁纸。当电子设备展示第一图像作为壁纸的主界面时,显示图片的控件用于控制第一图像的显示效果,显示文字的空间用于控制第一图像上应用名称的显示效果。另外视图系统还可以控制应用控件显示在第一图像。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),2D图形引擎(例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
以下实施例均可以在具备上述硬件结构的电子设备中实现。
本申请实施例提供的显示方法,可以根据对背景图像的分析,显示沉浸式场景。可以平衡沉浸式场景中背景图像的美观性和文字的识别性,以提高用户体验。
其中,电子设备可以采用本申请实施例提供的显示方法,在背景图像上显示界面元素(即沉浸式场景)。如图5A所示,为本申请实施例提供的显示方法的流程图。该方法可以包括步骤301和步骤302。
步骤301:获取背景图像的图像特征参数。
其中,图像特征参数包括:背景图像的复杂度、背景图像的灰度信息和背景图像的浅色程度中的至少一种。背景图像的复杂度用于表征背景图像的纹理、清晰度和颜色的复杂程度。
可以理解的,电子设备在背景图像上显示界面,也就是电子设备显示沉浸式场景。本申请是以电子设备展示沉浸式场景为例。
示例性的,电子设备可以采用图像分析算法分析背景图像,以得到背景图像的图像特征参数。如,图像分析算法包括计算图像的复杂度、灰度信息和浅色程度等。使得电子设备可以了解通过图像特征参数确定背景图像的图像特点,以便电子设备调整背景图像的显示方式。
步骤302:根据图像特征参数,显示背景图像和界面元素。
其中,界面元素包括文字。
可以理解的,电子设备可以根据背景图像特征参数,确定出背景图像和文字的显示方式,并以确定的显示方式显示背景图像和文字。这样一来,电子设备可以根据背景图像的图像特征参数,平衡背景图像的美观性和文字的识别性,以提高沉浸式场景的显示效果。
以电子设备确定背景图像的复杂度、灰度信息和浅色程度为例。灰度信息为背景图像的灰度均方差。示例性的,如果背景图像的复杂度大于等于预设复杂阈值,或者,背景图像的灰度均方差大于等于预设第一均方差。那么,电子设备可以在背景图像上设置第一不透明度的蒙版,将文字的颜色设置为白色、为文字增加第二不透明度、且增加文字的字宽。平衡背景图像的美观性和文字的识别性,电子设备显示调整后的背景图像和文字。
又示例性的,在背景图像的复杂度大于预设复杂阈值,且背景图像的灰度均方差小于预设第一均方差的情况下,可以根据浅色程度和灰度均方差确定背景图像和文字的显示方式。
如果背景图像的浅色程度小于第一浅色阈值,将文字的颜色设置深色,显示背景图像和文字。
如果背景图像的浅色程度小于等于第二浅色阈值,且大于等于第一浅色阈值。则可以在背景图像上设置第三不透明度的蒙版,将文字的颜色设置为白色,为文字增加第二不透明度的阴影,且增加文字的字宽,显示背景图像和文字。可以理解的,第一浅色阈值小于第二浅色阈值。
如果背景图像的浅色程度大于第二浅色阈值,背景图像的灰度均方差大于等于第二均方差,则将文字的颜色设置为白色、为文字增加第二不透明度的阴影、且增加文字的字宽,显示背景图像和文字。其中,第一均方差大于第二均方差。
如果背景图像的浅色程度大于第二浅色阈值,背景图像的灰度均方差小于第二均方差,则将文字的颜色设置为白色。
下面以电子设备是手机为例,对本申请提供的显示方法详细说明。如图5B所示,为本申请实施例提供的沉浸式场景的显示方法的流程图,其中,包括步骤501-步骤504。
步骤501:手机分析沉浸式场景中的背景图像,得到背景图像的分析结果。
其中,分析沉浸式场景中的背景图像,可以采用手机中预设的图像算法处理背景图像。例如,手机可以计算背景图像的复杂度、图像灰度均方差、图像的浅色程度中的至少一个,以实现分析背景图像的目的。
可以理解的,图像的复杂度表征图像的复杂程度。本申请实施例中通过图像的信息熵、边缘比率、相关度、反差和能量表征图像的复杂程度。
图像的信息熵可以用于衡量图像整体灰度级的数量,也就是说,信息熵可以从整个图像中呈现出的灰度级。例如,可以采用如下公式1表示图像的信息熵:
其中,H表示图像的信息熵。N表示图像灰度级的数量,以使用16位存储位表示图像的颜色为例,N的取值范围是1-255。灰度级通常会由256种合并为少量几种,例如合并为8种,如,灰度级1-8为一种灰度。pi表示图像中每个灰度级像素点的个数与图像总的像素点的个数之比,例如,灰度级数N为1的像素点的个数为10,总像素为1000,则N为1时对应的pi为0.01。可以理解的,图像的信息熵越大,说明图像整体灰度级的数量越高,则图像就越复杂。
图像的边缘比率是图像的边缘像素的个数。一般可以通过边缘检测算法求解出图像中边缘像素的个数。例如,可以采用如下公式2表示图像的边缘比率:
R=Pedge/(M·L) 公式2
其中,R表述图像的边缘比率。Pedge表述图像中边缘像素的个数。M表述图像中像素的行数,L表述图像中像素的列数。
在一些实施例中,可以采用Canny边缘检测算法(John F.Canny开发出的一种多级边缘算法),求解出图像的边缘像素的个数。其中,边缘检测算法可以识别到图像中明亮变化的点。
图像的反差用于描述图像中纹理的反差,本申请实施例中图像的反差表征图像中纹理粗细的统计量,图像的反差可以反映出图像的清晰程度。例如,可以采用如下公式3表述图像的反差:
其中,G表示图像的反差的数值。N表示图像灰度级的数量,以使用16位存储位表示图像的颜色为例,N的取值范围是1-255。P为N阶灰度共生矩阵,p(i,j)为该矩阵的第i行、第j列的元素值。具体地说,p(i,j)代表的是图像上一个灰度级为i,另一个灰度级为j的两个相距为d的像素点出现的次数。一个灰度共生矩阵可以只涉及一种方向上像素对个数,如,水平方向、垂直方向、45°方向等。距离d可以是预设的,如d=2,表示间隔两个像素的两个像素点。
对于图像中的粗纹理,p(i,j)的大数值集中在图像内容中的对角线附近,且位于图像内容中对角线的附件(i-j)所表示的数值较小。因此,该图像的反差也就较小,则图像不复杂;如果图像的反差较大,则说明图像是复杂的。
图像的相关度用于表征图像的灰度共生矩阵中的元素在图像的行或图像的列方向的相似程度,也就是说,图像的相关度可以反映图中某一个灰度值在某一个方向上衍生的长度。需要说明的,在图像上存在相同两个像素点的灰度相同,这些相同灰度的像素点连续重读出现会在图像上形成纹理。上述灰度共生矩阵是一种可以表征图像上纹理的方法,可以采用灰度共生矩阵表征图像的灰度的相关特征。因此,相关度可以表征图像中纹理的走向。例如,可以采用如下公式4表述相关度:
其中,COV表示背景图像的相关度,N表示图像灰度级的数量,以使用16位存储位表示图像的颜色为例,N的取值范围是1-255。p为N阶灰度级的共生矩阵,p(i,j)为该共生矩阵的第i行、第j列元素值,表示的是图像上的一个像素点的灰度级为i,另一个像素点的灰度级为j,且这两者之间的距离为d的像素点出现的次数。一个灰度共生矩阵可以只涉及一种方向上像素对个数,如,水平方向、垂直方向、45°方向等。其中,d可以是预设的,如d=2,表示间隔两个像素的两个像素点。x表示共生矩阵中的第x列,y表示共生矩阵中的第y行。μx表示共生矩阵中第x列元素的平均值,σx表示共生矩阵中第x列元素的标准差。μy表示共生矩阵中第y列元素的平均值,σy表示共生矩阵中第y列元素的标准差。
相关度是描述灰度共生矩阵中的元素在行或列方向的相似程度,它反映某灰度值沿某方向的延伸长度,若延伸越长则相似程度越高。也就是说,相关度可以反映纹理的走向。
需要说明的,在一张图像中,如果图像的灰度级为N,则该图像的灰度共生矩阵P可以表述为N阶矩阵。该矩阵的第i行、第j列元素值,表示该图像上的一个灰度级为i的像素、另一个灰度级为j的像素出现的次数。
其中,灰度级通常可以是256种合并为少量的几种灰度等级,例如,256中灰度级可以合并为8种灰度,一个灰度中包括相似的32个灰度级。一个灰度共生矩阵可以只涉及一种方向上像素对个数,如,水平方向、垂直方向、45°方向等。距离d可以是预设设置的,如d=2,表示间隔两个像素的两个像素点。
图像的能量是衡量图像纹理稳定性的程度的指标。例如,可以采用如下公式5计算图像的能量:
其中,J表述图像的能量。N表示图像灰度级的数量,以使用16位存储位表示图像的颜色为例,N的取值范围是1-255。P为N阶灰度共生矩阵,p(i,j)为该矩阵的第i行、第j列元素值,代表的是图像上一个灰度级为i,另一个灰度级为j的两个相距为d的像素点出现的次数。一个灰度共生矩阵可以只涉及一种方向上像素对个数,如,水平方向、垂直方向、45°方向等。距离d可以是预设的,如d=2,表示间隔两个像素的两个像素点。图像的能量越大,则表述图像是规则变化的,图像中的纹理较为稳定。某几种灰度阶差的像素点对数较多。
可以理解的,图像的复杂度与上述图像信息熵、边缘比率、相关度、反差和能量均相关。示例性的,图像的复杂度可以表示为:
图像复杂度=信息熵*1+边缘比率*1+反差*1+相关度*(-1)+能量*(-1)。
灰度均方差表示图像的像素对应的灰度差异,灰度均方差可以反映图像中颜色的复杂程度。示例性的,计算图像灰度均方差的过程可以为:获取图像中每个像素点的灰度值,根据图像中每个像素点的灰度值计算图像中所有像素点的灰度值的平均值。然后,根据图像灰度值的平均值可以计算图像中每个像素点的灰度方差。使用图像中像素点的灰度方差可以计算得到图像的灰度均方差,与惯用的数学上求方差的方式相同。
可以理解的,灰度均方差的计算是通过图像中所有像素的灰度值的平均值计算得到,因此,灰度均方差可以反映出图像中像素点的颜色的差异。如果图像的灰度均方差较大,说明该图像的颜色变化较大,电子设备可以认定该图像是由色差较大的颜色形成的图像。如果图像的灰度均方差较小,说明该图像的颜色变化不大,电子设备可以认定该图像是有色差较小的颜色形成的图像。
浅色程度可以表征图像整体上颜色的深浅。其中,如果电子设备识别到图像的颜色为浅色,可以设置深色字体,以提高沉浸式场景中文字的识别性。识别图像的浅色程度有助于电子设备调节文字的显示效果,从而提高沉浸式场景的显示效果。
示例性的,手机可以采用纯白色图像和沉浸式场景中背景图像对比的方式,确定背景图像的浅色程度。例如,计算背景图像中每个像素点相对于白色像素点的相对亮度,根据每个像素点的相对亮度可以计算得到背景图像中所有像素点的相对亮度的平均值。其中,计算得到的相对亮度的平均值即为该背景图像的浅色程度。
可以理解的,手机采用的图像算法不同,则得到的分析结果不同。
示例性的,如果手机仅计算背景图像的复杂度,背景图像的分析结果指示背景图像的复杂程度。手机中可以预先设置复杂阈值,复杂阈值用于表征背景图像的复杂等级。如,背景图像的复杂度大于复杂阈值的背景图像为复杂图像,背景图像的复杂度小于或等于复杂阈值的背景图像为非复杂图像。也就是说,手机对背景图像的分析结果可以包括复杂图像或非复杂图像。
又示例性的,如果手机计算背景图像的灰度均方差和图像复杂度,背景图像的分析结果包括图像的灰度均方差和图像复杂度。也就是说,图像的灰度均方差和图像复杂度指示图像的分析结果。手机中可以预先设置复杂阈值和灰度阈值,用于表征背景图像的分析结果。如,背景图像的灰度均方差大于灰度阈值,背景图像的复杂度大于复杂阈值,说明背景图像的分析结果表示背景图像为复杂图像、且背景图像的颜色差异较大。其中,该背景图像的分析结果可以包括,复杂图像且图像颜色差异较大、非复杂图像且图像颜色差异较小、复杂图像且图像颜色差异较大,或者非复杂图像且图像颜色差异较小等。
又示例性的,如果手机仅计算背景图像的浅色程度,该背景图像的分析结果指示背景图像的浅色程度。手机中可以预先设置浅色阈值,浅色阈值用于表征背景图像的浅色程度,如,背景图像的浅色程度小于浅色阈值表示该图像为浅色图像。则该背景图像的分析结果可以包括,浅色图像或深色图像。
又示例性的,如果手机计算背景图像的复杂度、灰度均方差以及浅色程度,背景图像的分析结果包括背景图像的复杂度、灰度均方差和浅色程度对应的数值。也就是说,背景图像的复杂度、灰度均方差和浅色程度指示出该图像的分析结果。可以设置复杂阈值、灰度阈值和浅色阈值表征图像在不同维度的图像特征。如,背景图像的复杂度大于复杂阈值,说明背景图像为复杂图像;背景图像的灰度均方差大于灰度阈值,说明背景图像的颜色差异较大;背景图像的浅色程度小于浅色阈值,说明背景图像为浅色图像。则该背景图像的分析结果可以包括,非复杂图像、浅色图像且图像的颜色差异较小;复杂图像、浅色图像且图像的颜色差异较大;复杂图像、深色图像且图像的颜色差异较大;复杂图像、深色图像且图像的颜色差异较小等。
需要说明的,手机对图像的处理方式不限于上述的示例,具体可以根据图像分析的目的设置不同的图像分析算法。
步骤502:手机根据背景图像的分析结果确定背景图像的类型。
可以理解的,手机根据采用的图像分析算法,得到图像分析算法的分析结果,背景图像的分析结果可以对应于背景图像的类型。例如,手机中设置第一预设阈值和第二预设阈值,第一预设阈值和第二预设阈值用于界定被几个图像的类型。手机计算背景图像的复杂度,得到背景图像复杂度。如果背景图像的复杂度大于第一预设阈值,指示背景图像是复杂图像,背景图像的类型为复杂图像。或者说,如果背景图像复杂度计算结果小于第二预设阈值,指示背景图像是非复杂图像,背景图像的类型为非复杂图像(或称为简单图像)。
其中,手机可以预设图像的复杂度对应的图像复杂等级。例如,手机可以设置复杂阈值为10,当背景图像的复杂度大于等于10,手机可以确定该背景图像是复杂图像,将该背景图像的类型确定为复杂图像。当背景图像的复杂度小于10,手机可以确定该背景图像是非复杂图像(或简单图像),将该背景图像的类型确定为非复杂图像。可以理解的,手机可以预设多个复杂阈值。如,手机中可以预设第一复杂阈值和第二复杂阈值,第一复杂阈值小于第二复杂阈值。当背景图像的复杂度小于第一复杂阈值,手机可以确定该背景图像的类型为第一类复杂图像。当背景图像的复杂度大于等于第一复杂阈值,小于第二复杂阈值,手机可以确定该背景图像的类型为第二类复杂图像。当背景图像的复杂度大于等于第二复杂阈值,手机可以确定该背景图像的类型为第三类复杂图像。
在一些实现方式中,手机可以采用快速取色和图像分析算法处理背景图像,以确定出背景图像的类型。
示例性的,手机可以根据背景图像的灰度均方差界定背景图像的类型。手机预设的图像分析算法包括计算图像的灰度均方差,则手机在计算图像的灰度均方差之后可以确定出背景图像的类型。例如,手机设置第一灰度阈值为3000,第二灰度阈值为6000,手机可以根据计算得到的图像的灰度均方差确定背景图像的颜色差异程度。若背景图像的灰度均方差小于3000,手机可以确定该背景图像的颜色差异较小。若背景图像的灰度均方差大于等于6000,手机可以确定该背景图像的颜色差异较大。由此一来,手机可以在计算背景图像的灰度均方差之后,确定出背景图像的类型。
又示例性的,手机可以计算背景图像的复杂度、灰度均方差以及浅色程度界定背景图像的类型。手机中可以预设多种背景图像的类型,以便手机根据背景图像的分析结果确定出背景图像对应的类型。如,手机中预设的背景图像的类型包括,第一类图像(type1):非复杂、色差较小,浅色系图像;第二类图像(type2):一般复杂、色差较大,非浅色图像;第三类图像(type3):一般复杂、色差较小,非浅色图像;第四类图像(type4):非复杂、色差中和,非浅色图像;第五类图像(type5):特别复杂图像或者色差大的图像。
其中,手机采用图像分析算法后确定背景图像的类型的实施流程如图6所示。手机首先计算图像的灰度均方差,再计算图像的复杂度,以及计算图像的浅色程度。如图6所示,该实施方式包括步骤601-步骤609。
需要说明的是,手机可以设置复杂阈值,用于判断背景图像的复杂程度。当背景图像的复杂度大于或等于复杂阈值,则手机确定背景图像为复杂图像。手机还可以设置第一灰度阈值和第二灰度阈值,用于区别背景图像颜色差异的程度,第一灰度阈值大于第二灰度阈值。手机还可以设置第一浅色阈值和第二浅色阈值,用于区别背景图像的浅色程度,第一浅色阈值大于第二浅色阈值。
其中,本申请实施例对于复杂阈值、第一灰度阈值、第二灰度阈值、第一浅色阈值和第二浅色阈值不做具体限定。具体可以根据经验设置,本申请实施例以复杂阈值为10、第一灰度阈值为6000、第二灰度阈值为3000、第一浅色阈值为7以及第二浅色阈值为1.9为例,说明手机确定背景图像的类型的过程。
步骤601:手机计算背景图像的灰度均方差,判断背景图像的灰度均方差是否小于第一灰度阈值。若为是,即背景图像的灰度均方差<6000,执行步骤602;否则,即背景图像的灰度均方差≥6000,执行步骤603。
步骤602:手机计算背景图像的复杂度,判断背景图像的复杂度是否小于复杂阈值。若为是,即背景图像的复杂度<10,执行步骤604;否则,即背景图像的复杂度≥10,执行步骤604。
步骤603:手机确定背景图像为第五类图像。
其中,第五类图像为,背景图像的复杂度≥10,或者,背景图像的灰度均方差≥6000的图像。也就是说,第五类图像是特别复杂的图像,或者,是图像颜色差异很大的图像。如图7A所示,其示出一种第五类图像。如图7A所示,为白底黑条纹组成的图像。其中,黑条纹中的黑色和白底中的白色的颜色差异较大。
步骤604:手机计算背景图像的浅色程度,判断背景图像的浅色数值与第一浅色阈值、第二浅色阈值的大小。
假设用E表示背景图像的浅色程度,若背景图像的浅色数值小于第二浅色阈值,即E<1.9,执行步骤605。若背景图像的浅色数值大于等于第二浅色阈值,小于等于第一浅色阈值,即1.9≤E≤7,执行步骤606。若背景图像的浅色数值大于第一浅色阈值,即E>7,执行步骤607。
步骤605:确定背景图像为第一类图像。
其中,根据手机对背景图像分析,背景图像的复杂度<10,且背景图像的灰度均方差<6000。手机可以计算背景图像的浅色程度,以确定背景图像的类型。背景图像的浅色数值小于1.9,表示背景图像为浅色图像。因此,手机可以确定背景图像为非复杂、色差较小且为浅色系图像,该背景图像为第一类图像。如图2中(a)所示,其示出一种第一类图像。其中,如图2中(a)所示,第一类图像所指示的背景图像为非复杂、色差较小且为浅色系图像。
步骤606:确定背景图像为第四类图像。
其中,第一类图像与第四类图像的差别在于背景图像的浅色程度不同。第一图像的浅色数值小于1.9,第四类图像的浅色数值大于等于1.9且小于7,也就是说,第四类图像的颜色比第一类图像的颜色更深。如图7B所示,其示出第四类图像。其中,如图7B所示,背景图像非复杂,且图像的色差较小。相比于如图2中(a)所示的背景图像,图7B所示的背景图像的颜色更深。
步骤607:判断背景图像的灰度均方差是否小于第二灰度阈值。
若为是,即背景图像的灰度均方差<3000,执行步骤608;否则,即3000≤背景图像的灰度均方差<6000,执行步骤609。
步骤608:确定背景图像为第三类图像。
其中,相比于第一类图像和第四类图像,第三类图像的颜色更深。如图7C所示,相比于第一类图像和第二类图像,第四类图像的色差更大。相比于图7B所示的第四类图像,图7C所示的背景图像的颜色更深。
步骤609:确定背景图像为第二类图像。
其中,第二类图像与第三类图像相比,第三类图像的灰度均方差较大。也就是说,第二类图像的颜色比第三类图像的颜色更复杂。如图7D所示,其示出第二类图像。相比于图7C所示的第三类图像,图7D所示的第二类图像的颜色的种类更多。
需要说明的,上述示例中手机中预设背景图像的类型,手机基于对背景图像的图像分析结果确定出背景图像的类型。在另一种可能的实现中,手机中不需要背景图像的类型,手机可以根据对背景图像的分析结果得到对应的背景图像的类型。例如,手机对背景图像的图像分析为,计算图像的复杂度,则手机对背景图像分析之后确定背景图像为复杂图像、非复杂图像等。也就是说,手机不需要预设背景图像的类型,手机可以根据图像分析的结果界定背景图像的类型。
可以理解的,如果手机不预设背景图像的类型,手机可以预设图像分析算法的相关阈值,使得手机可以根据图像分析的结果界定背景图像的类型。以便手机确定背景图像的显示方式,以展示沉浸式场景。
步骤503:根据背景图像的类型,确定背景图像的显示方式,以及确定显示在背景图像上文字的显示方式。
其中,背景图像的显示方式包括原图显示、增加蒙版显示;文字的显示方式包括文字的颜色、文字阴影和字体大小等。
可以理解的,为背景图像增加蒙版也就是调节背景图像的阿尔法通道,设置蒙版可以调节背景图像的不透明度。当手机为背景图像蒙版,会改变背景图像的显示效果。其中,蒙版包括白色和黑色两种,本申请实施例中以手机为背景图像设置黑色蒙版为例。例如,手机为背景图像设置透明度为10%的黑色蒙版,使得手机展示出的背景图像的颜色更深。
例如,手机对背景图像的图像分析算法包括复杂度、灰度均方差和浅色程度。手机根据背景图像的分析结果,调节背景图像以及显示在背景图像上文字的显示方式。其中,一个指导性的原则为,手机可以优先根据背景图像的分析结果所指定的背景图像的类型,为背景图像增加蒙版;其次,手机根据背景图像增加蒙版的透明度,调节文字的显示方式。这样,可以降低背景图像的显示效果的损耗,且能够保证文字的识别性,从而实现沉浸式场景中背景图像的美观性和文字的识别性达到平衡的目的。
示例性的,手机可以计算出背景图像的复杂度、灰度均方差以及浅色程度界定背景图像的类型,以上述手机中预设五种背景图像的类型为例。其中,第一类图像(type1):非复杂、色差较小,浅色系图像;第二类图像(type2):一般复杂、色差较大,非浅色图像;第三类图像(type3):一般复杂、色差较小,非浅色图像;第四类图像(type4):非复杂、色差中和,非浅色图像;第五类图像(type5):特别复杂图像或者色差大的图像。
当手机确定背景图像对应的类型为type1,手机可以确定不为背景图像增加蒙版,也就是说,以背景图像的原版方式显示背景图像。由于type1指示的背景图像为浅色系,手机可以设置文字为深色字体,以提高文字的识别性。如图3所示,为将如图2中(a)所示的type1的背景图像设置为主界面时,手机的主界面示意图。另外,可以理解的,虽然type1表示的是浅色系的壁纸,背景图像中可能存在局部的灰色,这种局部灰色并不会影响背景图像被识别为type1。因此,手机确定背景图像为type1,手机显示沉浸式场景时,手机还可以对背景图像进行局部识别,如果手机识别到背景图像中有灰色部分,可以调节灰色部分的文字显示颜色。例如,将背景图像中灰色部分的文字颜色调为浅色。
可以理解的,手机确定背景图像为第一类图像,则手机可以确定背景图像的显示方式和文字的显示方式。同时,在手机还未展示包括该背景图像和文字的沉浸式场景时,手机可以采用动态局部识别方式,识别背景图像中文字显示区域和文字的颜色。如果手机根据识别结果确定背景图像中文字显示区域的颜色会影响文字的识别性,手机可以调整该区域中文字的字体颜色。请参考图8中(a),为一种可能的type1的背景图像。如图8中(a)所示,为白色背景图像上包括深色区域的图像。将如图8中(a)所示的图像作为主界面的背景图像,如果深色区域中显示有文字,则主界面的示意如图8中(b),显示在深色区域的文字的字体为灰色。其中,由于图8中(b)的白色区域显示的文字的颜色为黑色,为了避免字体颜色变化较大,影响背景图像的美观性,设置深色区域显示字体为灰色。如果深色区域显示为白色或其他浅色的字体,会损耗背景图像的显示效果,且影响背景图像的美观性。因此,采用如图8中(b)所示的显示方式,可以有效平衡背景图像的美观性和文字的识别性。
当手机确定背景图像对应的类型为type2,type2对应的背景图像可以是一般复杂的图像,手机可以不为背景图像增加蒙版。由于type2指示背景图像的颜色为深色,因此,手机确定背景图像上文字的显示方式为,文字颜色为白色,文字增加阴影、且文字的阴影的不透明度为20%,文字的字宽增加50%。以如图7D为一种type2的背景图像为例,请参考图9,为使用如图7D所示的背景图像形成的主界面。如图9所示,主界面中的字体设置了透明度为20%的阴影,且字宽增大了50%。使得在深色的背景图像中,显示在背景图像的文字的识别性较好。
当手机确定背景图像对应的类型为type3,type3对应的背景图像是深色图像,相比于type2的图像,type3对应的背景图像的图像更简单。手机可以不必为背景图像增加蒙版,手机设置背景图像上的文字的字体为白色即可。以如图7C为一种type3的背景图像为例,请参考图10,为手机使用如图7C所示的背景图像为壁纸形成的主界面。如图10所示,主界面中设置白色字体。另外,如果该背景图像中存在浅色区域,可能会影响白色的文字的识别。手机可以局部识别背景图像,如果确定文字显示的区域为浅色,手机可以为显示在浅色区域的字体增加阴影。
当手机确定背景图像对应的类型为type4,手机可以为背景图像增加不透明度为5%的黑色蒙版。type4表示背景图像的颜色较深,图像非复杂图像。手机还可以设置背景图像上的字体的颜色为白色,为文字增加透明度为20%的阴影,且文字的字宽增加50%。以如图7B为一种type4的背景图像为例,请参考图11,为手机使用如图7B所示的背景图像为壁纸形成的主界面。如图11中,背景图像增加不透明度为5%的黑色蒙版,主界面中显示白色字体,字体增加透明度为20%的阴影,字体增大50%。
当手机确定背景图像对应的类型为type5,手机可以为背景图像增加不透明度为10%的黑色蒙版。手机可以设置显示在背景图像上的文字颜色为白色,为文字增加透明底为20%的阴影,文字的字宽增加50%。其中,type5对应的背景图像可以是颜色反差较大的图像,也可以是复杂图像。以如图7A为一种type5的背景图像为例,请参考如12,为手机使用如图7A所示的背景图像为壁纸形成的主界面。如图12所示,背景图像增加不透明度为10%的黑色蒙版,字体颜色为白色,字体增加20%的阴影,字体增大50%。
需要说明的,手机显示沉浸式场景时,沉浸式场景包括前景和背景图像。前景包括显示在背景图像上的图标、文字等。例如,沉浸式场景为主界面,主界面上的壁纸为背景图像,主界面中的应用图标和应用名称为前景。又例如,沉浸式场景为包括字幕的视频图像,视频文件中多帧的图像均为背景图像,字幕为前景。本申请实施例中以前景包括文字为例,根据经验而言,沉浸式场景中前景与背景图像的对比度为4.5:1时,可以确保前景中文字的易读性。如果前景与背景图像的对比度稍提高一些,可以提高前景中文字的识别性。
示例性的,假设C表示前景与背景图像的对比度。如果前景为纯白色,背景图像也是纯白色,手机调节背景图像蒙版的不透明度为a%,前景中的文字的阴影的不透明度为b%。在C≥4.5的情况下,a和b需要满足的关系为:(1-a%)×(1-b%)≤0.465。其中,这里的0.465是根据经验设定的数值,具体还可以设置0.460、0.468和0.470等。
又示例性的,如果沉浸式场景中的背景图像为非纯色背景图像,也就是说,背景图像的纹理更加复杂,灰度变化更大。可以通过提高前景与背景图像的对比度,以提高文字的识别性。当前景与背景图像相比为浅色时,如前景中的文字和图标均为白色,背景图像为深色。背景图像蒙版的不透明度a%与前景中的文字的阴影的不透明度b%,应满足的关系为:(1-a%)×(1-b%)≤0.465。其中,0≤a<1,0≤b<1。
在一种可能的实现中,当背景图像与前景无法满足上述条件时,可以将前景与背景图像的对比度设置为2:1。这种情况下,背景图像蒙版的不透明度a%与前景中的文字的阴影的不透明度b%,应满足的关系为:(1-a%)×(1-b%)≤0.72。具体实施中,还可以稍微调整a和b的数值。应该注意的是a与b的关系至少应满足:(1-a%)×(1-b%)≤0.80,其中0≤a<1,0≤b<1。
需要说明的是,上述以手机确定沉浸式场景中背景图像的类型为例,如果手机中并未设置背景图像的类型,则手机可以直接根据背景图像的图像分析结果确定背景图像的显示方式,以及显示在背景图像上文字的显示方式。如,手机可以根据背景图像的复杂度、灰度均方差和浅色程度确定出背景图像的显示方式,以及文字的显示方式。
步骤504:手机基于背景图像的显示方式和文字的显示方式,显示沉浸式场景。
其中,手机按照上述的显示方式显示背景图像,以及显示在背景图像上的文字的显示方式,在显示屏上显示沉浸式场景。可以理解的,手机在展示沉浸式场景的过程中,可以同时显示出背景图像和UI元素(即文字)。
需要说明的是,本申请实施例以主界面为沉浸式场景为例,实际应用中,手机中显示视频时,视频中包括字幕,字幕是显示背景图像上。手机上显示沉浸式场景时,也可以采用上述的方法显示视频。也就是说,手机中显示其他类型的沉浸式场景也可以应用本申请实施例中的方法,此处对于其他类型的沉浸式场景不予一一说明。
采用本申请实施例中的方法,可以采用图像分析算法分析背景图像,以根据图像的分析结果确定背景图像的显示方式,以及显示在背景图像文字的显示方式。并且,手机还可以采用局部识别算法分析背景图像,使得手机显示的沉浸式场景中,可以实现背景图像的美观性和文字识别性的平衡,从而提高用户体验。
本申请实施例还提供一种电子设备,如图13所示,该电子设备可以包括图像分析模块1301、确定模块1302和显示模块1303。
图像分析模块1301,可以用于采用图像分析算法分析背景图像,并向确定模块1302传输图像的分析结果。
确定模块1302,可以根据背景图像的图像分析结果确定出图像的显示方式,以及确定出文字的显示方式。确定模块1302可以直接向显示模块1303传输背景图像的显示方式和文字的显示方式。
显示模块1303,可以接收确定模块1302确定的背景图像的显示方式和文字的显示方式,并显示沉浸式场景。
其中,电子设备中如果预设有背景图像的类型,确定模块1302可以根据背景图像的图像分析结果确定出背景图像的类型,并根据背景图像的类型确定出背景图像的显示方式以及文字的显示方式。
可以理解的是,上述电子设备为了实现上述功能,其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,本申请实施例能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请实施例的范围。
本申请实施例可以根据上述方法示例对上述终端和服务器等进行功能模块的划分,例如,可以对应各个功能划分各个功能模块,也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。需要说明的是,本申请实施例中对模块的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
在采用对应各个功能划分各个功能模块的情况下,如图14所示,本申请实施例提供一种电子设备1400,该电子设备1400包括:处理单元1401和显示单元1402。
处理单元1401用于采用图像分析算法分析背景图像,并根据图像的分析结果确定出背景图像的显示方式,以及文字的显示方式。例如,处理单元1401用于支持电子设备执行上述步骤501、步骤502、步骤503,和/或用于本文所描述的技术的其它过程。
显示单元1402用于采用背景图像的显示方式和文字的显示方式展示沉浸式场景。例如,显示单元用于支持电子设备执行上述步骤504,和/或用于本文所描述的技术的其它过程。
当然,上述设备1400包括但不限于上述所列举的单元模块。例如,该设备1400还可以包括用于保存第一控制信息的存储单元。并且,上述功能单元的具体所能够实现的功能也包括但不限于上述实例所述的方法步骤对应的功能,设备1400的其他单元的详细描述可以参考其所对应方法步骤的详细描述,本申请实施例这里不再赘述。
本申请实施例还提供一种芯片系统,如图15所示,该芯片系统包括至少一个处理器1501和至少一个接口电路1502。处理器1501和接口电路1502可通过线路互联。例如,接口电路1502可用于从其它装置(例如电子设备的存储器)接收信号。又例如,接口电路1502可用于向其它装置(例如处理器1501)发送信号。示例性的,接口电路1502可读取存储器中存储的指令,并将该指令发送给处理器1501。当所述指令被处理器1501执行时,可使得电子设备执行上述实施例中的各个步骤。当然,该芯片系统还可以包含其他分立器件,本申请实施例对此不作具体限定。
本申请实施例还提供一种计算机存储介质,该计算机存储介质包括计算机指令,当所述计算机指令在上述电子设备上运行时,使得该电子设备执行上述方法实施例中手机执行的各个功能或者步骤。
本申请实施例还提供一种计算机程序产品,当所述计算机程序产品在计算机上运行时,使得所述计算机执行上述方法实施例中手机执行的各个功能或者步骤。
通过以上实施方式的描述,所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个装置,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是一个物理单元或多个物理单元,即可以位于一个地方,或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个可读取存储介质中。基于这样的理解,本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该软件产品存储在一个存储介质中,包括若干指令用以使得一个设备(可以是单片机,芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上内容,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何在本申请揭露的技术范围内的变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以所述权利要求的保护范围为准。
Claims (17)
1.一种显示方法,其特征在于,用于电子设备在背景图像上显示界面元素,所述方法包括:
获取所述背景图像的图像特征参数,所述图像特征参数包括:所述背景图像的复杂度、所述背景图像的灰度信息和所述背景图像的浅色程度中的至少一种,所述复杂度用于表征所述背景图像的纹理、清晰度和颜色的复杂程度;
根据所述图像特征参数,显示所述背景图像和所述界面元素,所述界面元素包括文字。
2.根据权利要求1所述的方法,其特征在于,所述图像特征参数包括所述背景图像的复杂度或者所述背景图像的灰度信息,其中,所述灰度信息包括所述背景图像的灰度均方差;
所述根据所述图像特征参数,显示所述背景图像和所述界面元素,包括:
若所述背景图像的复杂度大于或等于预设复杂阈值,或者所述背景图像的灰度均方差大于或等于预设第一均方差,则在所述背景图像上设置第一不透明度的蒙版,将所述文字的颜色设置为白色、为所述文字增加第二不透明度的阴影、且增加所述文字的字宽,并显示所述背景图像和所述文字。
3.根据权利要求1或2所述的方法,其特征在于,所述图像特征参数包括所述背景图像的复杂度、所述背景图像的灰度信息和所述背景图像的浅色程度,其中,所述灰度信息包括所述背景图像的灰度均方差;
所述根据所述图像特征参数,显示所述背景图像和所述界面元素,包括:
若所述背景图像的复杂度小于预设复杂阈值,且所述背景图像的灰度均方差小于预设第一均方差,则根据所述背景图像的浅色程度,显示所述背景图像和所述文字。
4.根据权利要求3所述的方法,其特征在于,所述根据所述背景图像的浅色程度,显示所述背景图像和所述文字,包括:
若所述背景图像的浅色程度小于第一浅色阈值,将所述文字的颜色设置为灰度值大于预设阈值的颜色,并显示所述背景图像和所述文字;
若所述背景图像的浅色程度小于或等于第二浅色阈值,且大于或等于所述第一浅色阈值,则在所述背景图像上设置第三不透明度的蒙版,将所述文字的颜色设置为白色、为所述文字增加第二不透明度的阴影、且增加所述文字的字宽,并显示所述背景图像和所述文字,其中,所述第一浅色阈值小于所述第二浅色阈值;
若所述背景图像的浅色程度大于所述第二浅色阈值,将所述文字的颜色设置为白色,显示所述背景图像和所述文字。
5.根据权利要求3或4所述的方法,其特征在于,所述方法还包括:
若所述背景图像的浅色程度大于第二浅色阈值,所述背景图像的灰度均方差大于或等于第二均方差,则为所述文字增加第二不透明度的阴影、且增加文字的字宽,显示所述背景图像和所述文字,其中,所述第一均方差大于所述第二均方差。
6.根据权利要求3-5中任一项所述的方法,其特征在于,在所述显示所述背景图像和所述界面元素之后,所述方法还包括:
若所述文字的颜色与所述文字在所述背景图像上所处的预设区域的颜色的对比度小于预设对比度,则设置所述文字的颜色,使得所述对比度大于所述预设对比度;
其中,所述对比度为所述文字的颜色与所述预设区域的颜色的差值或者比值。
7.根据权利要求1-6任一项所述的方法,其特征在于,所述背景图像的复杂度包括:图像的信息熵、边缘比率、相关度、反差和能量中的至少一个;
其中,所述信息熵用于表征所述背景图像的灰度级,所述边缘比率用于表征所述背景图像边缘像素的比率,所述相关度用于表征所述背景图像的纹理,所述反差用于表征所述背景图像的清晰度,所述能量用于表征所述背景图像的规则变化程度。
8.一种显示装置,其特征在于,所述显示装置在背景图像上显示界面元素,所述装置包括:
获取模块,用于获取所述背景图像的图像特征参数,所述图像特征参数包括:所述背景图像的复杂度、所述背景图像的灰度信息和所述背景图像的浅色程度中的至少一种,所述复杂度用于表征所述背景图像的纹理、清晰度和颜色的复杂程度;
显示模块,用于根据所述图像特征参数,显示所述背景图像和所述界面元素,所述界面元素包括文字。
9.根据权利要求8所述的装置,其特征在于,所述图像特征参数包括所述背景图像的复杂度或者所述背景图像的灰度信息,其中,所述灰度信息包括所述背景图像的灰度均方差;
所述显示模块用于根据所述图像特征参数,显示所述背景图像和所述界面元素时,所述显示模块具体用于,
若所述背景图像的复杂度大于或等于预设复杂阈值,或者所述背景图像的灰度均方差大于或等于预设第一均方差,则在所述背景图像上设置第一不透明度的蒙版,将所述文字的颜色设置为白色、为所述文字增加第二不透明度的阴影、且增加所述文字的字宽,并显示所述背景图像和所述文字。
10.根据权利要求8或9所述的装置,其特征在于,所述图像特征参数包括所述背景图像的复杂度、所述背景图像的灰度信息和所述背景图像的浅色程度,其中,所述灰度信息包括所述背景图像的灰度均方差;
所述显示模块用于根据所述图像特征参数,显示所述背景图像和所述界面元素时,所述显示模块具体用于,
若所述背景图像的复杂度小于预设复杂阈值,且所述背景图像的灰度均方差小于预设第一均方差,则根据所述背景图像的浅色程度,显示所述背景图像和所述文字。
11.根据权利要求10所述的装置,其特征在于,所述显示模块根据所述背景图像的浅色程度,显示所述背景图像和所述文字时,所述显示模块具体用于:
若所述背景图像的浅色程度小于第一浅色阈值,将所述文字的颜色设置为灰度值大于预设阈值的颜色,并显示所述背景图像和所述文字;
若所述背景图像的浅色程度小于或等于第二浅色阈值,且大于或等于所述第一浅色阈值,在所述背景图像上设置第三不透明度的蒙版,将所述文字的颜色设置为白色、为所述文字增加第二不透明度的阴影、且增加所述文字的字宽,并显示所述背景图像和所述文字,其中,所述第一浅色阈值小于所述第二浅色阈值;
若所述背景图像的浅色程度大于所述第二浅色阈值,将所述文字的颜色设置为白色,显示所述背景图像和所述文字。
12.根据权利要求10或11所述的装置,其特征在于,所述显示模块还用于,
若所述背景图像的浅色程度大于第二浅色阈值,所述背景图像的灰度均方差大于或等于第二均方差,则为所述文字增加第二不透明度的阴影、且增加文字的字宽,显示所述背景图像和所述文字,其中,所述第一均方差大于所述第二均方差。
13.根据权利要求10-12任一项所述的装置,其特征在于,所述装置还包括调整模块,
所述调整模块,用于若所述文字的颜色与所述文字在所述背景图像上所处的预设区域的颜色的对比度小于预设对比度,则调整所述文字的颜色,使得所述对比度大于所述预设对比度;
其中,所述对比度为所述文字的颜色与所述预设区域的颜色的差值或者比值。
14.根据权利要求8-13任一项所述的装置,其特征在于,所述背景图像的复杂度包括:图像的信息熵、边缘比率、相关度、反差和能量中的至少一个;
其中,所述信息熵用于表征所述背景图像的灰度级,所述边缘比率用于表征所述背景图像边缘像素的比率,所述相关度用于表征所述背景图像的纹理,所述反差用于表征所述背景图像的清晰度,所述能量用于表征所述背景图像的规则变化程度。
15.一种电子设备,其特征在于,所述电子设备包括:存储器和一个或多个处理器;所述存储器和所述处理器耦合;
其中,所述存储器用于存储计算机程序代码,所述计算机程序代码包括计算机指令,当所述处理器执行所述计算机指令时,使所述电子设备执行如权利要求1-7中任一项所述的方法。
16.一种芯片系统,其特征在于,所述芯片系统应用于电子设备;所述芯片系统包括一个或多个接口电路和一个或多个处理器;所述接口电路和所述处理器通过线路互联;所述接口电路用于从所述电子设备的存储器接收信号,并向所述处理器发送所述信号,所述信号包括所述存储器中存储的计算机指令;当所述处理器执行所述计算机指令时,所述电子设备执行如权利要求1-7中任一项所述的方法。
17.一种计算机可读存储介质,其特征在于,包括计算机指令,当所述计算机指令在电子设备上运行时,使得所述电子设备执行如权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010923733.8A CN114138215B (zh) | 2020-09-04 | 2020-09-04 | 一种显示方法及相关设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010923733.8A CN114138215B (zh) | 2020-09-04 | 2020-09-04 | 一种显示方法及相关设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114138215A true CN114138215A (zh) | 2022-03-04 |
CN114138215B CN114138215B (zh) | 2024-06-14 |
Family
ID=80438727
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010923733.8A Active CN114138215B (zh) | 2020-09-04 | 2020-09-04 | 一种显示方法及相关设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114138215B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116312414A (zh) * | 2023-02-10 | 2023-06-23 | 荣耀终端有限公司 | 颜色切换方法、装置、介质及电子设备 |
CN116702701A (zh) * | 2022-10-26 | 2023-09-05 | 荣耀终端有限公司 | 字重调节方法、终端及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105809645A (zh) * | 2016-03-28 | 2016-07-27 | 努比亚技术有限公司 | 文字显示方法、装置及移动终端 |
CN105912321A (zh) * | 2016-04-01 | 2016-08-31 | 乐视控股(北京)有限公司 | 一种文字颜色设置方法及装置 |
US20160358592A1 (en) * | 2015-06-05 | 2016-12-08 | Apple Inc. | Text legibility over images |
CN110140106A (zh) * | 2017-11-20 | 2019-08-16 | 华为技术有限公司 | 根据背景图像动态显示图标的方法及装置 |
CN110798636A (zh) * | 2019-10-18 | 2020-02-14 | 腾讯数码(天津)有限公司 | 字幕生成方法及装置、电子设备 |
-
2020
- 2020-09-04 CN CN202010923733.8A patent/CN114138215B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160358592A1 (en) * | 2015-06-05 | 2016-12-08 | Apple Inc. | Text legibility over images |
CN105809645A (zh) * | 2016-03-28 | 2016-07-27 | 努比亚技术有限公司 | 文字显示方法、装置及移动终端 |
CN105912321A (zh) * | 2016-04-01 | 2016-08-31 | 乐视控股(北京)有限公司 | 一种文字颜色设置方法及装置 |
CN110140106A (zh) * | 2017-11-20 | 2019-08-16 | 华为技术有限公司 | 根据背景图像动态显示图标的方法及装置 |
CN110798636A (zh) * | 2019-10-18 | 2020-02-14 | 腾讯数码(天津)有限公司 | 字幕生成方法及装置、电子设备 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116702701A (zh) * | 2022-10-26 | 2023-09-05 | 荣耀终端有限公司 | 字重调节方法、终端及存储介质 |
CN116312414A (zh) * | 2023-02-10 | 2023-06-23 | 荣耀终端有限公司 | 颜色切换方法、装置、介质及电子设备 |
CN116312414B (zh) * | 2023-02-10 | 2023-11-03 | 荣耀终端有限公司 | 颜色切换方法、装置、介质及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN114138215B (zh) | 2024-06-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109166159B (zh) | 获取图像的主色调的方法、装置及终端 | |
CN104508684B (zh) | 使用照片来设置操作系统颜色 | |
EP3772038A1 (en) | Augmented reality display method of simulated lip makeup | |
CN110084204B (zh) | 基于目标对象姿态的图像处理方法、装置和电子设备 | |
CN113763856B (zh) | 环境光照强度确定方法、装置及存储介质 | |
CN111325271A (zh) | 图像分类方法及装置 | |
CN114138215B (zh) | 一种显示方法及相关设备 | |
CN112135041A (zh) | 一种人脸特效的处理方法及装置、存储介质 | |
US20230087489A1 (en) | Image processing method and apparatus, device, and storage medium | |
CN113808120A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN110618852A (zh) | 视图处理方法、视图处理装置及终端设备 | |
CN109891459B (zh) | 图像处理装置及图像处理方法 | |
CN114038370A (zh) | 显示参数调整方法、装置、存储介质及显示设备 | |
CN112511890A (zh) | 视频图像处理方法、装置及电子设备 | |
CN109426522A (zh) | 移动设备的界面处理方法、装置、设备、介质和操作系统 | |
CN111968605A (zh) | 曝光度调整方法及装置 | |
CN115580690B (zh) | 图像处理的方法和电子设备 | |
CN113781959B (zh) | 界面处理方法及装置 | |
CN114863432A (zh) | 一种终端设备、对比度调整方法、装置及介质 | |
CN114399622A (zh) | 图像处理方法和相关装置 | |
CN117710697B (zh) | 对象检测方法、电子设备、存储介质及程序产品 | |
US20230385980A1 (en) | Generating content adaptive watermarks for digital images | |
CN117036206B (zh) | 一种确定图像锯齿化程度的方法及相关电子设备 | |
CN114676360B (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN115033138B (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 |