一种残膜回收机防缠绕挑膜装置的制 一种秧草收获机用电力驱动行走机构

界面显示方法、装置、电子设备及可读存储介质与流程

2022-02-25 23:20:44 来源:中国专利 TAG:


1.本技术涉及计算机技术领域,具体而言,涉及一种界面显示方法、装置、电子设备及可读存储介质。


背景技术:

2.目前在确定界面背景图像后,一般是将界面背景图像直接设置在界面的最底层视图中,然后将最底层视图与其他视图合成为界面进行显示。为了提高界面呈现出的背景的连贯性,一般会将除最底层视图之外的其他视图均设置为无背景或者透明背景,使得最底层视图中的界面背景图像大部分内容可以透过其他视图被呈现出来。然而,上述方式会导致至少一部分视图的显示效果不佳,进而导致整个界面的显示效果不佳。比如,视图由于被设置为无背景或者透明背景,导致该视图本身的显示效果不佳;或者,在两个视图中均包括文字、且文字的显示位置重叠的情况下,两个视图中的文字会重叠,由此导致文字不易阅读。


技术实现要素:

3.本技术提供了一种界面显示方法、装置、电子设备及可读存储介质,其能够避免因将除最底层视图之外的其他视图均设置为无背景或者透明背景而导致的界面显示效果不佳的情况,从而保证各视图的显示效果,进而保证界面的显示效果。
4.本技术的实施例可以这样实现:
5.第一方面,本技术实施例提供一种界面显示方法,应用于电子设备,所述方法包括:
6.根据接收到的选择指令确定目标界面背景图像;
7.从用于生成待显示界面的多个视图中确定出待叠加视图;
8.根据各待叠加视图的显示位置信息,从所述目标界面背景图像中获得各待叠加视图对应的第一局部图像;
9.针对各待叠加视图,将该待叠加视图与所对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图;
10.根据叠加处理后的视图,生成并显示所述待显示界面。
11.在可选的实施方式中,所述将该待叠加视图与所对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图,包括:
12.若该待叠加视图包括视图背景,则将第一预设透明度下的第一局部图像叠加在所述视图背景上,以得到叠加处理后的视图;
13.若该待叠加视图不包括视图背景,则将第一预设透明度下的第一局部图像叠加在该待叠加视图上,以得到叠加处理后的视图。
14.在可选的实施方式中,在所述针对各待叠加视图,将该待叠加视图与所对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图之前,所述方法还
包括:
15.根据所述多个视图中的视图之间的父子关系,获得各叠加视图的层级信息;
16.根据各待叠加视图的层级信息,设置各待叠加视图所对应的第一局部图像的第一预设透明度,其中,不同层级对应不同的第一预设透明度。
17.在可选的实施方式中,各待叠加视图对应的第一局部图像的第一预设透明度与该待叠加视图的层级的层级值成反比,其中,最底层视图的层级值最小。
18.在可选的实施方式中,所述从用于生成待显示界面的多个视图中确定出待叠加视图,包括:
19.根据所述多个视图中各视图的层级信息及显示位置信息,从所述多个视图中确定出显示区域包括了其他视图的显示区域的视图作为疑似待叠加视图,其中,各视图的层级信息由所述多个视图中的视图之间的父子关系确定;
20.从确定的所述疑似待叠加视图中确定待叠加视图。
21.在可选的实施方式中,在所述从确定的所述疑似待叠加视图中确定待叠加视图之前,所述从用于生成待显示界面的多个视图中确定出多个待叠加视图,还包括:
22.将包括视图背景的视图作为疑似待叠加视图。
23.在可选的实施方式中,所述从确定的所述疑似待叠加视图中确定待叠加视图,包括:
24.针对各疑似待叠加视图,判断该疑似待叠加视图是否为色彩丰富的图像;若不是,则将该疑似待叠加视图作为待叠加视图。
25.在可选的实施方式中,所述判断该疑似待叠加视图是否为色彩丰富的图像,包括:
26.从该疑似待叠加视图中确定出目标图像,并计算所述目标图像所具有的色调分布区间以及饱和度分布区间,其中,若该疑似待叠加视图包括视图背景,所述目标图像则为所述视图背景;若该疑似待叠加视图不包括视图背景,所述目标图像则为该疑似待叠加视图;
27.判断所述色调分布区间是否大于预设色调分布区间,以及所述饱和度分布区间是否大于预设饱和度分布区间;
28.若所述色调分布区间大于所述预设色调分布区间,或所述饱和度分布区间大于所述预设饱和度分布区间,则判定该疑似待叠加视图是色彩丰富的图像;
29.若所述色调分布区间小于或等于所述预设色调分布区间且所述饱和度分布区间小于或等于预设饱和度分布区间,则判定该疑似待叠加视图不是色彩丰富的图像。
30.在可选的实施方式中,所述计算所述目标图像所具有的色调分布区间以及饱和度分布区间,包括:
31.获得该目标图像中各有效采样点的颜色值,其中,有效采样点的透明度大于第二预设透明度;
32.根据各有效采样点的颜色值所对应的色调和饱和度,计算得到所述色调分布区间以及饱和度分布区间。
33.在可选的实施方式中,在所述计算所述目标图像所具有的色调分布区间以及饱和度分布区间之前,所述判断该疑似待叠加视图是否为色彩丰富的图像,还包括:
34.判断所述目标图像是否为纯色图像;
35.若是,则执行判定该疑似待叠加视图不是色彩丰富的图像的步骤;
36.若不是,则执行计算所述目标图像所具有的色调分布区间以及饱和度分布区间的步骤。
37.在可选的实施方式中,在所述根据叠加处理后的视图,生成并显示所述待显示界面之前,所述方法还包括:
38.根据所述多个视图中包括字符的各视图的显示位置信息,从所述目标界面背景图像中获得包括字符的各视图对应的第二局部图像;
39.针对各包括字符的视图,根据该视图对应的第二局部图像的亮度对该视图中的字符的亮度进行调整,得到对比度调整后的视图,其中,所述调整用于增大字符与第二局部图像的对比度;
40.所述根据叠加处理后的视图,生成并显示所述待显示界面,包括:
41.按照所述多个视图中各视图的显示位置信息以及层级信息,将叠加处理后的视图、对比度调整后的视图以及未处理的视图合成所述待显示界面进行显示,其中,各视图的层级信息由所述多个视图中的视图之间的父子关系确定。
42.第二方面,本技术实施例提供一种界面显示装置,应用于电子设备,所述装置包括:
43.第一确定模块,用于根据接收到的选择指令确定目标界面背景图像;
44.第二确定模块,用于从用于生成待显示界面的多个视图中确定出待叠加视图;
45.局部图像获取模块,用于根据各待叠加视图的显示位置信息,从所述目标界面背景图像中获得各待叠加视图对应的第一局部图像;
46.处理模块,用于针对各待叠加视图,将该待叠加视图与所对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图;
47.所述处理模块,还用于根据叠加处理后的视图,生成并显示所述待显示界面。
48.在可选的实施方式中,所述处理模块具体用于:
49.在该待叠加视图包括视图背景时,将第一预设透明度下的第一局部图像叠加在所述视图背景上,以得到叠加处理后的视图;
50.在该待叠加视图不包括视图背景时,将第一预设透明度下的第一局部图像叠加在该待叠加视图上,以得到叠加处理后的视图。
51.在可选的实施方式中,所述处理模块还用于:
52.根据所述多个视图中的视图之间的父子关系,获得各叠加视图的层级信息;
53.根据各待叠加视图的层级信息,设置各待叠加视图所对应的第一局部图像的第一预设透明度,其中,不同层级对应不同的第一预设透明度。
54.在可选的实施方式中,各待叠加视图对应的第一局部图像的第一预设透明度与该待叠加视图的层级的层级值成反比,其中,最底层视图的层级值最小。
55.在可选的实施方式中,所述第二确定模块具体用于:
56.根据所述多个视图中各视图的层级信息及显示位置信息,从所述多个视图中确定出显示区域包括了其他视图的显示区域的视图作为疑似待叠加视图,其中,各视图的层级信息由所述多个视图中的视图之间的父子关系确定;
57.从确定的所述疑似待叠加视图中确定待叠加视图。
58.在可选的实施方式中,所述第二确定模块还具体用于:
59.将包括视图背景的视图作为疑似待叠加视图。
60.在可选的实施方式中,所述第二确定模块具体用于:
61.针对各疑似待叠加视图,判断该疑似待叠加视图是否为色彩丰富的图像;若不是,则将该疑似待叠加视图作为待叠加视图。
62.在可选的实施方式中,所述第二确定模块具体用于:
63.从该疑似待叠加视图中确定出目标图像,并计算所述目标图像所具有的色调分布区间以及饱和度分布区间,其中,若该疑似待叠加视图包括视图背景,所述目标图像则为所述视图背景;若该疑似待叠加视图不包括视图背景,所述目标图像则为该疑似待叠加视图;
64.判断所述色调分布区间是否大于预设色调分布区间,以及所述饱和度分布区间是否大于预设饱和度分布区间;
65.若所述色调分布区间大于所述预设色调分布区间,或所述饱和度分布区间大于所述预设饱和度分布区间,则判定该疑似待叠加视图是色彩丰富的图像;
66.若所述色调分布区间小于或等于所述预设色调分布区间且所述饱和度分布区间小于或等于预设饱和度分布区间,则判定该疑似待叠加视图不是色彩丰富的图像。
67.在可选的实施方式中,所述第二确定模块具体用于:
68.获得该目标图像中各有效采样点的颜色值,其中,有效采样点的透明度大于第二预设透明度;
69.根据各有效采样点的颜色值所对应的色调和饱和度,计算得到所述色调分布区间以及饱和度分布区间。
70.在可选的实施方式中,所述第二确定模块具体用于:
71.判断所述目标图像是否为纯色图像;
72.若是,则执行判定该疑似待叠加视图不是色彩丰富的图像的步骤;
73.若不是,则执行计算所述目标图像所具有的色调分布区间以及饱和度分布区间的步骤。
74.在可选的实施方式中,所述局部图像获取模块,还用于根据所述多个视图中包括字符的各视图的显示位置信息,从所述目标界面背景图像中获得包括字符的各视图对应的第二局部图像;
75.所述处理模块,还用于针对各包括字符的视图,根据该视图对应的第二局部图像的亮度对该视图中的字符的亮度进行调整,得到对比度调整后的视图,其中,所述调整用于增大字符与第二局部图像的对比度;
76.所述处理模块,还用于按照所述多个视图中各视图的显示位置信息以及层级信息,将叠加处理后的视图、对比度调整后的视图以及未处理的视图合成所述待显示界面进行显示,其中,各视图的层级信息由所述多个视图中的视图之间的父子关系确定。
77.第三方面,本技术实施例提供一种电子设备,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的机器可执行指令,所述处理器可执行所述机器可执行指令以实现前述实施方式中任意一项所述的界面显示方法。
78.第四方面,本技术实施例提供一种可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如前述实施方式中任意一项所述的界面显示方法。
79.本技术实施例提供的界面显示方法、装置、电子设备及可读存储介质,在从待显示
界面包括的视图中确定出待叠加视图后,根据各待叠加视图的显示位置信息从确定的目标界面背景图中获得与各待叠加视图对应的第一局部图像;然后,将各叠加视图与各叠加视图对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图;最后,基于叠加处理后的视图生成并显示待显示界面。由此,既可以使得待显示界面呈现出目标界面背景图像的内容,又不会使得各视图的显示效果不佳,从而保证待显示界面的显示效果,避免因将除最底层视图之外的其他视图均设置为无背景或者透明背景而导致的界面显示效果不佳的情况。
附图说明
80.为了更清楚地说明本技术实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本技术的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
81.图1为本技术实施例提供的电子设备的方框示意图;
82.图2为本技术实施例提供的界面显示方法的流程示意图之一;
83.图3为图2中步骤s120包括的子步骤的流程示意图;
84.图4为本技术实施例提供的一个界面对应的视图树及节点树的示意图;
85.图5为图3中子步骤s122包括的子步骤的流程示意图;
86.图6为图5中子步骤s1221包括的子步骤的流程示意图之一;
87.图7为图5中子步骤s1221包括的子步骤的流程示意图之二;
88.图8为本技术实施例提供的界面显示方法的流程示意图之二;
89.图9为本技术实施例提供的界面显示方法的流程示意图之三;
90.图10为本技术实施例提供的界面显示装置的方框示意图。
91.图标:100-电子设备;110-存储器;120-处理器;130-通信单元;200-界面显示装置;210-第一确定模块;220-第二确定模块;230-局部图像获取模块;240-处理模块。
具体实施方式
92.为使本技术实施例的目的、技术方案和优点更加清楚,下面将结合本技术实施例中的附图,对本技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本技术一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本技术实施例的组件可以以各种不同的配置来布置和设计。
93.因此,以下对在附图中提供的本技术的实施例的详细描述并非旨在限制要求保护的本技术的范围,而是仅仅表示本技术的选定实施例。基于本技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本技术保护的范围。
94.需要说明的是,术语“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且
还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个
……”
限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
95.请参照图1,图1为本技术实施例提供的电子设备100的方框示意图。所述电子设备100可以是,但不限于,智能手机、平板电脑等。如图1所示,所述电子设备100可以包括存储器110、处理器120及通信单元130。所述存储器110、处理器120以及通信单元130各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。
96.其中,所述存储器110用于存储程序或者数据。所述存储器110可以是,但不限于,随机存取存储器(random access memory,ram),只读存储器(read only memory,rom),可编程只读存储器(programmable read-only memory,prom),可擦除只读存储器(erasable programmable read-only memory,eprom),电可擦除只读存储器(electric erasable programmable read-only memory,eeprom)等。
97.所述处理器120用于读/写存储器110中存储的数据或程序,并执行相应的功能。比如,存储器110中存储有界面显示装置200,所述界面显示装置200包括至少一个可以软件或固件(firmware)的形式存储于所述存储器110中的软件功能模块。所述处理器120通过运行存储在存储器110内的软件程序以及模块,如本技术实施例中的界面显示装置200,从而执行各种功能应用以及数据处理,即实现本技术实施例中的界面显示方法。
98.所述通信单元130用于通过网络建立所述电子设备100与其它通信终端之间的通信连接,并用于通过所述网络收发数据。
99.应当理解的是,图1所示的结构仅为电子设备100的结构示意图,所述电子设备100还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。
100.请参照图2,图2为本技术实施例提供的界面显示方法的流程示意图之一。所述方法应用于所述电子设备100。下面对界面显示方法的具体流程进行详细阐述。
101.步骤s110,根据接收到的选择指令确定目标界面背景图像。
102.步骤s120,从用于生成待显示界面的多个视图中确定出待叠加视图。
103.步骤s130,根据各待叠加视图的显示位置信息,从所述目标界面背景图像中获得各待叠加视图对应的第一局部图像。
104.步骤s140,针对各待叠加视图,将该待叠加视图与所对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图。
105.步骤s150,根据叠加处理后的视图,生成并显示所述待显示界面。
106.在本实施例中,所述选择指令可以是用户输入的,也可以是电子设备100自动生成的,在此对选择指令的生成方式不做具体限定。在接收到选择指令后,则将该选择指令对应的图像作为目标界面背景图像。
107.在确定待叠加视图后,针对每个待叠加视图,根据该待叠加视图的显示位置信息,从确定的所述目标界面背景图像中获得与该待叠加视图对应的第一局部图像。由此,可获得每个待叠加视图各自对应的第一局部图像。其中,视图的显示位置信息,表示该视图在一界面中被显示时的位置。第一局部图像可能是目标界面背景图像的一部分,也可能是完整
的目标界面背景图像,由所对应的待叠加视图的显示位置信息确定。
108.其中,本实施例不对步骤110、步骤120之间的顺序进行限定,步骤110可以位于步骤120之前,也可以位于步骤s120之后,步骤110与步骤120也可以同时执行。
109.然后,针对一个待叠加视图及该待叠加视图所对应的第一局部图像,将该待叠加视图与第一预设透明度下的该第一局部图像进行叠加处理,得到对该待叠加视图进行叠加处理后的视图。其中,透明度的取值区间为0~1,0%表示完全透明度,100%表示完全不透明。针对每个待叠加视图,重复执行上述处理,可得到与所确定的所有待叠加视图对应的叠加处理后的视图。最后,可基于叠加处理后的视图生成所述待显示界面,并对所述待显示界面进行显示。也可以基于叠加处理后的视图以及所述多个视图中未经叠加处理的视图生成所述待显示界面,并对所述待显示界面进行显示。其中,待显示界面可以是,但不限于,桌面或应用界面等。
110.其中,可选地,可以每确定一个待叠加视图,就获得该叠加视图对应的第一局部图像,然后通过叠加处理获得该待叠加视图对应的叠加处理后的视图。也可以在确定所有的待叠加视图后,再获得所有的待叠加视图对应的第一局部图像,然后通过叠加处理获得所有待叠加视图对应的叠加处理后的视图。当然可以理解的是,上述仅为举例说明,可以根据实际需求选择适用的具体的执行方式以获得叠加处理后的视图。
111.由此,既可以使得待显示界面呈现出目标界面背景图像的内容,又不会使得各视图的显示效果不佳,从而保证待显示界面的显示效果,避免因将除最底层视图之外的其他视图均设置为无背景或者透明背景而导致的界面显示效果不佳的情况。
112.在本实施例中,作为一种可选的实施方式,可以根据接收到的用户设置命令,从用于生成待显示界面的多个视图中确定出待叠加视图。比如,用于生成待显示界面的多个视图包括视图1、2、3,接收到的用户设置命令用于指定视图1、2为待叠加视图;在接收该用户设置命令后,则将视图1、2确定为待叠加视图。由此,使得用户可以根据自己的喜好,通过指定待叠加视图的方式,确定待显示界面能呈现出多少目标界面背景图像的内容,满足个性化需求。
113.在本实施例中,作为另一种可选的实施方式,可以根据预设规则,从用于生成待显示界面的多个视图中确定出待叠加视图。比如,将相对靠近最底层视图的视图作为待叠加视图。由此,无需用户过多操作,即可自动确定待叠加视图。
114.可选地,请参照图3,图3为图2中步骤s120包括的子步骤的流程示意图。步骤s120可以包括子步骤s121及子步骤s122。可通过子步骤s121及子步骤s122确定所述多个视图中的待叠加视图。
115.子步骤s121,根据所述多个视图中各视图的层级信息及显示位置信息,从所述多个视图中确定出显示区域包括了其他视图的显示区域的视图作为疑似待叠加视图。
116.在本实施例中,可根据用于生成待显示界面的所述多个视图中视图之间的父子关系,获得各视图的层级信息。其中,所述层级信息可以包括层级值,所述层级值表示视图在一界面中的具体层级,也即在视图树中的具体层级,视图树为该视图所在的界面中的视图所对应的视图树。
117.请参照图4,图4为本技术实施例提供的一个界面对应的视图树及节点树的示意图。一个窗口window内有若干视图view,这些视图以树型结构组织起来管理。如图4所示,最
顶端的视图为根视图rootview,也即,一个界面的最底层视图为根视图rootview。一个视图可以是0个视图的父视图,也可以是1个或多个视图的父视图。按照视图之间的父子关系,则可生成图4上半部分所示的视图树。
118.以图4中的view-2-1为例,view-2-1的父视图为view-2,view-2的父视图为rootview;因此,view-2的层级信息中的层级值可以为3,表示view-2在视图树中的第3层。
119.可选地,所述层级信息还可以包括视图的父视图的标识、该父视图的父视图的标识、

、根视图的标识。由此,可以根据一个视图层级信息,直接确定该视图的祖先视图。
120.所述多个视图中各视图的显示位置信息,为预先设置的信息,该显示位置信息用于指示视图被显示时的位置,即该视图在哪个区域被显示。在得到所述多个视图中的各视图的层级信息及显示位置信息后,可根据所述层级信息及显示位置信息,找出显示区域包括了其他视图的显示区域的视图作为疑似待叠加视图。显示区域包括了其他视图的显示区域的视图,在视觉上,该类视图在界面中被视为背景,因此可将该类视图作为疑似待叠加视图,以便后续将第一局部图像叠加在该类视图上,从而使得所述待显示界面能够呈现出更连贯的目标界面背景图像信息。同时,又不会影响原本待显示界面的信息主体。比如,信息主体为视图1中的内容,但视图1的显示区域并不包括其他视图的显示区域,因此视图1并不会叠加第一局部图像,进而使得视图1不会由于叠加了第一局部图像而导致视图1的显示效果不佳。
121.其中,若一个视图的显示区域包括了其他视图的显示区域,可以是由于该视图承载了所述其他视图。承载可以是由于该视图与所述其他视图之间存在父子关系,比如,由于根视图rootview是视图view-2的父视图,因而根视图rootview的显示区域包括了view-2的显示区域。也可以是与该视图同层次的其他视图的显示区域位于该视图的显示区域内,比如,若图4中同层次的视图view-3-2的显示区域包括了视图view-3-3的显示区域。当然可以理解的是,也可以是其他原因导致一个视图的显示区域包括了其他视图的显示区域。
122.可选地,在确定疑似待叠加视图时,还可以将包括视图背景的视图作为疑似待叠加视图;和/或,将不包括视图背景但包括字符的视图不作为疑似待叠加视图。
123.对于设置了视图背景的视图,该视图的视图背景一般也被视为界面的背景。其中,一个视图在包括视图背景时,还包括非背景内容,非背景内容一般情况下是需要被用户关注的内容,视图背景则是作为背景。比如,一个聊天气泡图中包括文字以及纯色背景图,则纯色背景图即为聊天气泡视图的视图背景,文字则为非背景内容。
124.为了使待显示界面可以呈现出更多的目标界面背景图像的内容,可以依次判断用于生成所述待显示界面的所述多个视图中的各视图是否包括视图背景,并将包括视图背景的视图作为疑似待叠加视图。
125.在一个视图不包括视图背景但包括字符时,若将该视图作为了疑似待叠加视图,进而导致该视图后续叠加了第一局部图像时,有可能影响字符的可见性。因此,在确定疑似待叠加视图时,可以将不包括视图背景但包括字符的视图不作为疑似待叠加视图,以避免视图中的字符的可见性由于该视图叠加了第一局部图像而受到影响。
126.作为一种实施方式,当然也可以将不包括视图背景但包括字符的视图作为疑似待叠加视图,以便后续可将该疑似待叠加视图与第一局部图像叠加,使得待显示界面能够显示出更多的目标界面背景图像的内容。
127.子步骤s122,从确定的所述疑似待叠加视图中确定待叠加视图。
128.可选地,在确定疑似待叠加视图后,可以直接将所确定出的疑似待叠加视图作为待叠加视图,也可以根据一定的选择规则从所确定的疑似待叠加视图中选出待叠加视图。其中,若根据选择规则从所确定的疑似待叠加视图选出待叠加视图,该选择规则可以根据实际需求设置。
129.请参照图5,图5为图3中子步骤s122包括的子步骤的流程示意图。步骤s122可以包括子步骤s1221~子步骤s1223。
130.子步骤s1221,针对各疑似待叠加视图,判断该疑似待叠加视图是否为色彩丰富的图像。
131.可选地,在本实施例中,可通过如下方式判断一个疑似待叠加视图是否为色彩丰富的图像。请参照图6,图6为图5中子步骤s1221包括的子步骤的流程示意图之一。子步骤s1221可以包括子步骤s12211、子步骤s12213~子步骤s12216。
132.子步骤s12211,从该疑似待叠加视图中确定出目标图像。
133.可选地,可以直接将待叠加视图作为目标图像,也可以根据待叠加视图是否包括视图背景来确定目标图像。比如,若该疑似待叠加视图包括视图背景,则将视图背景作为所述目标图像。若该疑似待叠视图不包括视图背景,则将该疑似待叠视图作为所述目标图像。
134.子步骤s12213,计算所述目标图像所具有的色调分布区间以及饱和度分布区间。
135.可选地,在确定出目标图像后,可以将该目标图像各像素点在rgb颜色空间的颜色值由rgb颜色空间转换至hsv颜色空间。其中,rgb颜色空间的颜色参数分别为:红(red)、绿(green)、蓝(blue),hsv颜色空间的颜色参数分别为:色调(hue),饱和度(saturation),明度(value)。由此,可获得目标图像的各像素点的色调和饱和度,然后可将各像素点的色调中的最大值与最小值之差作为该目标图像的色调分布区间,并将各像素点的饱和度中的最大值与最小值之差作为该目标图像的饱和度分布区间。
136.可选地,在确定出目标图像后,还可以按照一定顺序从所述目标图像点所包括的像素点中确定出采样点,比如,将每4个像素点中的第一个像素点作为采样点。然后将各采样点的在rgb颜色空间的颜色值转换至hsv颜色空间,从而得到各采样点的色调和饱和度。接着,可将各采样点的色调中的最大值与最小值之差作为该目标图像的色调分布区间,并将各采样点的饱和度中的最大值与最小值之差作为该目标图像的饱和度分布区间。由此,可加快得到目标图像的色调分布区间及饱和度分布区间的速度。
137.可选地,在确定出目标图像后,还可以按照一定顺序从所述目标图像点所包括的像素点中确定出采样点。然后将每个采样点的透明度与第二预设透明度进行比较,并将透明度大于所述第二预设透明度的采样点作为有效采样点。由此可以避免透明度低的像素点的颜色值对色调分布区间及饱和度分布区间产生影响,使得计算结果不准确。其中,所述第二预设透明度可以根据实际需求设置,比如,设置为30%。
138.在确定有效采样点后,可获得各有效采样点在rgb颜色空间的颜色值,并将该颜色值由rgb颜色空间转换值hsv颜色空间。由此,可获得目标图像的各有效采样点的色调和饱和度,然后将各有效采样点的色调中的最大值与最小值之差作为该目标图像的色调分布区间,并将各像素点的饱和度中的最大值与最小值之差作为该目标图像的饱和度分布区间。
139.子步骤s12214,判断所述色调分布区间是否大于预设色调分布区间。
140.子步骤s12215,判断所述饱和度分布区间是否大于预设饱和度分布区间。
141.若所述色调分布区间小于或等于所述预设色调分布区间且所述饱和度分布区间小于或等于预设饱和度分布区间,则执行子步骤s12216。
142.子步骤s12216:判定该疑似待叠加视图不是色彩丰富的图像。
143.目标图像的所述色调分布区间小于或等于所述预设色调分布区间且所述饱和度分布区间小于等于预设饱和度分布区间,即deltah≤t1且deltas≤t2,表示该目标图像的图像信息色彩区间单调且集中,该目标图像不是色彩丰富的图像。因此,可以确定该疑似待叠加视图不是色彩丰富的图像。其中,deltah表示目标图像的色调分布区间,t1表示预设色调分布区间,deltas表示目标图像的饱和度分布区间,t2表示预设饱和度分区间。
144.一个图像的色调取值区间为0~100,可以根据实际需求设置所述预设色调分布区间,比如,将预设色调分布区间设置为20。一个图像的饱和度取值区间为0~1,可以根据实际需求设置所述预设饱和度分布区间,比如,将所述预设饱和度分布区间设置为0.2。
145.若所述色调分布区间大于所述预设色调分布区间,或所述饱和度分布区间大于所述预设饱和度分布区间,则执行子步骤s12217。
146.子步骤s12217:判定该疑似待叠加视图是色彩丰富的图像。
147.目标图像的所述色调分布区间大于所述预设色调分布区间,或者目标图像的所述饱和度分布区间大于所述预设饱和度分区间,即deltah>t1或deltas>t2,表示该目标图像的图像信息色彩分布丰富,该目标图像是色彩丰富的图像。因此,可以确定该疑似待叠加视图是色彩丰富的图像。
148.可选地,请参照图7,图7为图5中子步骤s1221包括的子步骤的流程示意图之二。在子步骤s12213之前,子步骤s1221还可以包括子步骤s12212。
149.子步骤s12212:判断所述目标图像是否为纯色图像。
150.可选地,可以根据该目标图像所对应的绘制内容来确定该目标图像是否为纯色图像。若该目标图像所对应的绘制内容为纯色color,则表示该目标图像为纯色图像。目标图像为纯色图像,则表示该目标图像不是色彩鲜艳的图像,在此情况下,则可直接执行子步骤s12216:判定该疑似待叠加视图不是色彩丰富的图像。
151.若该目标图像所对应的绘制内容为bitmap,则表示该目标图像不是纯色图像。在此情况下,则可执行子步骤s12213:计算所述目标图像所具有的色调分布区间以及饱和度分布区间,以便根据所述目标图像所具有的色调分布区间以及饱和度分布区间判断该疑似待叠加视图是否为色彩丰富的图像。
152.由此,在疑似待叠加图像所对应的目标图像为纯色图像时,通过先判断目标图像是否为纯色图像,可加快判断该疑似待叠加图像是否为色彩丰富的图像的速度。
153.若该疑似待叠加视图不是色彩丰富的图像,则执行子步骤s1222:将该疑似待叠加视图作为待叠加视图。
154.若一个疑似待叠加视图不是色彩丰富的图像,那么即使修改了该疑似待叠加视图的图像信息,也不会明显影响用户获取关键视觉信息,因此,可以将色彩不丰富的疑似待叠加视图作为待叠加视图。
155.若该疑似待叠加视图是色彩丰富的图像,则执行子步骤s1223:不将该疑似待叠加视图作为待叠加视图。
156.若一个疑似待叠加视图是色彩丰富的图像,那么该疑似待叠加视图中蕴含了用户所需信息(比如,彩色照片),不适合叠加第一局部图像,需要维持原有的图像信息,因此,不将色彩丰富的疑似待叠加视图作为待叠加视图。
157.在确定待叠加视图后,可以将各待叠加视图与各自所对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图。其中,一个待叠加视图所对应的第一局部图像的第一预设透明度,可以由该待叠加视图是否为最底层视图确定。可选地,当待叠加视图为最底层视图时,可以将该待叠加视图所对应的第一局部图像的第一预设透明度设置得较大,以使得在叠加处理后,所得到的叠加处理后的视图能够尽可能清晰第呈现出所叠加的第一局部图像的内容。比如,当待叠加视图为最底层视图时,可以将该待叠加视图所对应的第一局部图像的第一预设透明度设置为1,也即,最底层视图所叠加的第一局部图像是完全不透明的。
158.作为一种可选的实施方式,其他不是最底层视图的待叠加视图所对应的第一局部图像的第一预设透明度,可以是相同的,也可以是不同的,可根据实际需求进行设置。其中,其他不是最底层视图的待叠加视图所对应的第一局部图像的第一预设透明度可以位于0与1之间,以便所得到的叠加处理后的视图既可以呈现出待叠加视图的内容,也可以呈现出所叠加的第一局部图像的内容。
159.可选地,请参照图8,图8为本技术实施例提供的界面显示方法的流程示意图之二。在本实施例中,在步骤s140之前,所述方法还可以包括步骤s171及步骤s172。
160.步骤s171,根据所述多个视图中的视图之间的父子关系,获得各待叠加视图的层级信息。
161.步骤s171,根据各待叠加视图的层级信息,设置各待叠加视图所对应的第一局部图像的第一预设透明度。
162.在本实施例中,可根据所述多个视图中的视图之间的父子关系,得到各视图的层级信息。其中,所述层级信息中可以包括层级值。最底层视图的层级值最小。在确定待叠加视图后,可从各视图的层级信息中获得各待叠加视图的层级信息。然后,针对每个待叠加视图,根据该待叠加视图的层级信息,设置该叠加视图所对应的第一局部图像的第一预设透明度。重复该处理,可得到各第一局部图像的第一预设透明度。
163.其中,不同层级对应不同的第一预设透明度,也就是说,不同层级的待叠加视图所叠加的第一局部图像的第一预设透明度不同。由此,可以使得最后的得到待显示界面层次分明,便于用户阅读。
164.可选地,针对每个待叠加视图,该待叠加视图对应的第一局部图像的第一预设透明度,可以与该待叠加视图的层级值成正比。
165.可选地,针对每个待叠加视图,该待叠加视图对应的第一局部图像的第一预设透明度,可以与该待叠加视图的层级值成反比。也就是说,层级越高的待叠加视图,叠加的第一局部图像的第一预设透明度越小。第一预设透明度越小,那么第一预设透明度下的第一局部图像就越透明。由此,可以进一步保证待显示界面的显示效果。
166.在叠加处理时,为避免由于叠加第一局部图像导致待叠加视图中的重要信息的显示受到影响,可以根据待叠加视图是否包括视图背景,采用不同的叠加方式。
167.可选地,若一个待叠加视图包括视图背景,则可以将第一预设透明度下的第一局
部图像叠加在所述视图背景上,从而得到叠加处理后的视图。若一个待叠加视图不包括视图背景,则可以将第一预设透明度下的第一局部图像叠加在所述待叠加视图上,以得到叠加处理后的视图。
168.可选地,请参照图9,图9为本技术实施例提供的界面显示方法的流程示意图之三。在本实施例中,在步骤s160之前,所述方法还可以包括步骤s151及步骤s152。
169.步骤s151,根据所述待显示界面中包括字符的各视图的显示位置信息,从所述目标界面背景图像中获得包括字符的各视图对应的第二局部图像。
170.在本实施例中,还可以从所述待显示界面所包括的视图中,确定包括字符的视图。其中,所述字符可以包括文字、数字、字母、标点符号等。然后,根据每个包括字符的视图的显示位置信息,从所述目标界面背景图像中,获得各包括字符的视图所对应的第二局部图像。其中,所述第二局部图像可能是目标界面背景图像的一部分,也可能是完整的目标界面背景图像,由所对应的包括字符的视图的显示位置信息确定。
171.步骤s152,针对各包括字符的视图,根据该视图对应的第二局部图像的亮度对该视图中的字符的亮度进行调整,得到对比度调整后的视图。
172.针对一个包括字符的视图,可计算该包括字符的视图所对应的第二局部图像的亮度,然后根据第二局部图像的亮度,对该包括字符的视图中的字符的亮度进行调整,从而得到对比度调整后的视图。其中,所述调整用于增大该包括字符的视图中的字符与第二局部图像的对比度,以动态保证字符与字符的当前区域背景的对比度,使得关键信息时刻清晰可见,即保证字符的可见性。针对各个包括字符的视图,进行上述处理,即可得到各包括字符的视图所对应的对比度调整后的视图。
173.可选地,在得到第二局部图像后,可以将该第二局部图像转换至lab颜色空间,然后直接根据第二局部图像的各像素点的亮度、或各采样点的亮度、或有效采样点的亮度,计算得到该第二局部图像的亮度。其中,lab颜色空间包括三个要素:亮度(l),a和b,a和b是两个颜色通道,颜色混合后产生具有明亮效果的色彩。关于采样点、有效采样点的描述可以参照上文中关于色调分布区间计算时使用的采样点、有效采样点的描述。
174.可选地,可以将第二局部图像的像素点的亮度、或采样点的亮度、或效采样点的亮度的平均值,作为第二局部图像的亮度。当然可以理解的是,上述方式仅为举例说明,也可以采用其他方式得到第二局部图像的亮度。
175.在得到一个包括字符的视图所对应的第二局部图像的亮度后,可以将所述亮度与一预设亮度进行比较。所述预设亮度可以根据实际需求设置。若所述亮度小于所述预设亮度,可判定该第二局部图像为暗色调,需要将该包括字符的视图中的字符提亮。若所述亮度不小于所述预设亮度,可判定该第二局部图像为亮色调,需要将该包括字符的视图中的字符调暗。
176.可选地,作为一种可选的实施方式,若需要提亮字符,可将字符的颜色由rgb颜色空间转换至lab颜色空间,以得到字符当前的l分量,然后将字符的亮度调整为max{l,100-l},然后将max{l,100-l}再转换至rgb颜色空间,从而完成对字符提亮的处理。对应地,若需要调暗字符,可将字符的颜色由rgb颜色空间转换至lab颜色空间,以得到字符当前的l分量,然后将字符的亮度调整为min{l,100-l},然后将min{l,100-l}再转换至rgb颜色空间,从而完成对字符调暗的处理。
177.可选地,作为另一种可选的实施方式,也可以通过将字符当前的l分量减去预设值或加上预设值的方式,实现对字符提亮或调暗的处理。
178.在得到一个包括字符的视图所对应的第二局部图像的亮度后,还可以根据第二局部图像的亮度,并结合用户偏好颜色和/或相关色彩理论,对该包括字符的视图中的字符亮度进行调整。比如,若用户偏好颜色a,颜色a与第二局部图像的亮度之间的对比度满足对比度要求,则可以直接将字符的颜色调整为颜色a。由此,既可以保证字符的可读性,又可以使调整后的字符颜色符合用户偏好,和/或又可以使调整后的字符颜色满足相关色彩理论。
179.其中,包括字符的视图可以是待叠加视图,也可以不是待叠加视图。
180.当然可以理解的是,也可以采用方式对字符的亮度进行调整,从而保证字符的可读性。
181.在获得叠加处理后的视图以及对比度调整后的视图后,可通过图9所示的子步骤s161实现步骤s160。
182.子步骤s161,按照所述待显示界面中各视图的显示位置信息以及层级信息,将叠加处理后的视图、对比度调整后的视图以及未处理的视图合成所述待显示界面进行显示。
183.在经过叠加处理及对比度调整后,可根据所述待显示界面中各视图的显示位置信息以及层级信息,获得各叠加处理后的视图、对比度调整后的视图以及未处理的视图的显示位置信息以及层级信息。后续可基于显示位置信息以及层级信息,将叠加处理后的视图、对比度调整后的视图以及未处理的视图合成为所述待显示界面,并对所述待显示界面进行显示。
184.由此,只需要指定一张图像作为目标界面背景图像,即可实现界面风格的自适应切换,无需ui(user interface,用户界面)设计师进行繁琐的适配过程,可以省略杂乱的资源整理过程,实时可见效果,维护简单。同时,色彩丰富的图像信息不受影响;还能够动态保证字符与当前区域背景的对比度,让字符时刻清晰可见;还通过让视图叠加不同透明度的第一局部图像,使得待显示界面层级分明,便于用户阅读。
185.通过本技术提供的方式,ui设计师可快速设计出不同界面风格的界面,由此,可大大缩短界面主题包的开发周期。
186.一般情况下,在绘制视图时,是根据视图所对应的节点进行绘制的。下面结合图4从节点角度对本技术实施例提供的界面显示方法进行说明。
187.每一个视图都会对应一个内容绘制节点(contentrendernode,记为c-node)。如果该视图已被设置了视图背景,则该视图还对应一个背景绘制节点(backgroundrendernode,记为bg-node)。若一个视图被设置了视图背景,则该视图对应一个内容绘制节点以及一个背景绘制节点,且该背景绘制节点是内容绘制节点的子节点。
188.每个节点内包括一个绘制命令缓冲区displaylist。每个刷新绘制周期内,界面各视图通过系统接口绘制图形,把绘制命令和绘制参数存储在对应节点的displaylist,等待执行渲染。其中,绘制参数包括形状、坐标、画笔颜色等参数。
189.在确定目标界面背景图像themebg后,可将该themebg保存至共享渲染缓存中。后续在绘制渲染节点可以快速切片,按照提取局部图像。
190.可先生成用于生成界面的视图所对应的节点树;然后根据各节点的绘制命令参数以及所述节点树,确定出bg(background,背景)节点以及fg(foreground,前景)节点;接着,
对bg节点的绘制命令参数进行修改,以将与各背景节点对应的第一局部图像叠加在各背景节点所对应的图像上,并对fg节点的绘制命令参数进行修改,以保证fg节点所对应的图像中的字符的可见性。
191.可选地,可根据用于生成待显示界面的视图之间的父子关系、以及视图是否对应背景绘制节点,生成用于生成界面的视图所对应的节点树。其中,节点树的形式可如图4所示。
192.若节点树中包括视图的视图背景所对应的背景绘制节点,则可首先将该类节点首先标记为bg节点,其他节点则默认为unknown节点。
193.接下来,以节点树中的根节点rootrendernode为起点开始,遍历所述节点树中的各个节点。
194.在遍历至任一节点时,根据当前节点的绘制命令参数中的绘制内容信息,判断当前节点内是否存在字符,即判断当前节点绘制出的图像中是否存在字符,若存在,由于需要高对比度显示字符,以保证字符的可读性,因此将当前节点标记为fg节点。
195.在当前节点被标记为fg节点时,根据所述节点树,判断当前节点是否具有子节点。其中,当一个节点具有子节点时,该节点与子节点之间具有父子关系。当根据节点树判断一个节点是否具有子节点时,可根据在节点树中该节点是否往下直接连接节点进行判断。比如,图4中的节点c-node-2往下直接连接节点c-node-2-1,则可以判定节点c-node-2具有一个子节点。
196.若被标记为fg节点的当前节点具有子节点,则可以根据当前节点的子节点的绘制命令参数中的显示位置信息,以通过分析显示位置叠加情况,判断是否分别将各子节点标记为bg节点。
197.在判断时,先初始化被标记为fg节点的当前节点所对应的当前已遍历区域。其中,初始化后的已遍历区域大小为0。接着,根据当前节点的子节点的预设绘制顺序,逆序遍历各子节点,判断当前子节点的显示位置信息所对应的显示区域是否包围所述已遍历区域。若当前子节点对应的显示区域包围了所述已遍历区域,则将当前子节点标记为bg节点。若当前子节点对应的显示区域未包围所述已遍历区域,则不将当前子节点标记为bg节点。在完成一个子节点的判断后,将当前子节点所对应的显示区域更新至已遍历区域中。然后,将下一子节点作为新的当前子节点,并判断是否将该当前子节点标记为bg节点,直到当前节点的所有子节点判断完毕。
198.其中,未被标记为bg节点或fg节点的节点依然保持为unknown节点。当前节点的子节点的预设绘制顺序,可以由子节点绘制出的图像与人眼之间的距离确定,若子节点绘制出的图像距离人员越近,则该子节点的绘制顺序就越靠后;也即,遍历时最开始是从最靠近人眼的子节点开始遍历。一个图像是否靠近人眼,由该图像呈现出的显示效果确定。比如,一个图像a的显示区域包括了另一个图像b的显示区域,那么在视觉上,图像b与人眼之间的距离小于图像a与人眼之间的距离。
199.若当前节点内不存在字符、且当前节点未被标记为bg节点或fg节点,则根据当前节点的子节点的标记情况,确定是否将当前节点标记为bg节点。
200.可选地,在当前节点内不存在字符、且当前节点未被标记为bg节点或fg节点时,若当前节点的子节点数量为1、且该子节点未被标记为bg节点,则将当前节点标记为bg节点。
比如,若图4的节点树中节点c-node-2为当前节点,节点c-node-2只具有子节点c-node-2-1,且该子节点c-node-2-1未被标记为bg节点,则将节点c-node-2标记为bg节点。
201.可选地,在当前节点内不存在字符、且当前节点未被标记为bg节点或fg节点时,若当前节点的子节点为多个,则将当前节点标记为bg节点。比如,若图4的节点树中节点c-node-3为当前节点,节点c-node-3的子节点为bg-node-3、bg-node-3-1、bg-node-3-2、bg-node-3-3,则将节点c-node-3标记为bg节点。
202.在基于以上方式完成对节点树中的每个节点的判断后,则可以完成bg节点、fg节点的标记。未被单独说明标记为bg节点、fg节点的节点,保持为unknown节点。
203.接下来,针对每个bg节点,根据bg节点的绘制内容信息,判断该bg节点的绘制内容信息是否为纯色color,若是,表示该bg节点绘制的图像不是色彩丰富的图像,可直接针对该bg节点设置命令apply-cover,将进行进一步处理。若该bg节点的绘制内容信息为bitmap,即为彩色图像,则根据该彩色图像具有的色调分布区间以及饱和度分区件,确定该彩色图像是否为色彩丰富的图像。若是色彩丰富的图像,则对该bg节点不做进一步处理,设置apply-none命令。若不是色彩丰富的图像,则针对该bg节点设置命令apply-cover,将进行进一步处理。
204.针对每个fg节点,根据该fg节点的显示位置信息,从themebg中截取对应的第一局部图像,然后获得该第一局部图像的亮度情况,并根据亮度情况对fg节点设置命令。若该第一局部图像为暗色调,则需要将fg节点的信息提亮(即将fg节点的节点提亮),针对该fg节点设置命令apply-light。若该第一局部图像为亮色调,则需要将该fg节点的信息调暗,针对该fg节点设置命令apply-dark。
205.至此,渲染前的绘制命令处理已完成,接下来执行渲染。
206.执行实际渲染时:
207.针对每一个具有apply-none命令的节点,不做任何处理。
208.针对每一个具有apply-cover命令的节点,根据该节点的显示位置信息及尺寸信息,从共享渲染缓存中快速截取该节点对应的第一局部图像,然后将第一预设透明度下的该第一局部图像叠加在该节点本来绘制的图像上,也即,将第一预设透明度下的该第一局部图像的信息与该节点来的信息进行叠加。其中,节点所对应的视图的层次值越高,该节点叠加的第一局部图像的第一预设透明度越小,由此可使得界面层次分明。
209.针对每一个apply-light的节点,将该节点的绘制命令参数中的文本画笔颜色转换到lab颜色空间,以获得文字画笔颜色的l分量。然后将文字画笔颜色的l分量调整为max{l,100-l},再将调整后的l分量重新设置到文本画笔颜色中。
210.针对每一个apply-dark的节点,将该节点的绘制命令参数中的文本画笔颜色转换到lab颜色空间,以获得文字画笔颜色的l分量。然后将文字画笔颜色的l分量调整为min{l,100-l},再将调整后的l分量重新设置到文本画笔颜色中。
211.最后,基于处理后的各节点的绘制命令参数以及未处理后的各节点的绘制命令参数,绘制出各视图。其中,绘制出的视图中可以包括叠加处理后的视图以及对比度调整后的视图。根据各视图的显示位置信息,对绘制出的进行合成,得到待显示界面,并对该待显示界面进行显示。
212.为了执行上述实施例及各个可能的方式中的相应步骤,下面给出一种界面显示装
置200的实现方式,可选地,该界面显示装置200可以采用上述图1所示的电子设备100的器件结构。进一步地,请参照图10,图10为本技术实施例提供的界面显示装置的方框示意图。需要说明的是,本实施例所提供的界面显示装置200,其基本原理及产生的技术效果和上述实施例相同,为简要描述,本实施例部分未提及之处,可参考上述的实施例中相应内容。所述界面显示装置200可应用于电子设备100。所述界面显示装置200可以包括:第一确定模块210、第二确定模块220、局部图像获取模块230及处理模块240。
213.所述第一确定模块210,用于根据接收到的选择指令确定目标界面背景图像。所述第二确定模块220,用于从用于生成待显示界面的多个视图中确定出待叠加视图。所述局部图像获取模块230,用于根据各待叠加视图的显示位置信息,从所述目标界面背景图像中获得各待叠加视图对应的第一局部图像。所述处理模块240,用于针对各待叠加视图,将该待叠加视图与所对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图。所述处理模块240,还用于根据叠加处理后的视图,生成并显示所述待显示界面。
214.在可选的实施方式中,所述处理模块240具体用于:在该待叠加视图包括视图背景时,将第一预设透明度下的第一局部图像叠加在所述视图背景上,以得到叠加处理后的视图;在该待叠加视图不包括视图背景时,将第一预设透明度下的第一局部图像叠加在该待叠加视图上,以得到叠加处理后的视图。
215.在可选的实施方式中,所述处理模块240还用于:根据所述多个视图中的视图之间的父子关系,获得各叠加视图的层级信息;根据各待叠加视图的层级信息,设置各待叠加视图所对应的第一局部图像的第一预设透明度,其中,不同层级对应不同的第一预设透明度。
216.在可选的实施方式中,各待叠加视图对应的第一局部图像的第一预设透明度与该待叠加视图的层级的层级值成反比,其中,最底层视图的层级值最小。
217.在可选的实施方式中,所述第二确定模块220具体用于:根据所述多个视图中各视图的层级信息及显示位置信息,从所述多个视图中确定出显示区域包括了其他视图的显示区域的视图作为疑似待叠加视图,其中,各视图的层级信息由所述多个视图中的视图之间的父子关系确定;从确定的所述疑似待叠加视图中确定待叠加视图。
218.在可选的实施方式中,所述第二确定模块220还具体用于:将包括视图背景的视图作为疑似待叠加视图;和/或,将不包括视图背景但包括字符的视图不作为疑似待叠加视图。
219.在可选的实施方式中,所述第二确定模块220具体用于:针对各疑似待叠加视图,判断该疑似待叠加视图是否为色彩丰富的图像;若不是,则将该疑似待叠加视图作为待叠加视图。
220.在可选的实施方式中,所述第二确定模块220具体用于:从该疑似待叠加视图中确定出目标图像,并计算所述目标图像所具有的色调分布区间以及饱和度分布区间,其中,若该疑似待叠加视图包括视图背景,所述目标图像则为所述视图背景;若该疑似待叠加视图不包括视图背景,所述目标图像则为该疑似待叠加视图;判断所述色调分布区间是否大于预设色调分布区间,以及所述饱和度分布区间是否大于预设饱和度分布区间;若所述色调分布区间大于所述预设色调分布区间,或所述饱和度分布区间大于所述预设饱和度分布区间,则判定该疑似待叠加视图是色彩丰富的图像;若所述色调分布区间小于或等于所述预设色调分布区间且所述饱和度分布区间小于或等于预设饱和度分布区间,则判定该疑似待
叠加视图不是色彩丰富的图像。
221.在可选的实施方式中,所述第二确定模块220具体用于:获得该目标图像中各有效采样点的颜色值,其中,有效采样点的透明度大于第二预设透明度;根据各有效采样点的颜色值所对应的色调和饱和度,计算得到所述色调分布区间以及饱和度分布区间。
222.在可选的实施方式中,所述第二确定模块220具体用于:判断所述目标图像是否为纯色图像;若是,则执行判定该疑似待叠加视图不是色彩丰富的图像的步骤;若不是,则执行计算所述目标图像所具有的色调分布区间以及饱和度分布区间的步骤。
223.在可选的实施方式中,所述局部图像获取模块230,还用于根据所述多个视图中包括字符的各视图的显示位置信息,从所述目标界面背景图像中获得包括字符的各视图对应的第二局部图像;所述处理模块240,还用于针对各包括字符的视图,根据该视图对应的第二局部图像的亮度对该视图中的字符的亮度进行调整,得到对比度调整后的视图,其中,所述调整用于增大字符与第二局部图像的对比度;所述处理模块240,还用于按照所述多个视图中各视图的显示位置信息以及层级信息,将叠加处理后的视图、对比度调整后的视图以及未处理的视图合成所述待显示界面进行显示,其中,各视图的层级信息由所述多个视图中的视图之间的父子关系确定。
224.可选地,上述模块可以软件或固件(firmware)的形式存储于图1所示的存储器110中或固化于该电子设备100的操作系统(operating system,os)中,并可由图1中的处理器120执行。同时,执行上述模块所需的数据、程序的代码等可以存储在存储器110中。
225.本实施例还提供一种可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现所述的界面显示方法。
226.综上所述,本技术实施例提供一种界面显示方法、装置、电子设备及可读存储介质,在从待显示界面包括的视图中确定出待叠加视图后,根据各待叠加视图的显示位置信息从确定的目标界面背景图中获得与各待叠加视图对应的第一局部图像;然后,将各叠加视图与各叠加视图对应的第一预设透明度下的第一局部图像进行叠加处理,得到叠加处理后的视图;最后,基于叠加处理后的视图生成并显示待显示界面。由此,既可以使得待显示界面呈现出目标界面背景图像的内容,又不会使得各视图的显示效果不佳,从而保证待显示界面的显示效果,避免因将除最底层视图之外的其他视图均设置为无背景或者透明背景而导致的界面显示效果不佳的情况。
227.在本技术所提供的几个实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本技术的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
228.另外,在本技术各个实施例中的各功能模块可以集成在一起形成一个独立的部
分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
229.所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本技术的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本技术各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:u盘、移动硬盘、只读存储器(rom,read-only memory)、随机存取存储器(ram,random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
230.以上所述仅为本技术的优选实施例而已,并不用于限制本技术,对于本领域的技术人员来说,本技术可以有各种更改和变化。凡在本技术的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本技术的保护范围之内。
再多了解一些

本文用于企业家、创业者技术爱好者查询,结果仅供参考。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

相关文献