CN106648715A - 加载弹窗控件的方法和系统 - Google Patents

Abstract

本申请公开一种加载弹窗控件的方法和系统，其中该方法包括：监测到移动端应用发生页面切换事件；读取预先配置的弹窗配置文件，判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配；执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。通过本申请能够有效增强页面的视觉效果和页面的业务功能。

Description

加载弹窗控件的方法和系统

技术领域

本申请涉及智能终端技术领域，尤其涉及一种加载弹窗控件的方法和系统。

背景技术

目前，手机等智能终端的操作系统发展迅速，基于Android系统和iOS系统的移动端设备已经占据了移动市场上较大的份额，并且基于移动端设备的应用(App)市场上的应用数目也是突飞猛进。

根据操作系统的不同，现有技术中在页面上加载控件的技术包括：

(1)Android技术方案：监测页面切换事件，根据业务需要决定是否弹出一个透明的Activity组件(Activity组件中一般承载本地控件)或者在新页面中加入一个透明的View(该View一般为一个本地控件)。

(2)iOS技术方案：监测页面切换事件，根据业务需要决定是否弹出一个透明的ViewController组件(ViewController组件中一般承载本地控件)或者在新页面中加入一个透明的View(该View一般为一个本地控件)。

但是，上述技术方案存在以下缺陷：由于弹窗的实现一般是本地控件，所以不能动态的改变弹窗内容，如需改变弹窗内容只能通过升级客户端实现；另外，弹窗弹出后会遮挡住原有页面，导致被遮住的页面无法操作。

发明内容

本申请的主要目的在于提供一种加载弹窗控件的方法和系统，以克服现有技术中存在的App页面中加载的弹窗内容无法动态改变的技术问题。

根据本申请实施例，提供一种加载弹窗控件的方法，其包括：监测到移动端应用发生页面切换事件；读取预先配置的弹窗配置文件，判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配；执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。

其中，所述配置信息中包括：需加载弹框控件的新页面的标识信息、弹框控件中加载的HTML网页的URL信息。

其中，所述判断所述配置文件中的配置信息与所述页面切换事件相匹配，包括：获取所述页面切换事件相对应的切换后的新页面的标识信息；判断所述配置信息中的需加载弹框控件的新页面的标识信息与所述切换后的新页面的标识信息相匹配。

其中，还包括：在所述弹窗控件中加载所述URL信息对应的HTML网页。

其中，还包括：检测到对于所述弹窗控件的触摸事件；根据所述触摸事件获取触摸位置的弹窗控件的透明分量，若所述透明分量大于预设阈值则交由切换后的新页面处理所述触摸事件，否则由弹窗控件处理所述触摸事件。

根据本申请实施例，还提供一种加载弹窗控件的系统，其包括：监测模块，用于监测到移动端应用发生页面切换事件；判断模块，用于读取预先配置的弹窗配置文件，判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配；弹窗嵌入模块，用于执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。

其中，所述配置信息中包括：需加载弹框控件的新页面的标识信息、弹框控件中加载的HTML网页的URL信息。

其中，所述判断模块包括：获取子模块，用于获取所述页面切换事件相对应的切换后的新页面的标识信息；判断子模块，用于判断所述配置信息中的需加载弹框控件的新页面的标识信息与所述切换后的新页面的标识信息相匹配。

其中，所述系统还包括：加载模块，用于在所述弹窗控件中加载所述URL信息对应的HTML网页。

其中，所述系统还包括：检测模块，用于检测到对于所述弹窗控件的触摸事件；触摸事件处理模块，用于根据所述触摸事件获取触摸位置的弹窗控件的透明分量，若所述透明分量大于预设阈值则交由切换后的新页面处理所述触摸事件，否则由弹窗控件处理所述触摸事件。

根据本申请的技术方案，能够在终端App应用内部任何页面部署内容动态变化的弹框控件，并且不要求升级客户端版本就可以改变弹窗内容，有效地增强了页面的视觉效果和页面的业务功能。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请一个实施例的加载弹窗控件的方法的流程图；

图2是根据本申请另一实施例的加载弹窗控件的方法的流程图；

图3是根据本申请一个实施例的处理触摸事件的方法的流程图；

图4是根据本申请一个实施例的加载弹窗控件的系统的结构框图；

图5是根据本申请另一实施例的加载弹窗控件的系统的结构框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

根据本发明实施例，提供一种加载弹窗控件的方法。需要说明的是，上述移动端应用是指安装在移动终端上为用户提供服务的应用程序，如，安装在智能手机终端上的应用程序。本实施例提供的方法的执行主体可以是安装在使用Android系统的设备或使用iOS系统的设备上应用程序，简单的说，本实施例提供的方法就是为了提供一种应用程序运行框架，该运行框架将弹窗控件应用加载到其内部去执行。

图1是根据本申请一个实施例的加载弹窗控件的方法的流程图，如图1所示，所述方法至少包括以下步骤：

步骤S102，监测到移动端应用发生页面切换事件。

在本申请的实施例中，所述页面切换事件是指在一个移动端应用(App)所访问的页面间发生的页面切换事件，也就是在App中由一个页面跳转至另一页面的事件。

步骤S104，读取预先配置的弹窗配置文件，判断所述弹窗配置文件中的配置信息与所述页面切换事件是否相匹配。

在预先配置的弹窗配置文件中规定了切换后的页面(即将要跳转的页面)是否弹出弹窗控件，也就是说，根据弹窗配置文件中所记录的配置信息判断将要跳转的页面是否弹出弹窗控件。具体地，所述弹窗配置文件中至少设置有以下配置信息：需加载弹框控件的页面的标识信息、弹框控件中加载的HTML网页的URL链接信息。在页面切换时，获取切换后的页面的标识信息，如果判断切换后的新页面的标识信息与配置信息中的需加载弹框控件的页面的标识信息相同，则判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配，然后继续执行步骤S106。

步骤S106，执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。

其中，弹窗配置文件中设置了弹窗控件的内容，例如：在弹窗配置文件中设置弹窗控件所加载的HTML网页的URL链接；通过改变URL链接即可以改变弹窗控件所呈现的内容。

通过上述实施例，能够在不侵入App代码的前提下，在移动端App中的任意页面部署可嵌入的弹窗控件，并且弹窗控件所呈现内容可以动态变化，有效地增强了页面的视觉效果和页面的业务功能。

下面结合图2详细描述上述处理的细节。图2是根据本申请另一实施例的加载弹窗控件的方法的流程图，如图2所示，所述方法包括以下步骤：

步骤S202，监测到移动端应用发生页面切换事件。

在本申请的一个实施例中，移动端App包括：页面A、页面B、页面C等三个页面，当页面A切换至页面B、或页面B切换至页面C时发生页面切换事件。在实际应用中，可以在移动端App启动时注册监听页面变化的监听器监测页面切换事件，当用户进行左右或上下滑动屏幕操作后触发页面切换事件，App内部响应该页面切换事件从而发生页面切换，此时监听器接收到通知并继续执行步骤S204。

步骤S204，读取预先配置的弹窗配置文件。

在本申请的实施例中，在云端服务器预先配置所述弹窗配置文件，云端服务器预先将弹窗配置文件推送至移动端设备、或在接收到监听器的通知后将弹窗配置文件推送至移动端设备。其中，所述弹窗配置文件中具体设置了App的哪个页面弹出弹窗控件以及弹窗控件中所加载的网页内容。具体地，在所述弹窗配置文件中设置有以下配置信息：需加载弹框控件的页面的标识信息、弹框控件中加载的HTML网页的URL链接信息、以及透明分量(即A分量)阈值。承上述例子，App内部包括三个页面，分别是页面A、页面B、页面C，在弹窗配置文件中设置了页面B弹窗，以及弹窗控件加载的网页内容的URL链接。

步骤S206，判断所述弹窗配置文件中的配置信息是否与所述页面切换事件相匹配，若匹配则执行步骤S210，否则执行步骤S208。

具体地判断过程包括：首先获取所述页面切换事件相对应的切换后的新页面的标识信息，然后判断所述配置信息中的需加载弹框控件的页面的标识信息是否与所述切换后的新页面的标识信息相同，如果相同则判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配。

步骤S208，判断切换后的页面不弹出弹窗控件，此时执行正常的页面切换事件，页面正常跳转，移动端应用由当前页面跳转至新页面，并不弹出弹窗控件。

步骤S210，判断切换后的页面需嵌入弹窗控件，此时执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。

步骤S212，在所述弹窗控件中加载URL链接对应的HTML网页。

根据本申请的上述实施例，能够在移动端App中的任意页面部署可嵌入的弹窗控件，该弹窗控件能够在被嵌入页面无感知的情况下嵌入页面，在不影响该页面原有功能的前提下，有效增强了页面的视觉效果和页面的业务功能。

在本申请的一个实施例中，当在当前页面上加载弹窗控件后，还可以对当前页面进行有效操作，下面结合图3详细描述。图3是根据本申请一个实施例的处理触摸事件的方法的流程图，如图3所示，所述方法包括以下步骤：

步骤S302，检测到对于弹窗控件的触摸事件。

进一步地，获取触摸事件对应的触摸位置的坐标。

步骤S304，根据所述触摸事件获取触摸位置的弹窗控件的透明分量(即A分量)。具体地，弹窗控件的每一个像素点的颜色值(RGBA)包括：R分量(红色分量)、G分量(绿色分量)、B分量(蓝色分量)和A分量，根据触摸位置的坐标获取该像素点的颜色值(RGBA)，然后取出A分量的数值。

步骤S306，判断触摸位置的弹窗控件的透明分量是否大于预设的A分量阈值，若是则执行步骤S308，否则执行步骤S310，

其中，所述A分量阈值可以在配置文件中预先进行设置，即在所述弹窗配置文件中设置需加载弹框控件的页面的标识信息以及弹框控件中加载的HTML网页的URL链接信息时，设置A分量阈值。

步骤S308，由切换后的新页面处理所述触摸事件，流程结束；

步骤S310，由弹窗控件处理所述触摸事件，流程结束。

通过上述实施例，弹窗控件通过判断触摸区域色值(RGBA)的透明分量合理处理触摸事件，将触摸事件交由弹框控件或其下层页面处理，因此弹窗控件并不会完全遮挡对其下方页面的操作。

根据本申请实施例，还提供一种加载弹窗控件的系统。

图4是根据本申请一个实施例的加载弹窗控件的系统的结构框图，如图4所示，所述系统至少包括：监测模块10、判断模块20和弹窗嵌入模块30，其中：

监测模块10用于监测到移动端应用发生页面切换事件；在本申请的实施例中，所述页面切换事件是指在一个移动端App所访问的页面间发生的页面切换事件，也就是在App中由一个页面跳转至另一页面的事件。

判断模块20与监测模块10相耦接，用于读取预先配置的弹窗配置文件，判断所述弹窗配置文件中的配置信息与所述页面切换事件是否相匹配。进一步地，在预先配置的弹窗配置文件中规定了将要跳转的页面是否弹出弹窗控件，也就是说，根据弹窗配置文件中所记录的配置信息判断将要跳转的页面是否弹出弹窗控件。具体地，在所述弹窗配置文件中至少设置有以下配置信息：需加载弹框控件的页面的标识信息、弹框控件中加载的HTML网页的URL链接信息。在页面切换时，获取切换后的页面的标识信息，如果判断切换后的新页面的标识信息与配置信息中的需加载弹框控件的页面的标识信息相同，则判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配。

弹窗嵌入模块30与判断模块20相耦接，用于执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。

下面参考图5，在图4的基础上，所述判断模块20进一步包括：

获取子模块210，用于获取所述页面切换事件相对应的切换后的新页面的标识信息；判断子模块220，用于判断所述配置信息中的需加载弹框控件的新页面的标识信息与所述切换后的新页面的标识信息相匹配。

继续参考图5，所述加载弹窗控件的系统还包括：加载模块40、检测模块50触摸事件和处理模块60，下面详细描述各模块的结构和连接关系。

加载模块40与弹窗嵌入模块30相耦接，用于在所述弹窗控件中加载所述统一资源定位符信息对应的HTML网页。

检测模块50与加载模块40相耦接，用于检测到对于所述弹窗控件的触摸事件。

触摸事件处理模块60与检测模块50相耦接，用于根据所述触摸事件获取触摸位置的弹窗控件的透明分量，若所述透明分量大于预设阈值则交由切换后的新页面处理所述触摸事件，否则由弹窗控件处理所述触摸事件。

本申请的方法的操作步骤与加载弹窗控件的系统的结构特征对应，可以相互参照，不再一一赘述。

综上所述，通过本申请的上述技术方案，能够在不侵入App代码的前提下，在移动端App中的任意页面部署可嵌入的弹窗控件，并且弹窗控件所呈现内容可以动态变化，有效地增强了页面的视觉效果。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种加载弹窗控件的方法，其特征在于，包括：

监测到移动端应用发生页面切换事件；

读取预先配置的弹窗配置文件，判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配；

执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。

2.根据权利要求1所述的方法，其特征在于，所述配置信息中包括：需加载弹框控件的新页面的标识信息、弹框控件中加载的超文本标记语言HTML网页的统一资源定位符URL信息。

3.根据权利要求2所述的方法，其特征在于，所述判断所述配置文件中的配置信息与所述页面切换事件相匹配，包括：

获取所述页面切换事件相对应的切换后的新页面的标识信息；

判断所述配置信息中的需加载弹框控件的新页面的标识信息与所述切换后的新页面的标识信息相匹配。

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

在所述弹窗控件中加载所述URL信息对应的HTML网页。

5.根据权利要求1所述的方法，其特征在于，还包括：

检测到对于所述弹窗控件的触摸事件；

根据所述触摸事件获取触摸位置的弹窗控件的透明分量，若所述透明分量大于预设阈值则交由切换后的新页面处理所述触摸事件，否则由弹窗控件处理所述触摸事件。

6.一种加载弹窗控件的系统，其特征在于，包括：

监测模块，用于监测到移动端应用发生页面切换事件；

判断模块，用于读取预先配置的弹窗配置文件，判断所述弹窗配置文件中的配置信息与所述页面切换事件相匹配；

弹窗嵌入模块，用于执行所述页面切换事件，并在切换后的新页面上嵌入预设的弹窗控件。

7.根据权利要求6所述的系统，其特征在于，所述配置信息中包括：需加载弹框控件的新页面的标识信息、弹框控件中加载的HTML网页的URL信息。

8.根据权利要求7所述的系统，其特征在于，所述判断模块包括：

获取子模块，用于获取所述页面切换事件相对应的切换后的新页面的标识信息；

判断子模块，用于判断所述配置信息中的需加载弹框控件的新页面的标识信息与所述切换后的新页面的标识信息相匹配。

9.根据权利要求8所述的系统，其特征在于，还包括：

加载模块，用于在所述弹窗控件中加载所述URL信息对应的HTML网页。

10.根据权利要求6所述的系统，其特征在于，还包括：

检测模块，用于检测到对于所述弹窗控件的触摸事件；

触摸事件处理模块，用于根据所述触摸事件获取触摸位置的弹窗控件的透明分量，若所述透明分量大于预设阈值则交由切换后的新页面处理所述触摸事件，否则由弹窗控件处理所述触摸事件。