CN108255562B - 页面跳转方法和装置 - Google Patents

Abstract

本发明实施例提供一种页面跳转方法和装置，该方法包括响应页面跳转指令；检测当前正在运行的应用程序并根据该应用程序获取与该应用程序对应的窗口对象；获取当前屏幕图像以及该当前屏幕图像的坐标值，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层；监控所述动画浮层是否创建完成，在所述动画浮层创建完成后将当前页面以所述动画浮层的方式跳转至待跳转页面。本发明能够实现基于多样化动画浮层的页面跳转，且实现方式简单。

Description

页面跳转方法和装置

技术领域

本发明涉及移动终端技术领域，具体而言，涉及一种页面跳转方法和装置。

背景技术

随着手机移动端的快速发展，绝大多数应用均存在页面跳转操作，但在现有的页面跳转方案中大多是基于系统动画实现，如导航栏中存在的支持左滑和右滑的动画，但该类基于系统动画实现的页面跳转方案不仅动画样式单一，且不支持先进行动画再跳转的实现方式，局限性较大。

发明内容

有鉴于此，本发明实施例提供一种页面跳转方法和装置，能有效解决上述问题。

本发明较佳实施例提供一种页面跳转方法，应用于电子设备，所述方法包括：

响应页面跳转指令；

检测当前正在运行的应用程序并根据该应用程序获取与该应用程序对应的窗口对象；

获取当前屏幕图像以及该当前屏幕图像的坐标值，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层；

监控所述动画浮层是否创建完成，在所述动画浮层创建完成后将当前页面以所述动画浮层的方式跳转至待跳转页面。

在本发明较佳实施例的选择中，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的步骤包括：

创建背景视图以及蒙版视图，并将该背景视图和蒙版视图依次叠添至所述窗口对象；

获取当前屏幕图像并将该当前屏幕图像叠加至所述蒙版视图上；

创建白色视图并将该白色视图叠加至所述当前屏幕图像上以得到所述动画浮层。

在本发明较佳实施例的选择中，创建白色视图的步骤包括：

获取当前显示屏的坐标值，并将该坐标值转换为基于窗口对象的坐标值，作为fromViewRect；

创建视图以及大小为fromViewRect的白色视图框架，并将所述视图添加至所述白色视图框架以作为白色视图。

在本发明较佳实施例的选择中，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的步骤还包括：

获取父视图的坐标值，并将该坐标值转换为基于窗口对象的坐标值，作为superViewRect；

判断所述白色视图的大小是否大于所述superViewRect，若大于，则对所述白色视图进行转换得到白色子视图；

将所述白色子视图作为用于进行视图叠加的白色视图，并执行将所述白色视图叠加至所述当前屏幕图像上以得到所述动画浮层的步骤。

在本发明较佳实施例的选择中，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的步骤还包括：

判断所述窗口对象是否存在父视图，若存在，则执行获取所述父视图的坐标值的步骤，若不存在，则将所述父视图的坐标值设置为0。

在本发明较佳实施例的选择中，在执行将当前页面以所述动画浮层的方式跳转至待跳转页面的步骤之后，所述方法还包括：

检测页面跳转是否完成，并在页面跳转完成后将所述动画浮层进行销毁。

在本发明较佳实施例的选择中，所述方法还包括：

配置动画跳转时间，并在配置完成后执行将当前页面以所述动画浮层的方式跳转至待跳转页面的步骤。

本发明较佳实施例还提供一种页面跳转装置，应用于电子设备，所述装置包括：

指令响应模块，用于响应页面跳转指令；

对象获取模块，用于检测当前正在运行的应用程序并根据该应用程序获取与该应用程序对应的窗口对象；

浮层创建模块，用于获取当前屏幕图像以及该当前屏幕图像的坐标值，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层；

页面跳转模块，用于监控所述动画浮层是否创建完成，在所述动画浮层创建完成后将当前页面以所述动画浮层的方式跳转至待跳转页面。

在本发明较佳实施例的选择中，所述浮层创建模块包括：

第一创建单元，用于创建背景视图以及蒙版视图，并将该背景视图和蒙版视图依次叠添至所述窗口对象，

第二创建单元，用于获取当前屏幕图像并将该当前屏幕图像叠加至所述蒙版视图上；

第三创建单元，用于视图创建单元，用于创建白色视图并将该白色视图叠加至所述当前屏幕图像上以得到所述动画浮层。

在本发明较佳实施例的选择中，所述装置还包括：

浮层销毁模块，用于检测页面跳转是否完成，并在页面跳转完成后将所述动画浮层进行销毁。

本发明实施例提供一种页面跳转方法和装置，能够有效解决现有技术中基于系统动画实现页面跳转方案时出现的动画形式单一以及不支持先进行动画再跳转的问题。同时，本发明基于当前应用程序构建动画浮层，能够有效增大动画浮层的多样性，改善用户体验，且实现方法简单，适用范围广。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的电子终端的方框示意图。

图2为本发明实施例提供的页面跳转方法的流程示意图。

图3为图2中所示的步骤S130的子流程示意图。

图4为图3中所示的步骤S133的子流程示意图。

图5为图2中所示的步骤S130的另一子流程示意图。

图6为本发明实施例提供的页面跳转装置的方框结构示意图。

图7为图6中所示的浮层创建模块的方框结构示意图。

图标：10-电子终端；100-页面跳转装置；110-指令响应模块；120-对象获取模块；130-浮层创建模块；131-第一创建单元；132-第二创建单元；133-第三创建单元；140-页面跳转模块；150-浮层销毁模块；200-存储器；300-存储控制器；400-处理器。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

如图1所示，为本发明实施例提供的电子终端10的方框结构示意图，该电子终端10包括页面跳转装置100、存储器200、存储控制器300以及处理器400。其中，所述存储器200、存储控制器300、处理器400各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件之间通过一条或多条通讯总线或信号线实现电性连接。所述页面跳转装置100包括至少一个可以软件或固件的形式存储于所述存储器200中或固化在所述电子终端10的操作系统中的软件功能模块。所述处理器400在所述存储控制器300的控制下访问所述存储器200，以用于执行所述存储器200中存储的可执行模块，例如所述页面跳转装置100所包括的软件功能模块及计算机程序等。可选地，所述电子终端10可以是，但不限于智能手机、个人电脑(personal computer，PC)、平板电脑、个人数字助理(personal digitalassistant，PDA)、移动上网设备(mobile Internet device，MID)等。

可以理解，图1所示的结构仅为示意，所述电子终端10还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。

请结合参阅图2，为本发明实施例提供的一种应用于所述电子终端10的页面跳转方法的流程示意图，所述方法有关的流程所定义的方法步骤可以由所述处理器400实现。下面将对图2所示的具体流程进行详细阐述。

步骤S110，响应页面跳转指令。

其中，所述页面跳转指令可以是手动触发，也可以是根据预设指令自动触发，本实施例在此不做限制。

步骤S120，检测当前正在运行的应用程序并根据该应用程序获取与该应用程序对应的窗口对象。

本实施例中，所述应用程序的类型可以是但不限于浏览器、微信等。实际实施时，可通过伪代码sharedApplication获取当前正在运行的整个应用程序，并提取该应用程序中的keywindow，以得到窗口对象。

步骤S130，获取当前屏幕图像以及该当前屏幕图像的坐标值，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层。

其中，如图3所示，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的过程可通过步骤S131到步骤S133实现。

步骤S131，创建背景视图以及蒙版视图，并将该背景视图和蒙版视图依次叠添至所述窗口对象。

其中，可通过UIView类创建一个background视图，并对该background视图的颜色进行设置，如黑色等，本实施例在此不做限制。

此外，所述蒙版视图可以为但不限于半透明蒙版视图，具体创建过程为：通过UIView类创建一个shadowBack视图，并对该shadowBack视图的颜色和透明度进行设置后即可得到蒙版视图，其中，所述蒙版视图的颜色可以为但不限于黑色，透明度可以是但不限于0.7左右。

步骤S132，获取当前屏幕图像并将该当前屏幕图像叠加至所述蒙版视图上。

其中，所述当前屏幕图像为当前屏幕截图，可通过函数snapshotViewAfterScreenUpdates获取，并将获取到的屏幕截图命名为screenSnapshotView。

步骤S133，创建白色视图并将该白色视图叠加至所述当前屏幕图像上以得到所述动画浮层。

本实施例中，所述白色视图位于所述动画浮层的最前面，所述背景视图位于所述动画浮层的最底层，所述蒙版视图和所述当前屏幕图像位于所述背景视图与所述白色视图之间，且所述蒙版视图位于所述当前屏幕图像和所述背景视图之间。

具体地，如图4所示，在本实施例中，创建白色视图并将该白色视图的步骤可通过子步骤S1330和子步骤S1331实现。

步骤S1330，获取当前显示屏的坐标值，并将该坐标值转换为基于窗口对象的坐标值，作为fromViewRect。

其中，可基于UIScreen类中的mainScreen方法获得当前显示屏的坐标值并通过点语法点size再点宽度获取到当前屏幕的宽度，记为screenWidth，利用点语法点size再点高度获取到当前屏幕的高度，记为screenHeight，并将(screenWidth，screenHeight)作为fromView。再基于坐标转换函数convertRect将fromView转化基于窗口对象的坐标值，并将转换后的坐标值作为fromViewRect。

步骤S1331，创建视图以及大小为fromViewRect的白色视图框架，并将所述视图添加至所述白色视图框架以作为白色视图。

其中，所述视图为最前面的视图，如frontWhiteView，可基于UIView类创建。此外，在创建所述白色视图框架时，可首先定义一个变量为CGRect，并将该CGRect的名称命名为frontWhiteViewFrame，最后将fromViewRect赋值给所述frontWhiteViewFrame，得到白色视图框架。最后，可利用initWithFrame方法将完成创建的视图frontWhiteView添加至白色视图框架frontWhiteViewFrame，并对完成添加的视图颜色进行设置，如白色，即可得到所述白色视图。

根据实际需求，如图5所示，在执行将所述白色视图叠加至所述当前屏幕图像上以得到所述动画浮层的步骤之前，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的步骤还包括以下子步骤。

步骤S134，获取父视图的坐标值，并将该坐标值转换为基于窗口对象的坐标值，作为superViewRect。

本实施例中，在获取所述父视图的坐标值的步骤之前，首先判断所述窗口对象是否存在父视图，若存在，则执行获取所述父视图的坐标值的步骤，若不存在，则将所述父视图的坐标值设置为0。实际实施时，可基于坐标转换函数convertRect将父视图superView的坐标值bounds转换为基于所述窗口对象坐标值，并记为superViewRect。

步骤S135，判断所述白色视图的大小是否大于所述superViewRect，若大于，则对所述白色视图进行转换得到白色子视图。

当所述白色视图的大小大于所述superViewRect时，将所述白色视图转换为多个白色子视图的过程为：分别提取所述superViewRect中的宽度值(y)和高度值(x)，并将所述superViewRect中的宽度值(y)赋值给所述白色视图的宽度值(y)，判断fromViewRect的y值加上fromViewRect的高度，如果加起来的值大于父视图superViewRect的y值加上superViewRect的高度，此处需要将frontWhiteViewFrame的高度设置为superViewRect视图的高度，以得到最终白色子视图。

步骤S136，将所述白色子视图作为用于进行视图叠加的白色视图，并执行将所述白色视图叠加至所述当前屏幕图像上以得到所述动画浮层的步骤。

步骤S140，监控所述动画浮层是否创建完成，在所述动画浮层创建完成后将当前页面以所述动画浮层的方式跳转至待跳转页面。

其中，在所述动画浮层创建完成后，还需配置动画跳转时间，并在该动画跳转时间配置完成后执行将当前页面以所述动画浮层的方式跳转至待跳转页面的步骤。可选地，所述动画跳转时间(timeInterval)可以是但不限于0.5秒。

此外，在进行动画播放过程中，可采用缩放函数对所述动画浮层进行缩放处理，本实施例在此不做限制。

步骤S150，检测页面跳转是否完成，并在页面跳转完成后将所述动画浮层进行销毁。

本实施例中，在页面跳转完成后可调用函数removeFromSuperview将如背景视图、蒙版视图、当前屏幕截图等进行销毁或回收等，以节省资源开销。

进一步地，基于对上述页面跳转方法的描述，本发明实施例还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序在执行时实现上述图2对应的方法实施例中描述的各个步骤。

请结合参阅图6，本发明实施例还提供一种可应用于所述电子终端10的页面跳转装置100。所述页面跳转装置100包括指令响应模块110、对象获取模块120、浮层创建模块130、页面跳转模块140和浮层销毁模块150。

所述指令响应模块110，用于响应页面跳转指令。本实施例中，关于所述指令响应模块110的描述具体可参考上述步骤S110的详细描述，也即，所述步骤S110可以由指令响应模块110执行，因而在此不作更多说明。

所述对象获取模块120，用于检测当前正在运行的应用程序并根据该应用程序获取与该应用程序对应的窗口对象。本实施例中，关于所述对象获取模块120的描述具体可参考上述步骤S120的详细描述，也即，所述步骤S120可以由对象获取模块120执行，因而在此不作更多说明。

所述浮层创建模块130，用于获取当前屏幕图像以及该当前屏幕图像的坐标值，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层。本实施例中，关于所述浮层创建模块130的描述具体可参考上述步骤S130的详细描述，也即，所述步骤S130可以由浮层创建模块130执行，因而在此不作更多说明。可选地，如图7所示，所述浮层创建模块130包括第一创建单元131、第二创建单元132和第三创建单元133。

所述第一创建单元131，用于创建背景视图以及蒙版视图，并将该背景视图和蒙版视图依次叠添至所述窗口对象。本实施例中，关于所述第一创建单元131的描述具体可参考上述步骤S131的详细描述，也即，所述步骤S131可以由第一创建单元131执行，因而在此不作更多说明。

所述第二创建单元132，用于获取当前屏幕图像并将该当前屏幕图像叠加至所述蒙版视图上。本实施例中，关于所述第二创建单元132的描述具体可参考上述步骤S132的详细描述，也即，所述步骤S132可以由第二创建单元132执行，因而在此不作更多说明。

所述第三创建单元133，用于视图创建单元，用于创建白色视图并将该白色视图叠加至所述当前屏幕图像上以得到所述动画浮层。本实施例中，关于所述第三创建单元133的描述具体可参考上述步骤S133的详细描述，也即，所述步骤S133可以由第三创建单元133执行，因而在此不作更多说明。

所述页面跳转模块140，用于监控所述动画浮层是否创建完成，在所述动画浮层创建完成后将当前页面以所述动画浮层的方式跳转至待跳转页面。本实施例中，关于所述页面跳转模块140的描述具体可参考上述步骤S140的详细描述，也即，所述步骤S140可以由页面跳转模块140执行，因而在此不作更多说明。

所述浮层销毁模块150，用于检测页面跳转是否完成，并在页面跳转完成后将所述动画浮层进行销毁。本实施例中，关于所述浮层销毁模块150的描述具体可参考上述步骤S150的详细描述，也即，所述步骤S150可以由浮层销毁模块150执行，因而在此不作更多说明。

综上所述，本发明实施例提供一种页面跳转方法和装置，能够有效解决现有技术中基于系统动画实现页面跳转方案时出现的动画形式单一以及不支持先进行动画再跳转的问题。同时，本发明基于当前应用程序构建动画浮层，能够有效增大动画浮层的多样性，改善用户体验，且实现方法简单，适用范围广。

在本发明的描述中，术语“设置”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。

在本发明实施例所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其他方式实现。以上所描述的装置和方法实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的预设数量个实施例的装置、方法和计算机程序产品可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分。所述模块、程序段或代码的一部分包含一个或预设数量个用于实现规定的逻辑功能。

也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

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

Claims (7)

1.一种页面跳转方法，应用于电子设备，其特征在于，所述方法包括：

响应页面跳转指令；

检测当前正在运行的应用程序并根据该应用程序获取与该应用程序对应的窗口对象；

获取当前屏幕图像以及该当前屏幕图像的坐标值，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层；

监控所述动画浮层是否创建完成，在所述动画浮层创建完成后将当前页面以所述动画浮层的方式跳转至待跳转页面；

基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的步骤包括：

创建背景视图以及蒙版视图，并将该背景视图和蒙版视图依次叠添至所述窗口对象；

获取当前屏幕图像并将该当前屏幕图像叠加至所述蒙版视图上；

创建白色视图并将该白色视图叠加至所述当前屏幕图像上以得到所述动画浮层；

基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的步骤还包括：

获取所述窗口对象的父视图的坐标值，并将该坐标值转换为基于窗口对象的坐标值，作为superViewRect；

判断所述白色视图的大小是否大于所述superViewRect，若大于，则对所述白色视图进行转换得到白色子视图；

将所述白色子视图作为用于进行视图叠加的白色视图，并执行将所述白色视图叠加至所述当前屏幕图像上以得到所述动画浮层的步骤。

2.根据权利要求1所述的页面跳转方法，其特征在于，创建白色视图的步骤包括：

获取当前显示屏的坐标值，并将该坐标值转换为基于窗口对象的坐标值，作为fromViewRect；

创建视图以及大小为fromViewRect的白色视图框架，并将所述视图添加至所述白色视图框架以作为白色视图。

3.根据权利要求1所述的页面跳转方法，其特征在于，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层的步骤还包括：

判断所述窗口对象是否存在父视图，若存在，则执行获取所述父视图的坐标值的步骤，若不存在，则将所述父视图的坐标值设置为0。

4.根据权利要求1所述的页面跳转方法，其特征在于，在执行将当前页面以所述动画浮层的方式跳转至待跳转页面的步骤之后，所述方法还包括：

检测页面跳转是否完成，并在页面跳转完成后将所述动画浮层进行销毁。

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

配置动画跳转时间，并在配置完成后执行将当前页面以所述动画浮层的方式跳转至待跳转页面的步骤。

6.一种页面跳转装置，应用于电子设备，其特征在于，所述装置包括：

指令响应模块，用于响应页面跳转指令；

对象获取模块，用于检测当前正在运行的应用程序并根据该应用程序获取与该应用程序对应的窗口对象；

浮层创建模块，用于获取当前屏幕图像以及该当前屏幕图像的坐标值，基于所述窗口对象、当前屏幕图像以及该当前屏幕图像的坐标值创建动画浮层；

页面跳转模块，用于监控所述动画浮层是否创建完成，在所述动画浮层创建完成后将当前页面以所述动画浮层的方式跳转至待跳转页面；

所述浮层创建模块包括：

第一创建单元，用于创建背景视图以及蒙版视图，并将该背景视图和蒙版视图依次叠添至所述窗口对象；

第二创建单元，用于获取当前屏幕图像并将该当前屏幕图像叠加至所述蒙版视图上；

第三创建单元，用于视图创建单元，用于创建白色视图并将该白色视图叠加至所述当前屏幕图像上以得到所述动画浮层；

所述浮层创建模块还包括：

坐标获取模块，用于获取所述窗口对象的父视图的坐标值，并将该坐标值转换为基于窗口对象的坐标值，作为superViewRect；

判断模块，用于判断所述白色视图的大小是否大于所述superViewRect，若大于，则对所述白色视图进行转换得到白色子视图；

叠加模块，用于将所述白色子视图作为用于进行视图叠加的白色视图，并执行将所述白色视图叠加至所述当前屏幕图像上以得到所述动画浮层的步骤。

7.根据权利要求6所述的页面跳转装置，其特征在于，所述装置还包括：

浮层销毁模块，用于检测页面跳转是否完成，并在页面跳转完成后将所述动画浮层进行销毁。

Images