CN114119778A - 用户界面的深色模式生成方法、电子设备及存储介质 - Google Patents
用户界面的深色模式生成方法、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114119778A CN114119778A CN202010880273.5A CN202010880273A CN114119778A CN 114119778 A CN114119778 A CN 114119778A CN 202010880273 A CN202010880273 A CN 202010880273A CN 114119778 A CN114119778 A CN 114119778A
- Authority
- CN
- China
- Prior art keywords
- image
- block
- color
- target image
- dark
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000012545 processing Methods 0.000 claims abstract description 76
- 239000003086 colorant Substances 0.000 claims abstract description 23
- 238000005070 sampling Methods 0.000 claims description 69
- 239000011159 matrix material Substances 0.000 claims description 7
- 238000010586 diagram Methods 0.000 description 14
- 230000008569 process Effects 0.000 description 12
- 238000013461 design Methods 0.000 description 11
- 238000004891 communication Methods 0.000 description 9
- 238000004590 computer program Methods 0.000 description 6
- 238000004364 calculation method Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000003672 processing method Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T5/00—Image enhancement or restoration
- G06T5/90—Dynamic range modification of images or parts thereof
- G06T5/94—Dynamic range modification of images or parts thereof based on local image properties, e.g. for local contrast enhancement
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/11—Region-based segmentation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Facsimile Image Signal Circuits (AREA)
- Image Processing (AREA)
Abstract
本申请涉及一种用户界面的深色模式生成方法、电子设备及存储介质。所述方法包括:获取用户界面的视图数据;将视图数据按照视图元素分类成图形、文本及图像;分别判断每一图像是否为目标图像,其中目标图像为背景透明且颜色包括深色与非深色的图像;将目标图像按照第一深色处理方式进行深色处理以提亮所述目标图像;分别将图形、文本及图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理。本申请能够从用户界面包含的图像中识别出背景透明且颜色包括深色与非深色的目标图像,并将所述目标图像按照第一深色处理方式进行深色处理以提亮所述目标图像,可以清晰地显示出目标图像中的深色部分的图像内容。
Description
技术领域
本申请涉及图像处理技术领域,尤其涉及一种用户界面的深色模式生成方法及电子设备。
背景技术
当前电子设备的用户界面通常带有深色模式(例如,夜间模式)。深色模式主要有两种实现方式,一种是应用开发者适配一套深色主题作为电子设备的深色模式,另外一种是电子设备的系统对应用的图形、文本、图像颜色作自动转换(Force Dark,Auto Dark orSmart Dark)以生成深色模式。然而,在用户界面中包括深色部分的内容时,在进行深色模式切换后,会导致原有的深色部分的内容无法清晰呈现。
例如,参考图1所示,用户界面中包括徽标(Logo)及文字组成的图片时,对该用户界面进行深色模式切换后,图片中的文字会被深色模式的背景影响,导致图片中的文字在深色模式下无法清晰显示。例如,图1的图片中包括徽标及文字“读书吧”,在将图1中的图片进行深色模式的切换后,只能显示出徽标,而图片中的“读书吧”文字内容则无法清晰呈现。
发明内容
鉴于以上内容,有必要提供一种用户界面的深色模式生成方法及电子设备,以对深色模式下的图片、文字等进行提亮处理,以在深色模式下得以清晰呈现。
第一方面,本申请实施例提供一种用户界面的深色模式生成方法,具体包括:
获取用户界面的视图数据;
将所述视图数据按照视图元素分类成图形、文本及图像;
分别判断每一所述图像是否为目标图像,其中所述目标图像为背景透明且颜色包括深色与非深色的图像;
将所述目标图像按照第一深色处理方式进行深色处理以提亮所述目标图像;
分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理。
本申请实施例中,能够从用户界面包含的图像中识别出背景透明且颜色包括深色与非深色的目标图像,并将所述目标图像按照第一深色处理方式进行深色处理以提亮所述目标图像,从而清晰地显示出目标图像中的深色部分的图像内容。
在一可能的设计中,判断每一所述图像是否为目标图像具体包括:
将每一所述图像划分为第一预设数量的区块;
设定每个区块进行颜色采样的采样点;
按照预设扫描顺序依次对每一所述图像的每个区块的采样点的颜色进行采样得到每个区块的采样点的颜色;
根据每个区块的采样点的颜色确定所述区块的颜色类型,其中所述颜色类型包括深色区块、浅色区块、彩色区块及透明区块;
判断每一所述图像中颜色类型为深色区块的数量在每一所述图像的所有区块中的占比是否大于预设阈值;及
若每一所述图像中颜色类型为深色区块的数量大于预设阈值,确定每一所述图像为目标图像。
通过上述技术方案,可以快速识别出图像中的目标图像,降低识别目标图像的算法的复杂度。
在一可能的设计中,设定每个区块进行颜色采样的采样点具体包括:
将每个区块上分别位于左上位置、右上位置、左下位置、右下位置、中心点位置的点作为采样点。通过上述技术方案获取的采样点能够准确地表征每个区块地颜色特性。
在一可能的设计中,按照预设扫描顺序依次对每一所述图像的每个区块的采样点的颜色进行采样得到每个区块的采样点的颜色具体包括:
根据每一所述图像的宽高比确定每一所述图像的尺寸类型,其中所述尺寸类型包括第一类型及第二类型,所述第一类型为图像宽度大于图像高度,所述第二类型为图像高度不小于图像宽度;
当每一所述图像的尺寸类型为第一类型时按照从下往上、从右往左的顺序依次对每一所述图像的每个区块的采样点的颜色进行采样;及
当每一所述图像的尺寸类型为第二类型时按照从右往左、从下往上的顺序依次对每一所述图像的每个区块的采样点的颜色进行采样。
在一可能的设计中,根据每个区块的采样点的颜色确定所述区块的颜色类型具体包括:
获取每个区块的所有采样点的argb值;
获取每个区块的所有采样点的亮度值;
若每个区块的所有采样点的argb值中的Alpha通道值为0,则确定所述区块为透明区块;
若每个区块的所有采样点的argb值中的Alpha通道值不为0且所有采样点的亮度值小于预设亮度阈值,则确定所述区块为深色区块;
若每个区块的所有采样点的argb值中的Alpha通道值不为0且所有采样点的亮度值不小于预设亮度阈值,则确定所述区块为浅色区块;
若所述区块不属于透明区块、深色区块、浅色区块,则确定为彩色区块。
通过上述技术方案,能够提高每个区块的颜色类型的识别率。
在一可能的设计中,将所述目标图像按照第一深色处理方式进行深色处理具体包括:
获取所述目标图像的像素;
将所述目标图像的像素与像素矩阵进行相乘运算,其中,所述像素矩阵为其中,s为颜色值的缩放比例,r_offset为红色值的偏移量,g_offset为绿色值的偏移量,b_offset为蓝色值的偏移量。通过上述技术方案,可以有效地提亮目标图像中的深色部分的图像内容。
在一可能的设计中,分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理具体包括:
分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像进行反色处理。通过反色处理,能够实现对用户界面中的图形、文本及所述图像中除目标图像之外的图像进行深色处理。
在一种可能的设计中,分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理具体包括:
分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像进行反亮度处理。通过反亮度处理,能够实现对用户界面中的图形、文本及所述图像中除目标图像之外的图像进行深色处理。
第二方面,本申请实施例提供一种电子设备,包括执行上述第一方面及其任一可能的设计的方法中所执行的步骤的装置。
第三方面,本申请实施例提供一种计算机存储介质,所述计算机存储介质存储有程序指令,当所述程序指令在电子设备上运行时,使得所述电子设备执行本申请实施例上述第一方面及其任一可能的设计中的用户界面的深色模式生成方法。
另外,第二方面至第三方面所带来的技术效果可参见上述方法部分各设计的方法相关的描述,此处不再赘述。
附图说明
图1为本发明实施例中一种对图片进行深色处理的示意图。
图2为本发明实施例中电子设备与服务器的连接示意图。
图3为本发明实施例中用户界面的深色模式生成方法的流程图。
图4为本发明实施例中对目标图像进行深色处理的流程示意图。
图5为本发明实施例中对目标图像的判断流程示意图。
图6a为本发明实施例中对图像进行区块划分的示意图。
图6b为本发明实施例中对区块采样点进行设定的示意图。
图7a-7b,为本发明实施例中确定图像的预设扫描顺序的示意图。
图8为本发明实施例中确定区块的颜色类型的流程示意图。
图9为本发明实施例中深色处理后的目标图像的示意图。
图10为本发明实施例中一种电子设备的结构示意图。
具体实施方式
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请实施例的描述中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请中的技术领域的技术人员通常理解的含义相同。本申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本发明。应理解,本申请中除非另有说明,“/”表示或的意思。例如,A/B可以表示A或B。本申请中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系。例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B三种情况。“至少一个”是指一个或者多个。“多个”是指两个或多于两个。例如,a、b或c中的至少一个,可以表示:a,b,c,a和b,a和c,b和c,a、b和c七种情况。
参考图2所示,为本发明一个实施例中电子设备10与服务器20的连接示意图。如图2所示,所述电子设备10与所述服务器20进行数据交互。例如,所述电子设备10向所述服务器20发送请求数据的指令,所述服务器20响应该指令向所述电子设备10发送数据,如此,所述服务器20向所述电子设备10提供视图数据。
本实施例中,所述电子设备10通过通信模块与所述服务器20进行通信连接。例如,所述电子设备10通过Wi-Fi通信模块、3G\4G\5G通信模块与所述服务器20进行通信连接。例如,所述电子设备10与所述服务器20在同一局域网内,所述电子设备10与所述服务器20连接到同一路由器上。又如,所述电子设备10与所述服务器20也可以不在同一局域网内,所述电子设备10在第一局域网内,且连接到第一路由器上,所述服务器20连接到第二局域网内,且连接到第二路由器上,其中,第一路由器与第二路由器相连通。
本实施例中,所述电子设备10为手机、平板电能、笔记本电脑、个人数字助理、穿戴式装置等设备。所述服务器20为单个服务器、服务器集群或云端服务器。
所述电子设备10用于获取用户界面的视图数据,并将用户界面的视图数据分类成图形、文本及图像。所述电子设备10将背景透明且颜色包括深色与非深色的图像作为目标图像。所述电子设备10对所述用户界面进行深色处理,并将所述目标图像进行提亮处理,如此使得电子设备10的用户界面中的目标图像能够在深色模式下清楚地显示。
参考图3所示,为本发明实施例中用户界面的深色模式生成方法的流程图。如图3所示,所述用户界面的深色模式生成方法应用在电子设备10中。本申请提供的用户界面的深色模式生成方法具体实现如下步骤。
步骤S301,获取用户界面的视图数据。
在一实施例中,所述电子设备10从所述服务器20中获取用户界面的视图数据。具体地,所述电子设备10向所述服务器20发送请求访问用户界面的指令,所述服务器20响应请求访问用户界面的指令向所述电子设备10发送用户界面的视图数据。在另一实施例中,所述电子设备10的存储器中存储有用户界面的视图数据,所述电子设备10从所述电子设备10的存储器中获取用户界面的视图数据。本实施例中,所述电子设备10显示获取得到的用户界面的视图数据。
步骤S302,将所述视图数据按照视图元素分类成图形、文本及图像。
本实施例中,视图数据是指在电子设备10的显示单元上进行显示的矩形块,例如,图形、文字、图像或视频。视图数据可以在层级关系进行互相嵌套。本实施例中,所述电子设备10按照视图树的嵌套层级将互相嵌套的视图数据按照视图元素分类成图形、文本及图像。本实施例中,所述图形包括用户界面的框体,所述文本为包括数字、字母、符号、文字、或由数字、字母、符号、文字构成的任意组合的纯文本内容,所述图像包括图标、文字图像、图标与文字图像的组合。本实施例中,所述图像的数量为一个或多个。
步骤S303,分别判断每一所述图像是否为目标图像,其中所述目标图像为背景透明且颜色包括深色与非深色的图像。
本实施例中,所述深色为低纯净度的颜色,例如,黑色、红色、蓝色。所述非深色为高纯净度的颜色,例如粉色、白色、黄色。本实施例中,所述目标图像的背景透明且所述目标图像的颜色包括深色与非深色。
所述判断每一图像是否为目标图像的详细流程可参照图5以及下文针对图5的详细说明。
步骤S304,将所述目标图像按照第一深色处理方式进行深色处理以提亮所述目标图像。所述第一深色处理方式的详细流程可参照图4以及下文针对图4的详细说明。
步骤S305,分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理。
本实施例中,所述将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理包括:将所述图形、所述文本及所述图像中除所述目标图像之外的图像进行反色处理。本实施例中,为描述方便,将所述图像中除所述目标图像之外的图像称为第二图像。
具体地,所述电子设备10分别获取所述图形的三原色(RGB)值、所述文本的三原色值及所述第二图像的三原色值;通过公式(R1,G1,B1)=(255,255,255)-(r1,g1,b1)对所述图形的三原色值进行运算处理实现对所述图形的反色处理,其中,(r1,g1,b1)为获取的图形的三原色值,(R1,G1,B1)为所述图形经过反色处理后的三原色值,(255,255,255)为白色对应的三原色值;通过公式(R2,G2,B2)=(255,255,255)-(r2,g2,b2)对所述文本的三原色值进行运算处理实现对所述文本的反色处理,其中(r2,g2,b2为获取的文本的三原色值,(R2,G2,B2)为所述文本经过反色处理后的三原色值;及通过公式(R3,G3,B3)=(255,255,255)-(r3,g3,b3)对所述第二图像的三原色值进行运算处理实现对所述第二图像的反色处理,其中,(r3,g3,b3)为获取的第二图像的三原色值,(R3,G3,B3)为所述第二图像经过反色处理后的三原色值。
例如,所述电子设备10获取所述图形的三原色值为(239,228,176)(对应的颜色为浅黄色),通过将白色的三原色值(255,255,255)与(239,228,176)进行减法运算处理后实现对所述图形的反色处理,经过反色处理后,所述图形的三原色值为(16,27,79)(对应的颜色为墨蓝色)。
又如,所述电子设备10获取所述文本的三原色值为(255,255,255)(对应的颜色为白色),通过将白色的三原色值(255,255,255)与(255,255,255)进行减法运算处理后实现对所述文本的反色处理,经过反色处理后,所述文本的三原色值为(0,0,0)(对应的颜色为黑色)。例如,所述电子设备10获取所述第二图像的三原色值为(153,217,234)(对应的颜色为淡青绿色),通过将白色的三原色值(255,255,255)与(153,217,234)进行减法运算处理后实现对所述第二图像的反色处理,经过反色处理后,所述第二图像的三原色值为(102,38,21)(对应的颜色为深红褐色)。
在另一实施例中,所述将所述图形、所述文本及所述第二图像按照第二深色处理方式进行深色处理包括:将所述图形、所述文本及所述第二图像进行反亮度处理。
具体地,在一实施例中,所述电子设备10分别获取所述图形的LAB颜色空间的L通道值、所述文本的LAB颜色空间的L通道值及所述第二图像的LAB颜色空间的L通道值;通过公式Y1=100-y1对所述图形的LAB颜色空间的L通道值进行计算处理实现对所述图形的反亮度处理,其中,y1为获取的图形的LAB颜色空间的L通道值,Y1为所述图形经过反亮度处理后的LAB颜色空间的L通道值;通过公式Y2=100-y2对所述文本的LAB颜色空间的L通道值进行计算处理实现对所述文本的反亮度处理,其中,y2为获取的文本的LAB颜色空间的L通道值,Y2为所述文本经过反亮度处理后的LAB颜色空间的L通道值;通过公式Y3=100-y3对所述第二图像的LAB颜色空间的L通道值进行计算处理实现对所述第二图像的反亮度处理,其中,y3为获取的第二图像的LAB颜色空间的L通道值,Y3为第二图像经过反亮度处理后的LAB颜色空间的L通道值。例如,所述电子设备10获取所述图形的LAB颜色空间的L通道值为50,通过Y1=100-50=50运算处理后实现对所述图形的反亮度处理,经过反亮度处理后,所述图形的LAB颜色空间的L通道值为80。
在另一实施例中,将所述图形、所述文本及所述第二图像进行反亮度处理包括:所述电子设备10分别获取所述图形的灰度值、所述文本的灰度值及所述第二图像的灰度值;通过公式T1=255-t1对所述图形的灰度值进行计算处理实现对所述图形的反亮度处理,其中,t1为获取的图形的灰度值,T1为所述图形经过反亮度处理后的灰度值;通过公式T2=255-t2对所述文本的灰度值进行计算处理实现对所述文本的反亮度处理,其中,t2为获取的文本的灰度值,T2为所述文本经过反亮度处理后的灰度值;通过公式T3=255-t3对所述第二图像的灰度值进行计算处理实现对所述第二图像的反亮度处理,其中,t3为获取的第二图像的灰度值,T3为所述第二图像经过反亮度处理后的灰度值。
例如,所述电子设备10获取所述文本的灰度值为175,通过T2=255-175=80运算处理后实现对所述文本的反亮度处理,经过反亮度处理后,所述文本的灰度值为80。
参考图4,所示为本发明实施例中目标图像进行深色处理的流程示意图,具体可包括如下步骤:
步骤S401,获取所述目标图像的像素;
步骤S402,将所述目标图像的像素与像素矩阵进行相乘运算,其中,所述像素矩阵为其中,s为颜色值的缩放比例,r_offset为红色值的偏移量,g_offset为绿色值的偏移量,b_offset为蓝色值的偏移量。本实施例中,s取值为0.7,r_offset、g_offset、b_offset取值为70。
参考图5,所示为本发明一个实施例中判断所述图像中的每一图像是否为目标图像的流程示意图。具体可包括如下步骤:
步骤S501,将每一图像划分为第一预设数量的区块;
步骤S502,设定每个区块进行颜色采样的采样点;
步骤S503,按照预设扫描顺序依次对每一图像的每个区块的采样点的颜色进行采样得到每个区块的采样点的颜色;
步骤S504,根据每个区块的采样点的颜色确定所述区块的颜色类型,其中所述颜色类型包括深色区块、浅色区块、彩色区块及透明区块,颜色与颜色类型的关联可以进行预先设定,详细的流程可参考图8以及下文针对图8的详细描述;
步骤S505,判断每一图像中颜色类型为深色区块的数量在每一所述图像的所有区块中的占比是否大于预设阈值。例如,所述预设阈值可以是40%。所述电子设备10判断每一图像中颜色类型为深色区块的数量在每一所述图像的所有区块中的占比是否大于40%。在其他实施例中,所述预设阈值可以根据需要设定为其他的数值,例如30%、50%等等。
其中,若每一图像中颜色类型为深色区块的数量在每一所述图像的所有区块中的占比大于预设阈值,执行步骤S506;若每一图像中颜色类型为深色区块的数量在每一所述图像的所有区块中的占比小于或等于预设阈值,执行步骤S507;及
步骤S506,确定所述图像为目标图像。
步骤S507,确定所述图像不是目标图像。
参考图6a所示,为本发明实施例中图像划分区块的示意图。本实施例中,将每一图像划分为大小相同的区块,例如,将每一图像划分为M*N个区块。
参考图6b所示,为本发明实施例中设定区块的采样点的示意图。本实施例中,将每个区块上分别位于左上位置、右上位置、左下位置、右下位置、中心点位置的点作为采样点。本实施例中,电子设备10根据每一图像的宽高比确定每一图像的尺寸类型,并根据每一图像的尺寸类型确定对应的预设扫描顺序,及根据确定出的预设扫描顺序依次对每一图像的每个区块的采样点的颜色进行采样得到每个区块的采样点的颜色。
参考图7a-7b所示,为本发明实施例中根据图像的尺寸类型确定对应的预设扫描顺序的示意图。如图7a所示,所述电子设备10根据每一图像的宽高比确定每一图像的尺寸类型,当确定每一所述图像的图像宽度大于图像高度时,确定每一图像的尺寸类型为第一类型,并且,当确定每一图像的尺寸类型为第一类型时按照从下往上、从右往左的顺序(参见图7a中的箭头M1)依次对每一图像的每个区块的采样点的颜色进行采样。
如图7b所示,所述电子设备10确定每一所述图像的图像宽度小于或等于图像高度时,确定每一图像的尺寸类型为第二类型,并且,当确定每一图像的尺寸类型为第二类型时,按照从右往左、从下往上(参见图7b中的箭头M2)的顺序依次对每一图像的每个区块的采样点的颜色进行采样。
本实施例中,由于每个图像划分成区块后,第一行与最后一行的区块或第一列与最后一列的区块往往不具有重要的用户界面信息,因而无需在每一图像的第一行与最后一行的区块或第一列与最后一列的区块进行采样。具体地,当确定每一图像的尺寸类型为第一类型时,所述电子设备10按照从下往上、从右往左的顺序依次对每一图像从第二行到倒数第二行的所有区块进行采样;当确定每一图像的尺寸类型为第二类型时,所述电子设备10按照从右往左、从下往上的顺序依次对每一图像从第二列到倒数第二列的所有区块进行采样。
参考图8,所示为本发明一个实施例中根据区块的采样点的颜色确定所述区块的颜色类型的流程示意图。具体可包括如下步骤:
步骤S801,获取每个区块的所有采样点的argb值,其中argb值包括Alpha通道值、红通道值、绿通道值、蓝通道值,其中Alpha通道值表示采样点是透明的,红通道值表示采样点的红色值,绿通道值表示采样点的绿色值,蓝通道值表示采样点的蓝色值;
步骤S802,获取每个区块的所有采样点的亮度值;
步骤S803,若每个区块的所有采样点的argb值中的Alpha通道值为0,确定所述区块为透明区块;
步骤S804,若每个区块的所有采样点的argb值中的Alpha通道值不为0且所有采样点的亮度值小于预设亮度阈值,确定所述区块为深色区块;
步骤S805,若每个区块的所有采样点的argb值中的Alpha通道值不为0且所有采样点的亮度值不小于预设亮度阈值,确定所述区块为浅色区块;
步骤S806,若所述区块不属于透明区块、深色区块、浅色区块,确定为彩色区块。
参考图9,所示为本发明一个实施例中目标图像按照第一深色处理方式进行深色处理后的示意图。如图9所示,将目标图像的像素与所示像素矩阵相乘运算后能够提亮所述目标图片中的深色部分,即“xxx农业银行”文字内容,并清晰地显示所述目标图片中的文字内容。
请参考图10,所示为本发明一实施方式中提供的电子设备10的结构示意图。电子设备10包括,但不限于通信模块12、显示单元13、处理器14以及存储器15。上述各器件可以通过一个或多个通信总线16连接。存储器15用于存储一个或多个计算机程序17。一个或多个计算机程序17被配置为被该处理器14执行。该一个或多个计算机程序17包括指令,上述指令可以用于执行上述实施例中电子设备10执行上述用户界面的深色模式生成方法的各个步骤,以实现电子设备10的用户界面的深色模式的生成功能。
本实施例还提供一种计算机存储介质,该计算机存储介质中存储有计算机指令,当该计算机指令在电子设备上运行时,使得电子设备执行上述相关方法步骤实现上述实施例中的解锁控制方法。
本实施例还提供了一种计算机程序产品,当该计算机程序产品在计算机上运行时,使得计算机执行上述相关步骤,以实现上述实施例中的解锁控制方法。
另外,本申请的实施例还提供一种装置,这个装置具体可以是芯片,组件或模块,该装置可包括相连的处理器和存储器;其中,存储器用于存储计算机执行指令,当装置运行时,处理器可执行存储器存储的计算机执行指令,以使芯片执行上述各方法实施例中的解锁控制方法。
其中,本实施例提供的电子设备、计算机存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法,因此,其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果,此处不再赘述。
通过以上的实施方式的描述,所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,该模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个装置,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
该作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是一个物理单元或多个物理单元,即可以位于一个地方,或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个可读取存储介质中。基于这样的理解,本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该软件产品存储在一个存储介质中,包括若干指令用以使得一个设备(可以是单片机,芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是,以上实施例仅用以说明本发明的技术方案而非限制,尽管参照较佳实施例对本发明进行了详细说明,本领域的普通技术人员应当理解,可以对本发明的技术方案进行修改或等同替换,而不脱离本发明技术方案的精神和范围。
Claims (10)
1.一种用户界面的深色模式生成方法,其特征在于,所述方法包括:
获取用户界面的视图数据;
将所述视图数据按照视图元素分类成图形、文本及图像;
分别判断每一所述图像是否为目标图像,其中所述目标图像为背景透明且颜色包括深色与非深色的图像;
将所述目标图像按照第一深色处理方式进行深色处理;
分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理。
2.如权利要求1所述的用户界面的深色模式生成方法,其特征在于,所述分别判断每一所述图像是否为目标图像包括:
将每一所述图像划分为第一预设数量的区块;
设定每个区块进行颜色采样的采样点;
按照预设扫描顺序依次对每一所述图像的每个区块的采样点的颜色进行采样得到每个区块的采样点的颜色;
根据每个区块的采样点的颜色确定所述区块的颜色类型,其中所述颜色类型包括深色区块、浅色区块、彩色区块及透明区块;
判断每一所述图像中颜色类型为深色区块的数量在每一所述图像的所有区块中的占比是否大于预设阈值;及
若每一所述图像中颜色类型为深色区块的数量大于预设阈值,确定每一所述图像为目标图像。
3.如权利要求2所述的用户界面的深色模式生成方法,其特征在于,所述设定每个区块进行颜色采样的采样点包括:
将每个区块上分别位于左上位置、右上位置、左下位置、右下位置、中心点位置的点作为采样点。
4.如权利要求2所述的用户界面的深色模式生成方法,其特征在于,所述按照预设扫描顺序依次对每一所述图像的每个区块的采样点的颜色进行采样得到每个区块的采样点的颜色包括:
根据每一所述图像的宽高比确定每一所述图像的尺寸类型,其中所述尺寸类型包括第一类型及第二类型,所述第一类型为图像宽度大于图像高度,所述第二类型为图像高度不小于图像宽度;
当每一所述图像的尺寸类型为第一类型时按照从下往上、从右往左的顺序依次对每一所述图像的每个区块的采样点的颜色进行采样;及
当每一所述图像的尺寸类型为第二类型时按照从右往左、从下往上的顺序依次对每一所述图像的每个区块的采样点的颜色进行采样。
5.如权利要求2所述的用户界面的深色模式生成方法,其特征在于,所述根据每个区块的采样点的颜色确定所述区块的颜色类型包括:
获取每个区块的所有采样点的argb值;
获取每个区块的所有采样点的亮度值;
若每个区块的所有采样点的argb值中的Alpha通道值为0,则确定所述区块为透明区块;
若每个区块的所有采样点的argb值中的Alpha通道值不为0且所有采样点的亮度值小于预设亮度阈值,则确定所述区块为深色区块;
若每个区块的所有采样点的argb值中的Alpha通道值不为0且所有采样点的亮度值不小于预设亮度阈值,则确定所述区块为浅色区块;
若所述区块不属于透明区块、深色区块、浅色区块,则确定为彩色区块。
7.如权利要求1所述的用户界面的深色模式生成方法,其特征在于,所述分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理包括:
分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像进行反色处理。
8.如权利要求1所述的用户界面的深色模式生成方法,其特征在于,所述分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像按照第二深色处理方式进行深色处理包括:
分别将所述图形、所述文本及所述图像中除所述目标图像之外的图像进行反亮度处理。
9.一种电子设备,其特征在于,所述电子设备包括存储器和处理器:
其中,所述存储器,用于存储程序指令;
所述处理器,用于读取并执行所述存储器中存储的所述程序指令,当所述程序指令被所述处理器执行时,使得所述电子设备执行如权利要求1至8任一所述的用户界面的深色模式生成方法。
10.一种计算机存储介质,其特征在于,所述计算机存储介质存储有程序指令,当所述程序指令在电子设备上运行时,使得所述电子设备执行如权利要求1至8任一所述的用户界面的深色模式生成方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010880273.5A CN114119778A (zh) | 2020-08-27 | 2020-08-27 | 用户界面的深色模式生成方法、电子设备及存储介质 |
PCT/CN2021/110391 WO2022042232A1 (zh) | 2020-08-27 | 2021-08-03 | 用户界面的深色模式生成方法、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010880273.5A CN114119778A (zh) | 2020-08-27 | 2020-08-27 | 用户界面的深色模式生成方法、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114119778A true CN114119778A (zh) | 2022-03-01 |
Family
ID=80352652
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010880273.5A Pending CN114119778A (zh) | 2020-08-27 | 2020-08-27 | 用户界面的深色模式生成方法、电子设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN114119778A (zh) |
WO (1) | WO2022042232A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116229188A (zh) * | 2023-05-08 | 2023-06-06 | 腾讯科技(深圳)有限公司 | 图像处理显示方法、分类模型的生成方法及其设备 |
WO2023220929A1 (zh) * | 2022-05-17 | 2023-11-23 | 北京小米移动软件有限公司 | 一种界面显示方法、装置、终端及存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9671946B2 (en) * | 2014-02-06 | 2017-06-06 | Rakuten Kobo, Inc. | Changing settings for multiple display attributes using the same gesture |
CN104462312A (zh) * | 2014-11-28 | 2015-03-25 | 北京奇虎科技有限公司 | 网页显示方法和浏览器客户端 |
CN110609722B (zh) * | 2019-08-09 | 2021-07-20 | 华为技术有限公司 | 一种暗模式显示界面处理方法、电子设备与存储介质 |
CN111427573B (zh) * | 2020-03-09 | 2023-06-20 | 南京贝湾信息科技有限公司 | 一种模式生成方法、计算设备及存储介质 |
CN111552451B (zh) * | 2020-04-09 | 2023-08-22 | RealMe重庆移动通信有限公司 | 显示控制方法及装置、计算机可读介质及终端设备 |
-
2020
- 2020-08-27 CN CN202010880273.5A patent/CN114119778A/zh active Pending
-
2021
- 2021-08-03 WO PCT/CN2021/110391 patent/WO2022042232A1/zh active Application Filing
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023220929A1 (zh) * | 2022-05-17 | 2023-11-23 | 北京小米移动软件有限公司 | 一种界面显示方法、装置、终端及存储介质 |
CN116229188A (zh) * | 2023-05-08 | 2023-06-06 | 腾讯科技(深圳)有限公司 | 图像处理显示方法、分类模型的生成方法及其设备 |
CN116229188B (zh) * | 2023-05-08 | 2023-07-25 | 腾讯科技(深圳)有限公司 | 图像处理显示方法、分类模型的生成方法及其设备 |
Also Published As
Publication number | Publication date |
---|---|
WO2022042232A1 (zh) | 2022-03-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021047383A1 (zh) | 用于电子墨水屏的图像处理方法、装置和电子墨水屏 | |
US8713456B2 (en) | Establishing a graphical user interface (‘GUI’) theme | |
EP2573670B1 (en) | Character display method and device | |
CN101248443B (zh) | 使用跳跃样本的图像处理 | |
WO2022042232A1 (zh) | 用户界面的深色模式生成方法、电子设备及存储介质 | |
CN106663329B (zh) | 图形基元和颜色通道 | |
EP3300060B1 (en) | Image display method and display device | |
CN113742025B (zh) | 页面生成方法、装置、设备和存储介质 | |
US8830251B2 (en) | Method and system for creating an image | |
WO2019184669A1 (zh) | 像素处理方法及装置 | |
US9953399B2 (en) | Display method and display device | |
CN111124404A (zh) | 一种自定义颜色的显示方法及系统 | |
CN110996026B (zh) | 一种osd显示方法、装置、设备及存储介质 | |
US12008285B2 (en) | Image processing method and display control method | |
JP2015125543A (ja) | 視線予測システム、視線予測方法、および視線予測プログラム | |
CN109214977A (zh) | 图像处理装置及其控制方法 | |
KR101098641B1 (ko) | 각각의 픽셀에 대해 특정 방향을 따라 스트라이핑된 복수의픽셀 하위구성요소를 포함하는 디스플레이의 일부분 상에객체를 렌더링하기 위한 방법 및 컴퓨터 프로그램 제품 | |
CN110782854B (zh) | 电子设备及其阅读模式的识别方法 | |
CN112799620A (zh) | 大数据可视化系统 | |
JP4741916B2 (ja) | 画像処理装置、画像処理方法及び該方法を実行するための画像処理プログラムを格納したコンピュータ読み取り可能な記録媒体 | |
US10540747B2 (en) | Digital image scaling | |
KR100784692B1 (ko) | 그래픽 유저 인터페이스의 이미지 처리방법 | |
CN115640416A (zh) | 对象显示方法和装置 | |
CN117234654A (zh) | 一种自定义图表颜色方法、装置、设备及存储介质 | |
KR100916854B1 (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 |