CN112651882A - 界面展示方法及装置、电子设备和计算机可读存储介质 - Google Patents

Abstract

本发明提出了一种界面展示方法及装置、电子设备和计算机可读存储介质，该方法包括：响应于用户针对第一弹窗的触发操作，获取第一弹窗对应的显示配置信息和第一类；基于第一弹窗对应的显示配置信息和第一类，显示第一弹窗所需的第一蒙层；在成功触发第一弹窗后，响应于用户针对第二弹窗的触发操作，获取第二弹窗对应的显示配置信息和第二类，其中，第二类与第一类具有共同父类；基于第二弹窗对应的显示配置信息和第二类，显示第二弹窗所需的第二蒙层，其中，在成功触发第二弹窗后，第二弹窗、第二蒙层、第一弹窗和第一蒙层叠加显示。本技术方案可增加弹窗间的层次感，提升了用户体验。

Description

界面展示方法及装置、电子设备和计算机可读存储介质

【技术领域】

本发明涉及终端显示技术领域，尤其涉及一种界面展示方法及装置、电子设备和计算机可读存储介质。

【背景技术】

Android系统在实现弹窗业务时可提供一个蒙层，该蒙层用于反映弹窗的背景，可增加弹窗背景与弹窗的层次感。然而，由于Android系统仅提供一个蒙层，无论出现多少弹窗，该蒙层都只能给予最顶层的弹窗，这就导致除最顶层的弹窗外的其他层的弹窗与背景融合在一起，缺乏层次感，影响用户体验。

【发明内容】

本发明实施例提供了一种界面展示方法及装置、电子设备和计算机可读存储介质，旨在解决相关技术中单一蒙层导致多个弹窗间的层次感不足的技术问题。

第一方面，本发明实施例提供了一种界面展示方法，包括：响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类；基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层；在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，其中，所述第二类与所述第一类具有共同父类；基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，其中，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

在本公开上述实施例中，可选地，对于所述第一蒙层和所述第二蒙层中的任一蒙层，所述蒙层包括第一显示区域和第二显示区域，其中，所述第一显示区域用于显示位于所述蒙层下层的相邻弹窗的展示内容；所述第二显示区域用于显示所述展示内容的背景。

在本公开上述实施例中，可选地，所述基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层，包括：基于所述第一类和所述第一弹窗对应的显示配置信息所指示的指定尺寸，创建第一初始蒙层；基于所述第一弹窗对应的显示配置信息和弹窗共用配置类，对所述第一初始蒙层进行配置，得到并显示所述第一弹窗所需的所述第一蒙层；所述基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，包括：基于所述第二类和所述第二弹窗对应的显示配置信息所指示的指定尺寸，创建第二初始蒙层；基于所述第二弹窗对应的显示配置信息和所述弹窗共用配置类，对所述第二初始蒙层进行配置，得到并显示所述第二弹窗所需的所述第二蒙层。

在本公开上述实施例中，可选地，所述基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层，包括：在多个预设蒙层中选择基于所述第一类创建的、且与所述第一弹窗具有相匹配的显示配置信息的第一预设蒙层，作为所述第一弹窗所需的所述第一蒙层进行显示；所述基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，包括：在多个预设蒙层中选择基于所述第二类创建的、且与所述第二弹窗具有相匹配的显示配置信息的第二预设蒙层，作为所述第二弹窗所需的所述第二蒙层进行显示。

在本公开上述实施例中，可选地，还包括：为所述第一弹窗/所述第二弹窗设置对应的所述显示配置信息，其中，所述显示配置信息包括蒙层标识、亮度、透明度、饱和度、颜色、指定尺寸、与显示界面的相对大小、在所述显示界面中与其他蒙层的相对位置、位于所述预设蒙层上一层的弹窗在所述显示界面上的位置、所述弹窗的开启动画和所述弹窗的关闭动画中的一项或多项。

第二方面，本发明实施例提供了一种界面展示装置，包括：第一获取单元，用于响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类；第一蒙层显示单元，用于基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层；第二获取单元，用于在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，其中，所述第二类与所述第一类具有共同父类；第二蒙层显示单元，用于基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，其中，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

在本公开上述实施例中，可选地，对于所述第一蒙层和所述第二蒙层中的任一蒙层，所述蒙层包括第一显示区域和第二显示区域，其中，所述第一显示区域用于显示位于所述蒙层下层的相邻弹窗的展示内容；所述第二显示区域用于显示所述展示内容的背景。

在本公开上述实施例中，可选地，所述第一蒙层显示单元用于：基于所述第一类和所述第一弹窗对应的显示配置信息所指示的指定尺寸，创建第一初始蒙层，基于所述第一弹窗对应的显示配置信息和弹窗共用配置类，对所述第一初始蒙层进行配置，得到并显示所述第一弹窗所需的所述第一蒙层；所述第二蒙层显示单元用于：基于所述第二类和所述第二弹窗对应的显示配置信息所指示的指定尺寸，创建第二初始蒙层，基于所述第二弹窗对应的显示配置信息和所述弹窗共用配置类，对所述第二初始蒙层进行配置，得到并显示所述第二弹窗所需的所述第二蒙层。

在本公开上述实施例中，可选地，所述第一蒙层显示单元用于：在多个预设蒙层中选择基于所述第一类创建的、且与所述第一弹窗具有相匹配的显示配置信息的第一预设蒙层，作为所述第一弹窗所需的所述第一蒙层进行显示；所述第二蒙层显示单元用于：在多个预设蒙层中选择基于所述第二类创建的、且与所述第二弹窗具有相匹配的显示配置信息的第二预设蒙层，作为所述第二弹窗所需的所述第二蒙层进行显示。

在本公开上述实施例中，可选地，还包括：配置信息设置单元，用于为所述第一弹窗/所述第二弹窗设置对应的所述显示配置信息，其中，所述显示配置信息包括蒙层标识、亮度、透明度、饱和度、颜色、指定尺寸、与显示界面的相对大小、在所述显示界面中与其他蒙层的相对位置、位于所述预设蒙层上一层的弹窗在所述显示界面上的位置、所述弹窗的开启动画和所述弹窗的关闭动画中的一项或多项。

第三方面，本发明实施例提供了一种电子设备，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述第一方面中任一项所述的方法。

第四方面，本发明实施例提供了一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述第一方面中任一项所述的方法流程。

本申请提出了为每个弹窗单独提供一个蒙层的技术方案。具体来说，首先，响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类，其中，第一类示出了建立第一弹窗对应的第一蒙层所用到的实现方法，第一弹窗对应的显示配置信息为建立第一蒙层时该实现方法所需的信息。由此，可为第一弹窗建立对应的第一蒙层，并显示第一蒙层，接着，触发所述第一弹窗。

接着，在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，第二类示出了建立第二弹窗对应的第二蒙层所用到的实现方法，第二弹窗对应的显示配置信息为建立第二蒙层时该实现方法所需的信息。

其中，所述第二类与所述第一类具有共同父类。可选地，为第二弹窗建立对应的第二蒙层时所使用的第二类为建立第二弹窗下层的第一弹窗所对应的第一蒙层时所使用的第一类的子类。由于父类与子类间具有继承关系，父类与子类所使用的实现方法一致，则因第二类与第一类具有共同父类，那么第二类与第一类所使用的实现方法相同。

最终，基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，这样一来，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

由此，为每个弹窗单独提供蒙层时所使用的实现方法均相同，提升了多弹窗建立和显示过程的便利性，且在子类遵循父类的实现方式这一基础上，可为不同弹窗对应的类分别配置个性化的显示配置信息，实现弹窗间、蒙层间的区别显示，有助于加重了弹窗间的层次感，可提升用户视觉体验。

综上，相关技术中所有弹窗共用一个蒙层，当出现多个弹窗时，最上层弹窗以外的其他弹窗均与该蒙层融合为最上层弹窗的背景，导致最上层弹窗以外的其他弹窗缺乏显示层次感。而在本申请中，为每个弹窗均创建单独的蒙层，通过多个蒙层将多个弹窗间隔开来，避免了多个弹窗融合于同一蒙层导致的弹窗显示缺乏层次感的技术问题。进一步地，本申请中以相同的实现方法为各弹窗创建了对应的蒙层，且由于创建蒙层所用的显示配置信息为各弹窗自身所对应的，那么，各弹窗自身所对应的显示配置信息之差异可使各弹窗对应的蒙层也具有差异，从而加重了弹窗间的层次感，增加了显示画面的美观程度，提升了用户体验。

【附图说明】

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1示出了根据本发明的一个实施例的界面展示方法的流程图；

图2示出了相关技术中多个弹窗与唯一蒙层的层次示意图；

图3示出了相关技术中终端显示界面的截屏示意图；

图4示出了根据本发明的一个实施例的多个弹窗与多个蒙层的层次示意图；

图5示出了根据本发明的一个实施例的终端显示界面的截屏示意图；

图6示出了根据本发明的另一个实施例的界面展示方法的流程图；

图7示出了根据本发明的一个实施例的界面展示装置的框图；

图8示出了根据本发明的一个实施例的电子设备的框图。

【具体实施方式】

为了更好的理解本发明的技术方案，下面结合附图对本发明实施例进行详细描述。

应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。

实施例一

图1示出了根据本发明的一个实施例的界面展示方法的流程图。

如图1所示，根据本发明的一个实施例的界面展示方法的流程包括：

步骤102，响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类。

步骤104，基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层。

第一类示出了建立第一弹窗对应的第一蒙层所用到的实现方法，第一弹窗对应的显示配置信息为建立第一蒙层时该实现方法所需的信息。由此，可为第一弹窗建立对应的第一蒙层，并显示第一蒙层，接着，触发所述第一弹窗。

步骤106，在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，其中，所述第二类与所述第一类具有共同父类。

第二类示出了建立第二弹窗对应的第二蒙层所用到的实现方法，第二弹窗对应的显示配置信息为建立第二蒙层时该实现方法所需的信息。

其中，所述第二类与所述第一类具有共同父类。可选地，为第二弹窗建立对应的第二蒙层时所使用的第二类为建立第二弹窗下层的第一弹窗所对应的第一蒙层时所使用的第一类的子类。

由于父类与子类间具有继承关系，父类与子类所使用的实现方法一致，则因第二类与第一类具有共同父类，那么第二类与第一类所使用的实现方法相同。

步骤108，基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，其中，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

由此，为每个弹窗单独提供蒙层时所使用的实现方法均相同，提升了多弹窗建立和显示过程的便利性，且所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示，实现了多弹窗间的层次区分，另外，在子类遵循父类的实现方式这一基础上，可为不同弹窗对应的类分别配置个性化的显示配置信息，实现弹窗间、蒙层间的区别显示，有助于加重了弹窗间的层次感，可提升用户视觉体验。

综上，相关技术中所有弹窗共用一个蒙层，当出现多个弹窗时，最上层弹窗以外的其他弹窗均与该蒙层融合为最上层弹窗的背景，导致最上层弹窗以外的其他弹窗缺乏显示层次感。而在本申请中，为每个弹窗均创建单独的蒙层，通过多个蒙层将多个弹窗间隔开来，避免了多个弹窗融合于同一蒙层导致的弹窗显示缺乏层次感的技术问题。进一步地，本申请中以相同的实现方法为各弹窗创建了对应的蒙层，且由于创建蒙层所用的显示配置信息为各弹窗自身所对应的，那么，各弹窗自身所对应的显示配置信息之差异可使各弹窗对应的蒙层也具有差异，从而加重了弹窗间的层次感。

比如，参照图2所示，在相关技术中，对于作为首个弹窗的第一弹窗，可在其下层设置唯一蒙层。当出现首个第二弹窗时，需把第一弹窗的唯一蒙层设置于首个第二弹窗的下层，如图3所示，使第一弹窗与此时的唯一蒙层融为一体，作为首个第二弹窗的背景。接着，无论新增多少弹窗，唯一蒙层始终设置与最上层弹窗的下层，使最上层弹窗下层的所有弹窗与唯一蒙层融为一体，作为最上层弹窗的背景，这些弹窗的显示缺乏层次感。

参照图4所示，在本申请中，当出现首个第二弹窗时，无需把第一弹窗的第一蒙层设置于首个第二弹窗的下层，而是在保留在前的第一弹窗下层的第一蒙层的基础上，在首个第二弹窗的下层以及第一弹窗的上层设置第二蒙层。此时，在第二蒙层下，第一蒙层依旧作为第一弹窗的背景。如图5所示，首个第二蒙层作为首个第二弹窗的背景，显示了首个第二弹窗与首个第二弹窗下层的所有内容的差异，而在首个第二蒙层下层，第一蒙层作为第一弹窗的背景，显示了第一弹窗与第一弹窗之背景的差异。接着，对于接下来再出现的任何第二弹窗，均为其确定对应的蒙层，其设置方式与上述原理相同，在此不再赘述。

由此，无论有多少个弹窗，通过为每个弹窗设置对应的蒙层，可使多个弹窗间以及各弹窗与自身的背景间的差异显示出来，产生良好的层次感。

综上，本申请的技术方案增加了弹窗间的层次感，增加了显示画面的美观程度，提升了用户体验。

实施例二

为使弹窗间具有层次感，区别于如图3所示的将第一弹窗与唯一蒙层融为一体的技术方案，如图6所示，根据本发明的另一个实施例的界面展示方法的流程包括：

步骤602，响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类。

步骤604基于所述第一类和所述第一弹窗对应的显示配置信息所指示的指定尺寸，创建第一初始蒙层。

第一弹窗对应的显示配置信息中设置了第一弹窗对应的第一蒙层的指定尺寸，建立第一蒙层时，首先，基于第一类提供的建立蒙层的实现方法，建立指定尺寸的第一初始蒙层。

步骤606，基于所述第一弹窗对应的显示配置信息和弹窗共用配置类，对所述第一初始蒙层进行配置，得到并显示所述第一弹窗所需的所述第一蒙层。

接着，对第一初始蒙层进行配置。弹窗共用配置类用于将第一弹窗对应的显示配置信息配置给第一初始蒙层，即可得到具有该显示配置信息的第一蒙层。

步骤608，在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，其中，所述第二类与所述第一类具有共同父类。

步骤610，基于所述第二类和所述第二弹窗对应的显示配置信息所指示的指定尺寸，创建第二初始蒙层。

第二弹窗对应的显示配置信息中设置了第二弹窗对应的第二蒙层的指定尺寸，建立第二蒙层时，首先，基于第二类提供的建立蒙层的实现方法，建立指定尺寸的第二初始蒙层。

步骤612，基于所述第二弹窗对应的显示配置信息和所述弹窗共用配置类，对所述第二初始蒙层进行配置，得到并显示所述第二弹窗所需的所述第二蒙层，其中，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

接着，对第二初始蒙层进行配置。弹窗共用配置类用于将第二弹窗对应的显示配置信息配置给第二初始蒙层，即可得到具有该显示配置信息的第二蒙层。

弹窗与自身的背景的层次感来自于其自身与背景的不同，基于此，对于所述第一蒙层和所述第二蒙层中的任一蒙层，所述蒙层包括第一显示区域和第二显示区域，其中，所述第一显示区域用于显示位于所述蒙层下层的相邻弹窗的展示内容；所述第二显示区域用于显示所述展示内容的背景。

如图5所示，第一弹窗所在的区域即第一显示区域，其显示的即为第一弹窗的原展示内容，而包裹住第一显示区域的深色区域即第二显示区域，其显示的即为第一弹窗的背景，与图3相比，在展示两个弹窗及背景时更具层次感。

另外，由于所有弹窗共用同一个弹窗共用配置类提供的配置方法，也就无需为每个弹窗单独编写代码进行配置，只要为每个弹窗设置显示配置信息即可。这样，在为每个弹窗设置蒙层时，均通过调用同一个弹窗共用配置类对弹窗对应的显示配置信息进行配置处理即可。由此，简化了代码编写的难度，有助于提升配置工作的效率和减少出错率。

实施例三

在本申请的技术方案中，可预设有多个预设蒙层，多个预设蒙层作为模板供为每个弹窗选择蒙层时使用。因此，本申请中建立第一蒙层的方式还包括：在多个预设蒙层中选择基于所述第一类创建的、且与所述第一弹窗具有相匹配的显示配置信息的第一预设蒙层，作为所述第一弹窗所需的所述第一蒙层进行显示。本申请中建立第二蒙层的方式还包括：在多个预设蒙层中选择基于所述第二类创建的、且与所述第二弹窗具有相匹配的显示配置信息的第二预设蒙层，作为所述第二弹窗所需的所述第二蒙层进行显示。

待设置的蒙层和预设蒙层均具有相应的显示配置信息，其中，所述显示配置信息包括蒙层标识、亮度、透明度、饱和度、颜色、指定尺寸、与显示界面的相对大小、在所述显示界面中与其他蒙层的相对位置、位于所述预设蒙层上一层的弹窗在所述显示界面上的位置、所述弹窗的开启动画和所述弹窗的关闭动画中的一项或多项。

蒙层标识作为预设蒙层的唯一标记，用于标识其身份，将其与其他预设蒙层区别开来。蒙层标识可以是包括但不限于文本和图片的任何形式，由开发者在配置预设蒙层时自行设置或在系统提供的多种可选蒙层标识中选择。同样，亮度、透明度、饱和度、颜色、指定尺寸也可由开发者在配置预设蒙层时自行设置或在系统提供的多种可选蒙层标识中选择。

在游戏等个性化实际场景中，蒙层未必要覆盖整个显示界面，且不同的电子设备其显示界面的大小不同，因此，可限定预设蒙层与显示界面的相对大小，以便在个性化实际场景的显示界面中合理显示预设蒙层，优化显示效果。

同理，在游戏等个性化实际场景中，蒙层未必要覆盖整个显示界面，不同的蒙层的指定尺寸不一定完全响应，同时也未必要完全重叠，因此，可限定预设蒙层与其他蒙层的相对位置，以便在个性化实际场景的显示界面中合理显示预设蒙层与其他蒙层，提升多蒙层显示的层次性，优化显示效果。

另外，还可基于个性化场景的实际需求，限定位于所述预设蒙层上一层的弹窗在显示界面上的位置、所述弹窗的开启动画和所述弹窗的关闭动画等内容，以便在预设蒙层反映弹窗背景的基础上生动、合理地展示弹窗，在保证了多蒙层显示的层次性的基础上，尽可能地优化显示效果。弹窗的开启动画和弹窗的关闭动画多种多样，其展示效果包括但不限于亮度、透明度、饱和度、颜色等发生变化、形状仿射变换、大小缩放、指定位置弹出或离开等。

综上，可为每个所述弹窗设置对应的所述显示配置信息，以便将该显示配置信息与各预设蒙层的显示配置信息进行比较，若一预设蒙层是基于待设置蒙层对应的类设置的，且其显示配置信息与待设置蒙层的显示配置信息一致，从而选择该预设蒙层，作为待设置蒙层。当然，这里所述的相匹配包括但不限于相同、差异处于限定范围内等。

在一种可能的设计中，每个弹窗设置有所需蒙层标识，在基于待设置蒙层对应的类设置的多个预设蒙层中，选择蒙层标识与弹窗的所需蒙层标识相同的预设蒙层，作为待设置蒙层。

在另一种可能的设计中，每个弹窗设置有亮度范围、透明度范围、饱和度范围、颜色范围、指定尺寸范围、与显示界面的相对大小范围、位于所述预设蒙层上一层的弹窗在所述显示界面上的位置范围中的一项或多项。由此，在基于待设置蒙层对应的类设置的多个预设蒙层中，选择显示配置信息处于待设置蒙层对应的弹窗之显示配置信息的范围内的预设蒙层，作为待设置蒙层。这里所述的每种范围包括一个值、多个值、一组信息或多组信息，在此不作限定。

在再一种可能的设计中，每个弹窗设置有所需的开启动画和/或关闭动画，在基于待设置蒙层对应的类设置的多个预设蒙层中，选择开启动画和/或关闭动画与待设置蒙层对应的弹窗所需的开启动画和/或关闭动画相同的预设蒙层，作为待设置蒙层。其中，一弹窗可设置有多个可行的所需开启动画，和/或可设置有多个可行的所需关闭动画。对此，预设蒙层的开启动画只要与待设置蒙层对应的弹窗所需开启动画中的一个相同，即可将该预设蒙层作为待设置蒙层；或者，预设蒙层的关闭动画只要与待设置蒙层对应的弹窗所需关闭动画中的一个相同，即可将该预设蒙层作为待设置蒙层；再或者，预设蒙层的开启动画只要与待设置蒙层对应的弹窗所需开启动画中的一个相同，且预设蒙层的关闭动画只要与待设置蒙层对应的弹窗所需关闭动画中的一个相同，即可将该预设蒙层作为待设置蒙层。

当然，上述各显示配置信息作为为弹窗选择蒙层的条件时，为节省系统资源，可单独使用，也可组合使用，从而为每个弹窗选择多维度适配的蒙层，提升显示效果，进一步地，多个弹窗均具有多维度适配的蒙层，那么多个弹窗间的层次性也得到很大的提升，提升了用户的视觉体验。

在一种可能的设计中，对于每个弹窗来说，在为其确定蒙层时，均可在多个预设蒙层中挑选。

在另一种可能的设计中，对于每个弹窗，可在多个预设蒙层中随机选择一个作为该弹窗的蒙层。

图7示出了根据本发明的一个实施例的界面展示装置的框图。

如图7所示，根据本发明的一个实施例的界面展示装置700包括：第一获取单元702，用于响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类；第一蒙层显示单元704，用于基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层；第二获取单元706，用于在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，其中，所述第二类与所述第一类具有共同父类；第二蒙层显示单元708，用于基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，其中，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

在本公开上述实施例中，可选地，对于所述第一蒙层和所述第二蒙层中的任一蒙层，所述蒙层包括第一显示区域和第二显示区域，其中，所述第一显示区域用于显示位于所述蒙层下层的相邻弹窗的展示内容；所述第二显示区域用于显示所述展示内容的背景。

在本公开上述实施例中，可选地，所述第一蒙层显示单元704用于：基于所述第一类和所述第一弹窗对应的显示配置信息所指示的指定尺寸，创建第一初始蒙层，基于所述第一弹窗对应的显示配置信息和弹窗共用配置类，对所述第一初始蒙层进行配置，得到并显示所述第一弹窗所需的所述第一蒙层；所述第二蒙层显示单元708用于：基于所述第二类和所述第二弹窗对应的显示配置信息所指示的指定尺寸，创建第二初始蒙层，基于所述第二弹窗对应的显示配置信息和所述弹窗共用配置类，对所述第二初始蒙层进行配置，得到并显示所述第二弹窗所需的所述第二蒙层。

在本公开上述实施例中，可选地，所述第一蒙层显示单元704用于：在多个预设蒙层中选择基于所述第一类创建的、且与所述第一弹窗具有相匹配的显示配置信息的第一预设蒙层，作为所述第一弹窗所需的所述第一蒙层进行显示；所述第二蒙层显示单元708用于：在多个预设蒙层中选择基于所述第二类创建的、且与所述第二弹窗具有相匹配的显示配置信息的第二预设蒙层，作为所述第二弹窗所需的所述第二蒙层进行显示。

在本公开上述实施例中，可选地，还包括：配置信息设置单元，用于为所述第一弹窗/所述第二弹窗设置对应的所述显示配置信息，其中，所述显示配置信息包括蒙层标识、亮度、透明度、饱和度、颜色、指定尺寸、与显示界面的相对大小、在所述显示界面中与其他蒙层的相对位置、位于所述预设蒙层上一层的弹窗在所述显示界面上的位置、所述弹窗的开启动画和所述弹窗的关闭动画中的一项或多项。

该界面展示装置700使用上述任一实施例所述的方案，因此，具有上述所有技术效果，在此不再赘述。

图8示出了根据本发明的一个实施例的电子设备的框图。

如图8所示，本发明的一个实施例的电子设备800，包括至少一个存储器802；以及，与所述至少一个存储器802通信连接的处理器804；其中，所述存储器存储有可被所述至少一个处理器804执行的指令，所述指令被设置为用于执行上述任一实施例中所述的方案。因此，该电子设备800具有和上述任一实施例中相同的技术效果，在此不再赘述。

本发明实施例的电子设备以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)服务器:提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。

(5)其他具有数据交互功能的电子装置。

另外，本发明实施例提供了一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述任一实施例中所述的方法流程。

以上结合附图详细说明了本发明的技术方案，本申请中可为每个弹窗单独提供一个蒙层，无论出现多少个弹窗，多个弹窗重叠后均可明确展示弹窗间的层次感，增加了显示画面的美观程度，提升了用户体验。

应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

应当理解，尽管在本发明实施例中可能采用术语第一、第二等来描述蒙层，但这些蒙层不应限于这些术语。这些术语仅用来将蒙层彼此区分开。例如，在不脱离本发明实施例范围的情况下，第一蒙层也可以被称为第二蒙层，类似地，第二蒙层也可以被称为第一蒙层。

取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

在本发明所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)或处理器(Processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (10)

1.一种界面展示方法，其特征在于，包括：

响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类；

基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层；

在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，其中，所述第二类与所述第一类具有共同父类；

基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，其中，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

2.根据权利要求1所述的界面展示方法，其特征在于，

对于所述第一蒙层和所述第二蒙层中的任一蒙层，所述蒙层包括第一显示区域和第二显示区域，其中，

所述第一显示区域用于显示位于所述蒙层下层的相邻弹窗的展示内容；

所述第二显示区域用于显示所述展示内容的背景。

3.根据权利要求2所述的界面展示方法，其特征在于，所述基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层，包括：

基于所述第一类和所述第一弹窗对应的显示配置信息所指示的指定尺寸，创建第一初始蒙层；

基于所述第一弹窗对应的显示配置信息和弹窗共用配置类，对所述第一初始蒙层进行配置，得到并显示所述第一弹窗所需的所述第一蒙层；

所述基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，包括：

基于所述第二类和所述第二弹窗对应的显示配置信息所指示的指定尺寸，创建第二初始蒙层；

基于所述第二弹窗对应的显示配置信息和所述弹窗共用配置类，对所述第二初始蒙层进行配置，得到并显示所述第二弹窗所需的所述第二蒙层。

4.根据权利要求2所述的界面展示方法，其特征在于，所述基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层，包括：

在多个预设蒙层中选择基于所述第一类创建的、且与所述第一弹窗具有相匹配的显示配置信息的第一预设蒙层，作为所述第一弹窗所需的所述第一蒙层进行显示；

所述基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，包括：

在多个预设蒙层中选择基于所述第二类创建的、且与所述第二弹窗具有相匹配的显示配置信息的第二预设蒙层，作为所述第二弹窗所需的所述第二蒙层进行显示。

5.根据权利要求3或4所述的界面展示方法，其特征在于，还包括：

为所述第一弹窗/所述第二弹窗设置对应的所述显示配置信息，其中，

所述显示配置信息包括蒙层标识、亮度、透明度、饱和度、颜色、指定尺寸、与显示界面的相对大小、在所述显示界面中与其他蒙层的相对位置、位于所述预设蒙层上一层的弹窗在所述显示界面上的位置、所述弹窗的开启动画和所述弹窗的关闭动画中的一项或多项。

6.一种界面展示装置，其特征在于，包括：

第一获取单元，用于响应于用户针对第一弹窗的触发操作，获取所述第一弹窗对应的显示配置信息和第一类；

第一蒙层显示单元，用于基于所述第一弹窗对应的显示配置信息和所述第一类，显示所述第一弹窗所需的第一蒙层；

第二获取单元，用于在成功触发所述第一弹窗后，响应于用户针对第二弹窗的触发操作，获取所述第二弹窗对应的显示配置信息和第二类，其中，所述第二类与所述第一类具有共同父类；

第二蒙层显示单元，用于基于所述第二弹窗对应的显示配置信息和所述第二类，显示所述第二弹窗所需的第二蒙层，其中，在成功触发所述第二弹窗后，所述第二弹窗、所述第二蒙层、所述第一弹窗和所述第一蒙层叠加显示。

7.根据权利要求6所述的界面展示装置，其特征在于，

对于所述第一蒙层和所述第二蒙层中的任一蒙层，所述蒙层包括第一显示区域和第二显示区域，其中，

所述第一显示区域用于显示位于所述蒙层下层的相邻弹窗的展示内容；

所述第二显示区域用于显示所述展示内容的背景。

8.根据权利要求7所述的界面展示装置，其特征在于，所述第一蒙层显示单元用于：

基于所述第一类和所述第一弹窗对应的显示配置信息所指示的指定尺寸，创建第一初始蒙层，基于所述第一弹窗对应的显示配置信息和弹窗共用配置类，对所述第一初始蒙层进行配置，得到并显示所述第一弹窗所需的所述第一蒙层；

所述第二蒙层显示单元用于：

基于所述第二类和所述第二弹窗对应的显示配置信息所指示的指定尺寸，创建第二初始蒙层，基于所述第二弹窗对应的显示配置信息和所述弹窗共用配置类，对所述第二初始蒙层进行配置，得到并显示所述第二弹窗所需的所述第二蒙层。

9.一种电子设备，其特征在于，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；

其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述权利要求1至5中任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，存储有计算机可执行指令，所述计算机可执行指令用于执行如权利要求1至5中任一项所述的方法流程。

Images