CN112052059A - 弹窗显示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种弹窗显示方法、装置、电子设备及存储介质，该方法包括：获取文本格式的目标文件，目标文件包括描述弹窗样式的结构体，结构体包括类型信息、属性以及视图，类型信息用于描述弹窗上部件类型，属性用于描述弹窗上部件的属性信息，视图用于描述弹窗上部件包括的子部件；对结构体进行解析，得到弹窗的视图信息；根据视图信息，生成弹窗的目标布局样式；按照目标布局样式，显示弹窗。利用本公开的方法，既可以及时更改弹窗的样式，还能提高系统兼容性。

Description

弹窗显示方法、装置、电子设备及存储介质

技术领域

本公开涉及互联网领域，尤其涉及弹窗显示方法、装置、电子设备及存储介质。

背景技术

随着计算机技术的快速发展，用户在使用电子设备时，电子设备会通过弹窗向用户展示各种信息。弹窗的样式是否吸引用户，直接影响弹窗显示的信息是否产生有效曝光。所以，为了提高信息的曝光率，显示具有吸引用户的弹窗尤为重要。

虽然相关技术中已有弹窗显示的方案，但是，有的相关技术不能及时更改弹窗的样式。而有的相关技术虽然能及时更改弹窗的样式，但是系统兼容性比较差。比如，只适用于安卓系统，无法适用于苹果移动设备操作系统(IOS)系统。

因此，如何提供一种弹窗显示方法，既能及时更改弹窗的样式又能提高系统兼容性，是本领域技术人员亟待解决的技术问题。

发明内容

本公开提供一种弹窗显示方法、装置、电子设备及存储介质，以至少解决相关技术中无法及时更改弹窗的样式，以及系统兼容性比较差的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种弹窗显示方法，包括：

获取文本格式的目标文件，所述目标文件包括描述弹窗样式的结构体，所述结构体包括类型信息、属性以及视图，所述类型信息用于描述所述弹窗上部件类型，所述属性用于描述所述弹窗上部件的属性信息，所述视图用于描述所述弹窗上部件包括的子部件；

对所述结构体进行解析，得到所述弹窗的视图信息；

根据所述视图信息，生成所述弹窗的目标布局样式；

按照所述目标布局样式，显示所述弹窗。

在本公开的一个或多个实施例中，所述对所述结构体进行解析，得到所述弹窗的视图信息，包括：

读取所述结构体中的所述类型信息、所述属性以及所述视图；

根据所述结构体中的所述类型信息、所述属性以及所述视图，创建所述弹窗的多个视图实例以及设置每个所述视图实例在所述弹窗上的视图信息。

在本公开的一个或多个实施例中，所述根据所述结构体中的所述类型信息、所述属性以及所述视图，创建所述弹窗的多个视图实例以及设置每个所述视图实例在所述弹窗上的视图信息，包括：

从所述结构体中根节点对应的目标部件开始，获取所述目标部件包括的目标子部件；

在所述目标子部件中包括除容器类型之外的任意第一子部件的情况下，为所述第一子部件创建视图实例，并根据所述属性所描述的所述第一子部件的属性信息，设置所述第一子部件的视图实例在所述弹窗上的视图信息；

在所述目标子部件中包括容器类型的任意第二子部件的情况下，将所述第二子部件确定为目标部件，并返回执行获取所述目标部件包括的目标子部件，直到遍历所述结构体中的每个部件为止。

在本公开的一个或多个实施例中，所述属性所描述的所述第一子部件的属性信息包括布局属性信息和显示内容属性信息；

其中，所述根据所述属性所描述的所述第一子部件的属性信息，设置所述第一子部件的视图实例在所述弹窗上的视图信息，包括：

根据所述第一子部件的布局属性信息，设置所述第一子部件的视图实例的与所述布局属性信息一致的布局视图信息；

根据所述第一子部件的显示内容属性信息，设置所述第一子部件的视图实例的与所述显示内容属性信息一致的显示内容视图信息。

在本公开的一个或多个实施例中，所述根据所述视图信息，生成所述弹窗的目标布局样式，包括：

基于每个所述视图实例的布局视图信息，确定所述多个视图实例之间的约束关系；

根据所述约束关系，对设置有显示内容视图信息的所述多个视图实例进行布局，得到所述目标布局样式。

在本公开的一个或多个实施例中，所述按照所述目标布局样式，显示所述弹窗，包括：

按照所述目标布局样式，对所述多个视图实例进行渲染，得到渲染后的所述多个视图实例；

显示渲染后的所述多个视图实例。

在本公开的一个或多个实施例中，所述结构体用于描述客户端的弹窗样式或者描述操作系统的弹窗样式。

根据本公开实施例的第二方面，提供一种弹窗显示装置，包括：

文件获取模块，被配置为获取文本格式的目标文件，所述目标文件包括描述弹窗样式的结构体，所述结构体包括类型信息、属性以及视图，所述类型信息用于描述所述弹窗上部件类型，所述属性用于描述所述弹窗上部件的属性信息，所述视图用于描述所述弹窗上部件包括的子部件；

结构体解析模块，被配置为执行对所述结构体进行解析，得到所述弹窗的视图信息；

布局样式生成模块，被配置为执行根据所述视图信息，生成所述弹窗的目标布局样式；

弹窗显示模块，被配置为执行按照所述目标布局样式，显示所述弹窗。

在本公开的一个或多个实施例中，所述结构体解析模块包括：

信息读取模块，被配置为读取所述结构体中的所述类型信息、所述属性以及所述视图；

信息处理模块，被配置为执行根据所述结构体中的所述类型信息、所述属性以及所述视图，创建所述弹窗的多个视图实例以及设置每个所述视图实例在所述弹窗上的视图信息。

在本公开的一个或多个实施例中，所述信息处理模块包括：

子微件获取模块，被配置为执行从所述结构体中根节点对应的目标部件开始，获取所述目标部件包括的目标子部件；

实例创建模块，被配置为在所述目标子部件中包括除容器类型之外的任意第一子部件的情况下，为所述第一子部件创建视图实例；

属性设置模块，被配置为执行根据第一子部件所述属性所描述的所述第一子部件的属性信息，设置所述第一子部件的视图实例在所述弹窗上的视图信息；

微件确定模块，被配置为执行在所述目标子部件中包括容器类型的任意第二部件的情况下，将所述第二部件确定为目标部件，并返回执行获取所述目标部件包括的目标子部件，直到遍历所述结构体中的每个部件为止。

在本公开的一个或多个实施例中，第一子部件所述属性所描述的所述第一子部件的属性信息包括布局属性信息和显示内容属性信息；

其中，所述属性设置模块包括：

布局设置模块，被配置为执行根据所述第一子部件的所述属性描述的布局属性信息，设置所述第一子部件的视图实例的与所述布局属性信息一致的布局视图信息；

内容属性设置模块，被配置为执行根据所述第一子部件的所述属性描述的显示内容属性信息，设置所述第一子部件的视图实例的与所述显示内容属性信息一致的显示内容视图信息。

在本公开的一个或多个实施例中，所述布局样式生成模块包括：

约束关系确定模块，被配置为执行基于每个所述视图实例的布局视图信息，确定所述多个视图实例之间的约束关系；

实例布局模块，被配置为执行根据所述约束关系，对设置有显示内容视图信息的所述多个视图实例进行布局，得到所述目标布局样式。

在本公开的一个或多个实施例中，所述弹窗显示模块包括：

实例渲染模块，被配置为执行按照所述目标布局样式，对所述多个视图实例进行渲染，得到渲染后的所述多个视图实例；

实例显示模块，被配置为执行显示渲染后的所述多个视图实例。

在本公开的一个或多个实施例中，所述结构体用于描述客户端的弹窗样式或者描述操作系统的弹窗样式。

根据本公开实施例的第三方面，提供一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现第一方面的任一项实施例中的弹窗显示方法。

根据本公开实施例的第四方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行第一方面的任一项实施例中的弹窗显示方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，该计算机程序产品包括计算机程序，该计算机程序存储在可读存储介质中，设备的至少一个处理器从存储介质读取并执行计算机程序，使得设备执行第一方面的任一项实施例中的弹窗显示方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

通过对文本格式的目标文件的结构体进行解析，得到弹窗的视图信息。然后，根据弹窗的视图信息生成弹窗的目标布局样式。按照目标布局样式显示弹窗。由此，将目标文件转变为可视化的弹窗。由于在下发目标文件之后，可以及时获取到目标文件，然后按照目标文件显示弹窗，从而实现及时更改弹窗的样式。另外，由于目标文件是文本格式的文件，而且各种语言对文本的处理比较统一，因此，目标文件可以在不同语言的平台上进行解析，从而方便对目标文件进行跨平台移植，从而提高了系统兼容性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种用于弹窗显示方法的系统架构图。

图2是根据一示例性实施例示出的一种弹窗显示方法的流程图。

图3是根据一示例性实施例示出的一种部件的树形结构关系示意图。

图4是根据一示例性实施例示出的另一种弹窗显示方法的流程图。

图5是根据一示例性实施例示出的一种结构体的解析步骤的流程示意图。

图6是根据一示例性实施例示出的一种文本视图实例和图片视图实例的示意图。

图7是根据一示例性实施例示出的一种弹窗显示装置框图。

图8是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在对本公开进行说明之前，首先说明本公开涉及到的专业术语：

Json：全称是JavaScript对象标记(JavaScript Object Notation，英文简称Json)，Json是一种基于文本、且独立于语言的轻量级数据交换格式，通过特定的字符格式可以方便地传递字符信息。Json文件可以跨平台使用，不存在通常意义上的字符格式问题。

微件：英文名为Widget，Widget是一段可以在基于HTML的Web页面上执行的代码。

布局视图信息：英文名为LayoutParams，LayoutParams是视图组(ViewGroup)的一个内部类，LayoutParams是一个基类。例如框架布局(FrameLayout)、线性布局(LinearLayout)等内部都有自己的LayoutParams。

树形结构：它是一层次的嵌套结构，一个树形结构的外层和内层有相似的结构，所以这种结构多可以递归的表示。数据结构中的树状图是一种典型的树形结构：一颗树可以简单的表示为根，左子树，右子树。左子树和右子树又有自己的子树。

根节点和叶子节点：根节点是树的最顶端的节点，继续往下分为子节点，当不断细分直到不再有子节点时为叶子节点。叶子节点是度为0的节点，是没有子节点的节点。

反射：是java语言在运行时拥有一项自观的能力。通过这种能力可以了解自身的情况为下一步的动作做准备。下面具体介绍一下java的反射机制。反射的实现要借助于4个类：class，Constructor，Field，Method；其中class代表的时类对象，Constructor代表类的构造器对象，Field代表类的属性对象，Method代表类的方法对象。通过这四个对象可以看到一个类的各个组成部分。

以上为本公开涉及到的专业术语，下面开始对本公开进行说明。

随着计算机技术的快速发展，用户在使用电子设备时，电子设备会通过弹窗向用户展示各种信息。比如，在双十一期间，浏览器上会弹出双十一的广告弹窗。或者，在接收到消息的情况下，在显示界面上显示用于提醒用户接收到消息的弹窗。

其中，弹窗的样式是否吸引用户，直接影响弹窗显示的信息是否产生有效曝光。所以，为了提高信息的曝光率，显示具有吸引用户的弹窗尤为重要。

相关技术的一个弹窗显示方案是：在设计应用程序(Application，App)时，会考虑到可能呈现给用户的弹窗样式，将可能呈现给用户的弹窗样式的架构均集成在App中。在电子设备上下载App，并运行App的情况下，电子设备会在不同的场景下显示不同样式的弹窗。比如，在推送广告的场景下，电子设备显示广告的弹窗。在接收到消息的场景下，电子设备显示用于消息提醒的弹窗。

但是上述方案会存在如下的问题：虽然可以显示不同样式的弹窗，但是由于弹窗样式的架构事先集成在App中，如果需要更改弹窗样式，那么需要开发出一个新版本的App，将更改后的弹窗样式的架构集成在新版本的App中，并向用户下发新版本的App，以供用户使用。

而开发一个新版本的App需要花费较长的时间，无法及时将新版本的App下发给用户，而且用户不一定能及时下载最新版本的App。由此，导致无法及时更改弹窗的样式。上述方案在更改弹窗的样式时具有很大的局限性。

为了解决上述技术问题，相关技术中还提出了另一种弹窗显示方案，具体为，基于可加载可扩展标记语言(Extensible Markup Language，XML)文件可以作为弹窗布局文件的特性，在需要更改弹窗的样式的情况下，开发人员按照电子设备的操作系统(比如安卓操作系统)的规范，设计出描述弹窗样式的XML文件。然后通过服务器向用户的电子设备动态下发XML文件。电子设备接收到XML文件之后，对XML文件进行解析，根据解析的结果显示弹窗。

但是上述另一种弹窗显示方案会存在如下的局限性：虽然可以通过XML文件及时更改弹窗的样式，但是，设计的XML文件需要符合电子设备的操作系统解析的规范，所以需要熟悉该规范的专业研发人员设计该XML文件，而对于不熟悉该规范的非专业来说，设计该XML文件需要消耗较多的时间成本。

另外，正是因为设计的XML文件符合电子设备的某个操作系统解析的规范，并不同时符合多个操作系统解析的规范，所以，安装某个操作系统的电子设备可以对XML文件进行解析，而安装其他操作系统的电子设备无法对XML文件进行解析。比如，对于按照安卓操作系统的规范设计出的XML文件，安装安卓操作系统的电子设备可以解析XML文件，而安装IOS的电子设备无法解析该XML文件。如此，这种弹窗显示方案的系统兼容性较差。

基于上述技术问题，本公开实施例提供一种弹窗显示方法，为了更好地说明本公开实施例提供的弹窗显示方法，下面先说明用于实现弹窗显示方法的系统架构。

图1是根据一示例性实施例示出的一种用于弹窗显示方法的系统架构图。

如图1所示，在需要更改弹窗的样式的情况下，开发人员设计出描述弹窗样式的目标文件。目标文件是文本格式的文件，作为一个示例，目标文件为Json文件。然后开发人员通过服务器102将目标文件下发给用户的电子设备104。在电子设备104连接网络的情况下，电子设备104通过网络接收服务器102发送的目标文件。电子设备104通过对目标文件的解析，显示样式更改后的弹窗。由此，服务器通过下发目标文件达到及时更改弹窗样式的效果。

作为一个示例，电子设备可以为移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

下面通过两个例子说明本实施例。

比如，电子设备在运行浏览器的情况下，在浏览器的显示界面上显示广告弹窗。但是，根据用户对广告弹窗的点击率发现在弹窗上显示的广告未吸引用户。因此，需要更改广告弹窗的样式。在此情况下，开发人员设计出更改后的弹窗样式的目标文件。然后，开发人员在后台通过浏览器的服务器将目标文件下发给电子设备。在电子设备连接网络，并运行浏览器的情况下，电子设备下载目标文件，并解析目标文件，显示样式更改后的广告弹窗。

再比如，对于安装有操作系统A的电子设备，在操作系统A的版本有更新的情况下，在电子设备上显示用于提醒用户进行版本更新的弹窗。但是，在显示该弹窗之后，电子设备的操作系统一直未更新。因此，需要更改弹窗的样式，以使用户看到该弹窗之后及时更新电子设备的操作系统。在此情况下，开发人员设计出更改后的弹窗样式的目标文件。然后，开发人员在后台通过服务器将目标文件下发给电子设备。在电子设备连接网络的情况下，电子设备接收服务器发送的目标文件，并解析目标文件，显示样式更改后的弹窗，以使用户看到该弹窗之后下载最新版本的操作系统的文件，从而将电子设备的操作系统更新到最新版本。

以上是一示例性实施例示出的一种用于弹窗显示方法的系统架构。基于该系统架构，本公开实施例提供一种弹窗显示方法。下面说明一示例性实施例示出的一种弹窗显示方法。

图2是根据一示例性实施例示出的一种弹窗显示方法的流程图。该弹窗显示方法可以应用于电子设备。如图2所示，弹窗显示方法可以包括：

步骤202，获取文本格式的目标文件，目标文件包括描述弹窗样式的结构体，结构体包括类型信息、属性以及视图，类型信息用于描述弹窗上部件类型，属性用于描述弹窗上部件的属性信息，视图用于描述弹窗上部件包括的子部件。

步骤204，对结构体进行解析，得到弹窗的视图信息。

步骤206，根据视图信息，生成弹窗的目标布局样式。

步骤208，按照目标布局样式，显示弹窗。

在公开实施例中，首先，通过对目标文件的结构体进行解析，得到弹窗的视图信息。然后，根据弹窗的视图信息生成弹窗的目标布局样式。按照目标布局样式显示弹窗。由此，将目标文件转变为可视化的弹窗。由于在下发目标文件之后，可以及时获取到目标文件，然后按照目标文件显示弹窗，从而实现及时更改弹窗的样式。其中，在下发目标文件之后，电子设备可以实时接收目标文件，从而实现了可以实时更改弹窗的样式。

其次，由于目标文件是文本格式的文件，而且各种语言对文本的处理比较统一，因此，可以在不同语言的平台上解析目标文件，从而方便对目标文件进行跨平台移植，从而提高了系统兼容性。

再次，由于目标文件不需要按照电子设备安装的操作系统的规范设计目标文件。因此，设计该目标文件的研发人员可以不需要熟悉操作系统可解析的规范，这样不需要目标文件的研发人员花费时间熟悉操作系统可解析的规范，从而降低了研发人员的时间成本。

最后，由于目标文件的配置简单，方便研发人员设计目标文件，避免设计目标文件花费较长时间，从而提升了工作效率。

下面对上述各个步骤进行详细说明。首先对上述步骤202进行说明。

在步骤202中，获取文本格式的目标文件，可以包括：接收从服务器发送的文本格式的目标文件。其中，服务器可以为客户端的服务器或者电子设备的操作系统的服务器。

作为一个示例，目标文件包括的结构体的数量可以为一个或者至少两个。

作为一个示例，结构体用于描述客户端的弹窗样式或者描述操作系统的弹窗样式。

其中，客户端可以为应用程序。比如，如果客户端为浏览器，那么结构体用于描述在浏览器的网页上显示的弹窗样式或者提醒用户更新浏览器版本的弹窗样式。

操作系统可以为安卓操作系统、IOS操作系统、Windows操作系统、Linux操作系统或者Unix操作系统。

其中，类型信息可以包括微件(Widget)，微件用于指示弹窗上部件的类型，比如，微件用于指示容器、文本、图片或者动画等。

属性用于描述弹窗上部件的属性信息。比如，弹窗上部件的类型为容器，那么该部件的属性用于描述该容器为线性容器或者相对容器。再比如，弹窗上部件的类型为文本，那么该部件的属性用于描述文本的内容、文本的文字大小和文本的字体等中的至少一项。又比如，弹窗上部件的类型为图片，那么该部件的属性用于描述图片的大小和图片缩放类型、图片的统一资源定位符(Uniform Resource Locator，URL)地址中的至少一项。又比如，弹窗上部件的类型为动画，那么该部件的属性用于描述动画的大小、动画的URL地址和动画的重复次数中的至少一项。

视图用于描述弹窗上部件包括的子部件。比如弹窗上的部件为容器，那么该容器中可以嵌套另一个子容器。或者，容器中可以嵌套图片、文本和动画中的至少一项。又或者，容器可以同时嵌套容器和非容器，其中，非容器可以包括图片、文本和动画中的至少一项。

作为一个示例，结构体包括类型信息、属性(Properties)以及视图(view)。属性包括id、在下方的元素(layout_below)、元素与上部最近元素的最小距离值(layout_margintop)、水平居中(layout_centerhorizontal)、父布局允许视图所占的宽度(layout_width)、父布局允许视图所占的高度(layout_height)。

作为一个示例，结构体包括的部件数量为多个，多个部件之间具有树形结构关系，每个部件具有属性，非叶子节点对应的部件具有视图。

下面结合图3说明本公开实施例中的结构体。图3是根据一示例性实施例示出的一种部件的树形结构关系示意图。如图3所示，容器类型的部件302包括三个子部件，分别是图片类型的部件308、文字类型的部件310以及容器类型的部件304。容器类型的部件304包括四个子部件，分别是动画类型的部件、容器类型的部件306、文字类型的部件以及图片类型的部件。容器类型的部件306包括一个文字类型的子部件。

图3示出的每个部件分别具有属性，比如，部件302、部件304和部件306的属性中的容器类型为相对容器。图片、文字和动画也分别具有属性，由于上述已经说明图片、文字和动画的属性，在此不再重复赘述。

图3示出的叶子节点对应的部件包括图片类型的部件、文字类型的部件和动画类型的部件。叶子节点对应的部件没有视图(view)，非叶子节点对应的部件具有视图(view)。

以上是对上述步骤202的说明，下面开始对上述步骤204进行说明。

作为一个示例，如图4所示，步骤204可以包括：

步骤2042，读取结构体中的类型信息、属性以及视图；

步骤2044，根据结构体中的类型信息、属性以及视图，创建弹窗的多个视图实例以及设置每个视图实例在弹窗上的视图信息。

下面以创建文本类型的部件的视图实例为例进行说明。

根据文本类型的部件，创建文本视图实例(TextView实例)。然后，根据该部件的属性，为所创建的文本视图实例设置在弹窗上的显示位置、文本内容、字号大小和字体等视图信息。

下面再以创建图片类型的部件的视图实例为例进行说明。

根据图片类型的部件，创建图片视图实例。然后，根据该部件的属性，为所创建的图片视图实例设置在弹窗上的显示位置、图片宽度、图片高度和图片的URL地址等视图信息。

在本公开实施例中，根据结构体中部件的类型信息、属性以及视图，创建弹窗的多个视图实例以及设置每个视图实例的视图信息，从而将目标文件转换成电子设备能够识别的语言。这样，电子设备可以对多个视图实例以及每个视图实例的视图信息进行识别，来显示弹窗。

作为一个示例，步骤2044可以包括：

从结构体中根节点对应的目标部件开始，获取目标部件包括的目标子部件；

在目标子部件中包括除容器类型之外的任意第一子部件的情况下，为第一子部件创建视图实例，并根据属性所描述的第一子部件的属性信息，设置第一子部件的视图实例在弹窗上的视图信息；

在目标子部件中包括容器类型的任意第二子部件的情况下，将第二子部件确定为目标部件，并返回执行获取目标部件包括的目标子部件，直到遍历结构体中的每个部件为止。

下面结合图3和图5对本公开实施例中的结构体的解析步骤进行说明。

图5是根据一示例性实施例示出的一种结构体的解析步骤的流程示意图。其中，图5中的结构体的解析步骤可以为上述的步骤2044。如图5所示，结构体的解析步骤包括：

步骤402，获取结构体中根节点对应的目标部件；比如，参考图3，获取根节点对应的目标部件302；

步骤404，获取目标部件包括的目标子部件；比如，参考图3，获取目标部件302包括的目标子部件304、目标子部件308和目标子部件310；

步骤406，判断目标子部件中是否存在容器类型的子部件，在目标子部件中存在非容器类型的子部件的情况下，执行步骤410；在目标子部件中存在容器类型的子部件的情况下，执行步骤408；

步骤408，将容器类型的子部件确定为目标部件，返回执行步骤404，以进行递归解析操作；

步骤410，为非容器类型的子部件创建视图实例以及设置视图信息。

下面参考图3说明步骤406至步骤410。

在图3中，目标子部件308为图片类型的部件，目标子部件310为文字类型的部件。图片和文字均是非容器的部件类型。对于图片类型的目标子部件308，为目标子部件308创建图片视图实例，并按照目标子部件308的属性所描述的图片大小(包括图片高度和图片宽度)和图片URL地址，为创建的图片视图实例设置图片大小和图片URL地址。

对于文字类型的目标子部件310，由于目标子部件308和目标子部件310的解析步骤类似，在此不再赘述。

对于容器类型的目标子部件304，由于目标子部件304嵌套有子部件，因此，需要对目标子部件304进行递归解析操作。其中，对目标子部件304的解析与对目标部件302的解析类似，在此不再赘述。

在本公开实施例中，对于非容器类型的部件，可以根据该部件及其属性创建视图实例以及为该视图实例设置视图信息；对于容器类型的部件，对该部件进行递归解析操作，以实现为该部件包括的非容器类型的部件创建视图实例以及设置视图信息。由此，实现对结构体的解析，并将目标文件转换成电子设备能够识别的语言。

作为一个示例，上述属性所描述的第一子部件的属性信息可以包括布局属性信息和显示内容属性信息。

其中，布局属性信息是用于描述部件在弹窗上位置的属性信息。显示内容属性信息是用于描述部件在弹窗上显示内容的属性信息。显示内容属性信息影响元素在弹窗上的显示样式。

假设第一子部件为图片类型的部件，那么第一子部件的属性用于描述图片的视图宽度和视图高度(即图片显示在弹窗上时的宽度和高度)、在弹窗上的显示位置、图片尺寸、图片缩放形式以及图片的URL地址。其中，图片的视图宽度和视图高度、在弹窗上的显示位置属于布局属性信息；图片尺寸、图片缩放形式和图片的URL地址属于显示内容属性信息。

再比如，假设第一子部件为文本类型的部件，那么第一子部件的属性用于描述文本区域的视图宽度和视图高度、在弹窗上的显示位置、文本内容、字体大小和文本颜色。其中，文本区域的视图宽度和视图高度以及在弹窗上的显示位置属于布局属性信息；文本内容、字体大小和文本颜色属于显示内容属性信息。

作为一个示例，根据第一子部件的属性描述的元素属性信息，为第一子部件的视图实例设置在弹窗上的视图信息，包括：

根据第一子部件的布局属性信息，设置第一子部件的视图实例的与布局属性信息一致的布局视图信息；

根据第一子部件的显示内容属性信息，设置第一子部件的视图实例的与显示内容属性信息一致的显示内容视图信息。

作为一个示例，布局视图信息包括视图实例的宽高信息以及视图实例在父布局中的位置信息。

下面以第一子部件为图片类型的部件为例进行说明。

第一子部件的属性所描述的属性信息包括：图片视图宽度为200像素，图片视图高度为300像素，在弹窗上图片与上部最近元素的最小距离为50像素，图片缩放形式为等比例缩放，图片的URL地址为http://www.abc.com/domain/xyz。

其中，图片视图宽度为200像素，图片视图高度为300像素，以及在弹窗上图片与上部最近元素的最小距离为50像素属于布局属性信息，图片缩放形式为等比例缩放，图片的URL地址为http://www.abc.com/domain/xyz属于显示内容属性信息。

基于第一子部件的属性所描述的布局属性信息，为第一子部件的图片视图实例设置的布局视图信息满足：图片视图宽度为200像素，图片视图高度为300像素，在弹窗上图片与上部最近元素的最小距离为50像素。

基于第一子部件的属性所描述的显示内容属性信息，为第一子部件的视图实例设置的显示内容视图信息满足：图片缩放形式为等比例缩放，图片的URL地址为http://www.abc.com/domain/xyz。

在本公开实施例中，根据第一子部件的属性描述的布局属性信息和显示内容属性信息，为第一子部件的视图实例设置电子设备能够识别的布局视图信息和显示内容视图信息。然后，电子设备可以对布局视图信息和显示内容视图信息进行识别，生成弹窗的目标布局样式，并显示弹窗。

以上是对上述步骤204的说明，下面开始对上述步骤206进行说明。

作为一个示例，步骤206可以包括：

基于每个视图实例的布局视图信息，确定多个视图实例之间的约束关系；

根据约束关系，对设置有显示内容视图信息的多个视图实例进行布局，得到目标布局样式。

下面以上述弹窗为用于通知用户更新至最新版本的操作系统的弹窗为例进行说明。

如图6所示，弹窗上的文本视图实例的文本内容为“请更新至最新版本的操作系统”，弹窗上的图片视图实例的图片包括叹号。基于文本视图实例和图片视图实例的布局视图信息，确定文本视图实例和图片视图实例之间的约束关系。该约束关系描述文本视图实例与弹窗的左侧边的最小距离，图片视图实例与弹窗的右侧边的最小距离，文本视图实例和图片视图实例之间在水平方向上的最小距离。

基于文本视图实例和图片视图实例之间的约束关系，对文本视图实例和图片视图实例进行布局，得到目标布局样式。按照目标布局样式显示弹窗。

作为一个示例，为第一子部件创建视图实例，包括：

通过反射的方式为第一子部件创建视图实例。

以上是对上述步骤206的说明，下面开始对上述步骤208进行说明。

作为一个示例，步骤208可以包括：

按照每个视图实例的视图信息以及目标布局样式，对多个视图实例进行渲染，得到渲染后的多个视图实例；

显示渲染后的多个视图实例。

在本公开实施例中，通过对多个视图实例进行渲染，并显示渲染后的多个视图实例，从而实现了显示弹窗。

作为一个示例，显示渲染后的多个视图实例，包括：

在满足预定条件的情况下，显示渲染后的多个视图实例。

比如，在检测到操作系统的版本有更新的情况下，显示渲染后的多个视图实例，以显示通知用户更新至最新版本的操作系统的弹窗。

再比如，在显示浏览器的页面的情况下，显示渲染后的多个视图实例，以显示广告弹窗。

以上两个例子是自动弹出弹窗。除此之外，也可以是用户手动操作之后显示弹窗。比如，用户点击菜单按钮，屏幕上就会显示包括多个不同功能的子菜单(比如新建便签、新建文件夹等)的弹窗。

在本公开实施例中，先对多个视图实例进行渲染，然后在满足预定条件的情况下，显示渲染后的多个视图实例。可见，由于提前进行渲染，可以快速显示弹窗。

与本公开实施例的一种弹窗显示方法对应地，本公开实施例提供一种弹窗显示装置。

图7是根据一示例性实施例示出的一种弹窗显示装置框图。参照图7，该装置包括文件获取模块502，结构体解析模块504、布局样式生成模块506和弹窗显示模块508。

文件获取模块502，被配置为获取文本格式的目标文件，目标文件包括描述弹窗样式的结构体，结构体包括类型信息、属性以及视图，类型信息用于描述弹窗上部件类型，属性用于描述弹窗上部件的属性信息，视图用于描述弹窗上部件包括的子部件；

结构体解析模块504，被配置为执行对结构体进行解析，得到弹窗的视图信息；

布局样式生成模块506，被配置为执行根据视图信息，生成弹窗的目标布局样式；

弹窗显示模块508，被配置为执行按照目标布局样式，显示弹窗。

在公开实施例中，首先，通过对目标文件的结构体进行解析，得到弹窗的视图信息。然后，根据弹窗的视图信息生成弹窗的目标布局样式。按照目标布局样式显示弹窗。由此，将目标文件转变为可视化的弹窗。由于在下发目标文件之后，可以及时获取到目标文件，然后按照目标文件显示弹窗，从而实现及时更改弹窗的样式。其中，在下发目标文件之后，电子设备可以实时接收目标文件，从而实现了可以实时更改弹窗的样式。

其次，由于目标文件是文本格式的文件，而且各种语言对文本的处理比较统一，因此，可以在不同语言的平台上解析目标文件，从而方便对目标文件进行跨平台移植，从而提高了系统兼容性。

再次，由于目标文件不需要按照电子设备安装的操作系统的规范设计目标文件。因此，设计该目标文件的研发人员可以不需要熟悉操作系统可解析的规范，这样不需要目标文件的研发人员花费时间熟悉操作系统可解析的规范，从而降低了研发人员的时间成本。

最后，由于目标文件的配置简单，方便研发人员设计目标文件，避免设计目标文件花费较长时间，从而提升了工作效率。

作为一个示例，结构体解析模块504可以包括：

信息读取模块，被配置为读取结构体中的类型信息、属性以及视图；

信息处理模块，被配置为执行根据结构体中的类型信息、属性以及视图，创建弹窗的多个视图实例以及设置每个视图实例在弹窗上的视图信息。

在本公开实施例中，根据结构体中的类型信息、属性以及视图，创建弹窗的多个视图实例以及每个视图实例的视图信息，从而将目标文件转换成电子设备能够识别的语言。这样，电子设备可以对多个视图实例以及每个视图实例的视图信息进行识别，来显示弹窗。

作为一个示例，信息处理模块可以包括：

子部件获取模块，被配置为执行从结构体中根节点对应的目标部件开始，获取目标部件包括的目标子部件；

实例创建模块，被配置为在目标子部件中包括除容器类型之外的任意第一子部件的情况下，为第一子部件创建视图实例；

属性设置模块，被配置为执行根据第一子部件属性所描述的第一子部件的属性信息，设置第一子部件的视图实例在弹窗上的视图信息；

部件确定模块，被配置为执行在目标子部件中包括容器类型的任意第二部件的情况下，将第二部件确定为目标部件，并返回执行获取目标部件包括的目标子部件，直到遍历结构体中的每个部件为止。

在本公开实施例中，针对非容器类型的第一子部件，创建第一子部件的视图实例以及为该视图实例设置视图信息；针对容器类型的第二子部件，进行递归解析操作，以实现为容器类型的部件所包括的非容器类型的子部件创建视图实例以及设置视图信息。由此，实现对结构体的解析，并将目标文件转换成电子设备能够识别的语言。

作为一个示例，第一子部件属性所描述的第一子部件的属性信息包括布局属性信息和显示内容属性信息；属性设置模块包括：

布局设置模块，被配置为执行根据第一子部件的属性描述的布局属性信息，设置第一子部件的视图实例的与布局属性信息一致的布局视图信息；

内容属性设置模块，被配置为执行根据第一子部件的属性描述的显示内容属性信息，设置第一子部件的视图实例的与显示内容属性信息一致的显示内容视图信息。

在本公开实施例中，根据第一子部件的属性所描述的布局属性信息和显示内容属性信息，为第一子部件的视图实例设置电子设备能够识别的布局视图信息和显示内容视图信息。然后，电子设备可以对布局视图信息和显示内容视图信息进行识别，生成弹窗的目标布局样式，并显示弹窗。

作为一个示例，布局样式生成模块506包括：

约束关系确定模块，被配置为执行基于每个视图实例的布局视图信息，确定多个视图实例之间的约束关系；

实例布局模块，被配置为执行根据约束关系，对设置有显示内容视图信息的多个视图实例进行布局，得到目标布局样式。

作为一个示例，实例创建模块被配置为执行通过反射的方式为第一子部件创建视图实例。

作为一个示例，弹窗显示模块508包括：

实例渲染模块，被配置为执行按照目标布局样式，对多个视图实例进行渲染，得到渲染后的多个视图实例；

实例显示模块，被配置为执行显示渲染后的多个视图实例。

作为一个示例，实例显示模块被配置为执行在满足预定条件的情况下，显示渲染后的多个视图实例。

在本公开实施例中，先对多个视图实例进行渲染，然后在满足预定条件的情况下，显示渲染后的多个视图实例。可见，由于提前进行渲染，可以快速显示弹窗。

作为一个示例，结构体可以用于描述客户端的弹窗样式或者描述操作系统的弹窗样式。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图8是根据一示例性实施例示出的一种电子设备的框图。例如，电子设备600可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。参照图8，电子设备600可以包括以下一个或多个组件：处理组件602，存储器604，电力组件606，多媒体组件608，音频组件610，输入/输出(I/O)的接口612，传感器组件614，以及通信组件616。

处理组件602通常控制电子设备600的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件602可以包括一个或多个模块，便于处理组件602和其他组件之间的交互。例如，处理组件602可以包括多媒体模块，以方便多媒体组件608和处理组件602之间的交互。

存储器604被配置为存储各种类型的数据以支持在电子设备600的操作。这些数据的示例包括用于在电子设备600上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件606为电子设备600的各种组件提供电力。电源组件606可以包括电源管理系统，一个或多个电源，及其他与为电子设备600生成、管理和分配电力相关联的组件。

多媒体组件608包括在电子设备600和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件608包括一个前置摄像头和/或后置摄像头。当电子设备600处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件610被配置为输出和/或输入音频信号。例如，音频组件610包括一个麦克风(MIC)，当电子设备600处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中，音频组件610还包括一个扬声器，用于输出音频信号。

I/O接口612为处理组件602和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件614包括一个或多个传感器，用于为电子设备600提供各个方面的状态评估。例如，传感器组件614可以检测到电子设备600的打开/关闭状态，组件的相对定位，例如组件为电子设备600的显示器和小键盘，传感器组件614还可以检测电子设备600或电子设备600一个组件的位置改变，用户与电子设备600接触的存在或不存在，电子设备600方位或加速/减速和电子设备600的温度变化。传感器组件614可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件614还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件616被配置为便于电子设备600和其他设备之间有线或无线方式的通信。电子设备600可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，通信组件616还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器604，上述指令可由电子设备600的处理器620执行以完成上述方法。例如，非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种弹窗显示方法，其特征在于，包括：

获取文本格式的目标文件，所述目标文件包括描述弹窗样式的结构体，所述结构体包括类型信息、属性以及视图，所述类型信息用于描述所述弹窗上部件类型，所述属性用于描述所述弹窗上部件的属性信息，所述视图用于描述所述弹窗上部件包括的子部件；

对所述结构体进行解析，得到所述弹窗的视图信息；

根据所述视图信息，生成所述弹窗的目标布局样式；

按照所述目标布局样式，显示所述弹窗。

2.根据权利要求1所述的方法，其特征在于，所述对所述结构体进行解析，得到所述弹窗的视图信息，包括：

读取所述结构体中的所述类型信息、所述属性以及所述视图；

根据所述结构体中的所述类型信息、所述属性以及所述视图，创建所述弹窗的多个视图实例以及设置每个所述视图实例在所述弹窗上的视图信息。

3.根据权利要求2所述的方法，其特征在于，所述根据所述结构体中的所述类型信息、所述属性以及所述视图，创建所述弹窗的多个视图实例以及设置每个所述视图实例在所述弹窗上的视图信息，包括：

从所述结构体中根节点对应的目标部件开始，获取所述目标部件包括的目标子部件；

在所述目标子部件中包括除容器类型之外的任意第一子部件的情况下，为所述第一子部件创建视图实例，并根据所述属性所描述的所述第一子部件的属性信息，设置所述第一子部件的视图实例在所述弹窗上的视图信息；

在所述目标子部件中包括容器类型的任意第二子部件的情况下，将所述第二子部件确定为目标部件，并返回执行获取所述目标部件包括的目标子部件，直到遍历所述结构体中的每个部件为止。

4.根据权利要求3所述的方法，其特征在于，所述属性所描述的所述第一子部件的属性信息包括布局属性信息和显示内容属性信息；

其中，所述根据所述属性所描述的所述第一子部件的属性信息，设置所述第一子部件的视图实例在所述弹窗上的视图信息，包括：

根据所述第一子部件的布局属性信息，设置所述第一子部件的视图实例的与所述布局属性信息一致的布局视图信息；

根据所述第一子部件的显示内容属性信息，设置所述第一子部件的视图实例的与所述显示内容属性信息一致的显示内容视图信息。

5.根据权利要求4所述的方法，其特征在于，所述根据所述视图信息，生成所述弹窗的目标布局样式，包括：

基于每个所述视图实例的布局视图信息，确定所述多个视图实例之间的约束关系；

根据所述约束关系，对设置有显示内容视图信息的所述多个视图实例进行布局，得到所述目标布局样式。

6.根据权利要求2所述的方法，其特征在于，所述按照所述目标布局样式，显示所述弹窗，包括：

按照所述目标布局样式，对所述多个视图实例进行渲染，得到渲染后的所述多个视图实例；

显示渲染后的所述多个视图实例。

7.根据权利要求1至6中任意一项所述的方法，其特征在于，所述结构体用于描述客户端的弹窗样式或者描述操作系统的弹窗样式。

8.一种弹窗显示装置，其特征在于，包括：

文件获取模块，被配置为获取文本格式的目标文件，所述目标文件包括描述弹窗样式的结构体，所述结构体包括类型信息、属性以及视图，所述类型信息用于描述所述弹窗上部件类型，所述属性用于描述所述弹窗上部件的属性信息，所述视图用于描述所述弹窗上部件包括的子部件；

结构体解析模块，被配置为执行对所述结构体进行解析，得到所述弹窗的视图信息；

布局样式生成模块，被配置为执行根据所述视图信息，生成所述弹窗的目标布局样式；

弹窗显示模块，被配置为执行按照所述目标布局样式，显示所述弹窗。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至7中任一项所述的弹窗显示方法。

10.一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至7中任一项所述的弹窗显示方法。

Images