CN107943552A - 一种移动终端的页面切换方法和移动终端 - Google Patents
一种移动终端的页面切换方法和移动终端 Download PDFInfo
- Publication number
- CN107943552A CN107943552A CN201711139107.4A CN201711139107A CN107943552A CN 107943552 A CN107943552 A CN 107943552A CN 201711139107 A CN201711139107 A CN 201711139107A CN 107943552 A CN107943552 A CN 107943552A
- Authority
- CN
- China
- Prior art keywords
- pages
- window
- application program
- content
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
Abstract
本发明实施例公开一种移动终端的页面切换方法和移动终端,用于提高页面切换的效果。其中,当接收到将当前页面切换为目标页面的操作请求时,根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,当前页面的页面内容显示在移动终端的应用程序第一窗口内,应用程序第二窗口用于显示目标页面;根据操作请求获取目标页面的页面内容,以及根据当前页面的页面内容和目标页面的页面内容生成过场画面;将生成的过场画面加载到应用程序第二窗口内进行显示;当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在应用程序第二窗口内显示目标页面的页面内容。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种移动终端的页面切换方法和移动终端。
背景技术
随着电子技术的快速发展,手机和平板电脑等移动终端已经成为了用户的生活与工作的一部分,用户不仅可以利用这些移动终端进行通讯,还可以使用移动终端的显示界面进行文件传输、摄像、玩游戏等。
目前,在对显示界面中的页面进行切换时,主要是基于用户触摸显示屏下发操作请求,从而实现页面的前进或后退。其中,显示界面上的页面切换本质就是使用同一个显示界面加载不同的页面内容,而显示界面的更新需要重新渲染出下一页内容,通过下一页内容覆盖掉当前页内容,从而在前后两页的切换过程中不可避免的要产生闪白的状况。现有技术为了解决移动终端的页面切换中出现的闪白,通常会在前后两页的切换过程中将加载页(例如显示为loading)作为过渡,先给用户显示出加载页,等下一页渲染完毕后再覆盖掉该加载页,从而完成下一页内容的显示。
虽然通过显示加载页能够避免屏幕的闪白,但是该加载页的显示使得页面切换效果受到了影响,在切换效果的实现上很难做到平滑过渡,使得加载页的显示存在割裂感。
发明内容
本发明实施例提供了一种移动终端的页面切换方法和移动终端,用于提高页面切换的效果,实现页面流畅切换。
为解决上述技术问题,本发明实施例提供以下技术方案:
第一方面,本发明实施例提供一种移动终端的页面切换方法,包括:
当接收到将当前页面切换为目标页面的操作请求时,根据所述操作请求将所述移动终端的应用程序第一窗口跳转至所述移动终端的应用程序第二窗口,所述当前页面的页面内容显示在移动终端的应用程序第一窗口内,所述应用程序第二窗口用于显示所述目标页面;
根据所述操作请求获取所述目标页面的页面内容,以及根据所述当前页面的页面内容和所述目标页面的页面内容生成过场画面,所述过场画面包括:所述目标页面的页面内容覆盖所述当前页面的页面内容所形成的画面;
将生成的所述过场画面加载到所述应用程序第二窗口内进行显示;以及,
当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在所述应用程序第二窗口内显示所述目标页面的页面内容。
第二方面,本发明实施例还提供一种移动终端,包括:
窗口跳转模块,用于当接收到将当前页面切换为目标页面的操作请求时,根据所述操作请求将所述移动终端的应用程序第一窗口跳转至所述移动终端的应用程序第二窗口,所述当前页面的页面内容显示在移动终端的应用程序第一窗口内,所述应用程序第二窗口用于显示所述目标页面;
画面生成模块,用于根据所述操作请求获取所述目标页面的页面内容,以及根据所述当前页面的页面内容和所述目标页面的页面内容生成过场画面,所述过场画面包括:所述目标页面的页面内容覆盖所述当前页面的页面内容所形成的画面;
过场画面显示模块,用于将生成的所述过场画面加载到所述应用程序第二窗口内进行显示;以及,
目标页面显示模块,用于当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在所述应用程序第二窗口内显示所述目标页面的页面内容。
本申请的第三方面,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述各方面所述的方法。
从以上技术方案可以看出,本发明实施例具有以下优点:
在本发明实施例中,当接收到将当前页面切换为目标页面的操作请求时,根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,当前页面的页面内容显示在移动终端的应用程序第一窗口内,应用程序第二窗口用于显示目标页面,然后根据操作请求获取目标页面的页面内容,以及根据当前页面的页面内容和目标页面的页面内容生成过场画面,过场画面包括:目标页面的页面内容覆盖当前页面的页面内容所形成的画面,接下来将生成的过场画面加载到应用程序第二窗口内进行显示,当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在应用程序第二窗口内显示目标页面的页面内容。在本发明实施例中,应用程序第一窗口和应用程序第二窗口进行跳转交互时,可以达到带有过场动画的显示效果,并且该过场动画通过当前页面和目标页面来生成,从而过场动画保持了与页面一致的效果,目标页面内容的切换使得用户无感知,在切换效果的实现上到了平滑过渡,提高了页面切换的效果,实现页面流畅切换。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域的技术人员来讲,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种移动终端的页面切换方法的流程方框示意图;
图2为本发明实施例提供的另一种移动终端的页面切换方法的流程方框示意图;
图3为本发明实施例提供的在移动终端的显示界面上发生的页面切换过程示意图;
图4为本发明实施例提供的在移动终端的显示界面的目标页面内容的切换过程示意图;
图5为本发明实施例提供的在移动终端的视频应用程序内发生的页面切换过程示意图;
图6为本发明实施例提供的移动终端的页面切换方法的一种执行流程示意图;
图7为本发明实施例提供的在移动终端内执行的组件交互过程示意图;
图8-a为本发明实施例提供的一种移动终端的组成结构示意图;
图8-b为本发明实施例提供的另一种移动终端的组成结构示意图;
图8-c为本发明实施例提供的另一种移动终端的组成结构示意图;
图8-d为本发明实施例提供的一种窗口跳转模块的组成结构示意图;
图8-e为本发明实施例提供的一种画面生成模块的组成结构示意图;
图9为本发明实施例提供的移动终端的页面切换方法应用于终端的组成结构示意图。
具体实施方式
本发明实施例提供了一种移动终端的页面切换方法和移动终端,用于提高页面切换的效果,实现页面流畅切换。
为使得本发明的发明目的、特征、优点能够更加的明显和易懂,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本发明一部分实施例,而非全部实施例。基于本发明中的实施例,本领域的技术人员所获得的所有其他实施例,都属于本发明保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,以便包含一系列单元的过程、方法、系统、产品或设备不必限于那些单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它单元。
以下分别进行详细说明。
本发明移动终端的页面切换方法的一个实施例,具体可以应用于在移动终端的显示界面上的页面内容切换,该移动终端具体可以是手机、平板电脑等智能设备。本发明实施例中通过在移动终端的显示界面上加载过场动画的方式,使得目标页面加载完成之前先过场动画给用户,使得用户在无感知的情况下完成切换。请参阅图1和图2所示,本发明一个实施例提供的移动终端的页面切换方法,可以包括如下步骤:
101、当接收到将当前页面切换为目标页面的操作请求时,根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,当前页面的页面内容显示在移动终端的应用程序第一窗口内,应用程序第二窗口用于显示目标页面。
在本发明实施例中,用户可以通过在移动终端的显示界面上进行触摸操作来下发操作请求,该操作请求用于指示移动终端将当前页面切换为目标页面,其中,当前页面和目标页面的显示可以基于移动终端内安装的应用程序(Application,App),该应用程序可以是社交软件或者视频应用程序或者游戏应用程序等。其中,移动终端对该操作请求的检测可以通过用户在移动终端内产生的触摸轨迹来确定。触摸轨迹可以根据用户的实际操作需求进行配置,如将从屏幕右侧向左划的触摸轨迹设置为向后切换页面,或者将双击屏幕左侧设置为向后切换页面,或者将用户点击显示屏幕上的某个链接按钮设置为向后切换页面,本发明实施例不做具体限定。
在本发明实施例中,移动终端的操作系统中可以使用应用程序窗口作为页面容器,不同页面的页面内容可以显示在相应的应用程序窗口中。例如移动终端的操作系统为安卓(Android)系统,应用程序窗口由Activity窗口组件构成。在一个android应用中,一个Activity通常就是一个单独的屏幕,它上面可以显示一些控件,也可以监听并处理用户的事件做出响应,例如可以监听用户下方的操作请求事件。本发明实施例中,当前页面所在的应用程序窗口定义为“应用程序第一窗口”,则当前页面的页面内容显示在移动终端的应用程序第一窗口内,目标页面是按照用户的操作请求进行页面切换后的页面,移动终端中的应用程序第二窗口用于显示该目标页面。
在本发明实施例中,移动终端接收到用户需要触发页面切换的操作请求时,移动终端可以根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口。其中,跳转前后的两个应用程序窗口可以是不同窗口类型的应用程序窗口,举例说明,应用程序第一窗口可以是操作系统的原生界面,例如该应用程序第一窗口为Activity界面,应用程序第二窗口可以兼容于多种终端类型的跨终端框架界面,例如该应用程序第二窗口为ReactNative(简称为RN)Activity界面,在这种实现场景下,移动终端可以将Activity界面跳转到RN Activity界面,该RN Activity界面能够实现跨终端的界面显示。
需要说明的是,在前述的举例说明中,Activity是android四大组件之一,Activity页面所有内容的容器,RN Activity承载的是通过React Native技术渲染出来的视图,Activity承载的是android原生直接渲染出来的视图。
在本发明的一些实施例中,如图2所示,步骤101根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,包括:
A1、将移动终端的应用程序第二窗口以透明化的方式覆盖应用程序第一窗口的界面,并通过应用程序第二窗口触发目标视图对象的初始化运行。
其中,按照用户下发的操作请求,移动终端需要将移动终端的应用程序第一窗口跳转至应用程序第二窗口,在实际应用中,移动终端可以设置应用程序第二窗口为透明化,例如移动终端可以设置应用程序第二窗口的背景色为透明化,透明化的含义是对于用户而言是不可见的。应用程序第二窗口以透明化的方式覆盖应用程序第一窗口的界面,从而可以完成应用程序窗口从应用程序第一窗口切换为应用程序第二窗口,但是应用程序第二窗口以透明化的方式进行窗口覆盖,使得用户仍然可以看到应用程序第一窗口,即在用户的感知层面仍然是停留在应用程序第一窗口,因此本发明实施例中可以实现用户在无感知下的应用程序窗口跳转。
在本申请实施例中,移动终端在跳转至应用程序第二窗口时,应用程序第二窗口就可以运行起来,接下来可以通过应用程序第二窗口触发目标视图对象的初始化运行。其中视图对象用于在应用程序窗口内实现页面的显示控制,本发明实施例中将用于控制目标页面的视图对象称为目标视图对象。本发明实施例中移动终端需要先初始化运行视图对象,在目标视图对象初始化运行之后,可以通过该目标视图对象完成目标页面的渲染。举例说明,应用程序第二窗口可以是RN Activity,目标视图对象可以是通过RN Activity所承载的视图RN View,RN View在初始化完成之后可以加载目标页面。
在本发明的一些实施例中,在前述执行步骤A1的实现场景下,如图2所示,本发明实施例提供的方法除了执行步骤A1中通过应用程序第二窗口触发目标视图对象的初始化运行之后,该方法还可以包括如下步骤:
B1、在目标视图对象开始初始化运行时,将目标视图对象以透明化的方式覆盖应用程序第二窗口的界面;
B2、当目标视图对象初始化完成时,将目标视图对象从透明化转换为非透明化,并以非透明化的方式覆盖应用程序第二窗口的界面。
其中,移动终端通过应用程序第二窗口触发目标视图对象的初始化运行,当该目标视图对象开始初始化运行时,将目标视图对象以透明化的方式覆盖应用程序第二窗口的界面。在实际应用中,移动终端可以设置目标视图对象为透明化,例如移动终端可以设置目标视图对象的背景色为透明化,透明化的含义是对于用户而言目标视图是不可见的。目标视图对象以透明化的方式覆盖应用程序第二窗口的界面,结合前述步骤A1和步骤B1所示的场景,目标视图对象和应用程序第二窗口都是以透明化的方式进行窗口覆盖,使得用户仍然可以看到应用程序第一窗口,即在用户的感知层面仍然是停留在应用程序第一窗口,因此本发明实施例中可以实现用户在无感知下的目标视图对象初始化过程。当目标视图对象初始化完成时,说明该目标视图对象已经完成在应用程序第二窗口内的加载,此时可以将目标视图对象从透明化转换为非透明化,并以非透明化的方式覆盖应用程序第二窗口的界面,其中,目标视图对像的非透明化使得用户可以看到该目标视图对象,因此本发明实施例中可以实现在用户无感知情况下的目标视图对象加载,并且在用户可以看到该目标视图对象时,目标视图对象已经完成了加载,对于用户而言实现目标视图对象的快速加载。
在本发明的一些实施例中,基于前述的步骤A1的实现场景下,目标视图对象的初始化运行,具体可以包括如下过程:
C1、从移动终端的内存中加载目标视图对象;以及,
C2、接收从应用程序第一窗口透传至应用程序第二窗口的页面初始化数据,并在目标初始对象上加载页面初始化数据。
其中,目标视图对象由应用程序第二窗口来触发得到,例如从移动终端的内存中加载该目标视图对象,在应用程序第一窗口跳转至应用程序第二窗口时,应用程序第一窗口透传页面初始化数据给应用程序第二窗口,在目标初始对象上加载该页面初始化数据,其中,页面初始化数据用于实现窗口切换后页面重新加载。举例说明如下,应用程序第一窗口为Activity,应用程序第二窗口为RN Activity,目标初始对象为RN View,RN Activity会通过RN通信机制把相应的页面初始化数据再透传给RN view,RN View接收到Activity透传至RN Activity的页面初始化数据,RN view接收到后就可以开始加载页面。
在本发明的一些实施例中,移动终端的操作系统可以通过组件的方式来实现,步骤101根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,包括:
D1、获取控制应用程序第一窗口的第一应用程序组件;
D2、根据操作请求生成组件调用描述信息;
D3、根据组件调用描述信息通过第一应用程序组件调用第二应用程序组件;
D4、通过第二应用程序组件显示应用程序第二窗口。
其中,本发明实施例中,移动终端内组件之间可以通过组件调用描述信息进行通信,第一应用程序组件可用于控制应用程序第一窗口,同理,第二应用程序组件可用于控制应用程序第二窗口,第一应用程序组件和第二应用程序组件之间可以通过组件调用描述信息进行调用,例如该组件调用描述信息具体可以是Intent,在Android系统中提供了Intent机制来协助应用间的交互与通讯,Intent负责对应用中一次操作的动作、动作涉及数据、附加数据进行描述,根据此Intent的描述,负责找到对应的组件,将Intent传递给调用的组件,并完成组件的调用。Intent可用于应用程序之间的交互。
102、根据操作请求获取目标页面的页面内容,以及根据当前页面的页面内容和目标页面的页面内容生成过场画面,过场画面包括:目标页面的页面内容覆盖当前页面的页面内容所形成的画面。
在本发明实施例中,移动终端获取到将当前页面切换为目标页面的操作请求,移动终端还可以根据该操作请求获取目标页面的页面内容,例如移动终端可以从服务器获取到目标页面的页面内容。移动终端通过当前页面的页面内容和目标页面的页面内容,可以生成过场画面。该过场画面包括:目标页面的页面内容覆盖当前页面的页面内容所形成的画面。例如过场画面是按照预置的覆盖百分比,由目标页面的页面内容覆盖当前页面的页面内容所形成的画面,例如目标页面的页面内容覆盖50%的当前页面的画面内容就可以形成过场画面,或者目标页面的页面内容覆盖20%的当前页面的画面内容就可以形成过场画面。在本发明的一些实施例中,过场画面可以具体为过场动画,其中,过场动画也可以理解为页面过渡动画,过场动画的生成方式是:通过记录目标页面的页面内容对当前页面的页面内容的覆盖过程而得到,例如在目标页面的页面内容开始覆盖当前页面的页面内容时开始记录覆盖画面,直至目标页面的页面内容完成对当前页面的页面内容的覆盖,因此过场动画包括:目标页面的页面内容对当前页面的页面内容开始进行覆盖直至覆盖完成的覆盖过程画面。举例说明,从A页面拉取B页面时,可以基于A、B页面的页面内容来生成B页面对A页面的覆盖过程的动画,例如,生成的过场动画可以包括B页面从页面的哪个方向开始覆盖A页面直至实现全部覆盖。
在本发明的一些实施例中,过场画面可以具体为过场动画,步骤102根据当前页面的页面内容和目标页面的页面内容生成过场画面,包括:
E1、获取目标页面的画面显示方式;
E2、按照画面显示方式获取目标页面在不同显示时间上显示出的页面内容,并将目标页面在不同显示时间上显示出的页面内容分别按照不同的显示时间与当前页面的页面内容进行画面合成,得到在多个显示时间分别对应的画面合成结果,在多个显示时间分别对应的画面合成结果构成过场动画。
其中,目标页面的画面显示方式是指目标页面在移动终端的显示界面上的显示方式,例如目标页面的画面显示方式可以是透明渐变或者从右往左滑动出现等动画形式展现,按照画面显示方式获取目标页面在不同显示时间上显示出的页面内容,其中,多个显示时间用于显示动画内容的多个时间帧,将目标页面在不同显示时间上显示出的页面内容分别按照不同的显示时间与当前页面的页面内容进行画面合成,通过对不同显示时间上的画面合成,可以记录下目标页面的页面内容对当前页面的页面内容的覆盖过程,得到在多个显示时间分别对应的画面合成结果,在多个显示时间分别对应的画面合成结果构成过场动画。通过前述方式生成的过场动画可以包括标页面的页面内容对当前页面的页面内容的覆盖过程,用户观看这种的过场动画容易产生页面环境的持续感。
103、将生成的过场画面加载到应用程序第二窗口内进行显示。
在本发明实施例中,生成过场画面之后,在移动终端的应用程序第二窗口内来显示该过场画面,由于该过场画面记录有目标页面对当前页面的覆盖画面,因此用户在应用程序第二窗口内看到的过场画面仍然是有关当前页面和目标页面的,对于用户而言没有画面的割裂感,从而保持了页面的整个过渡感,对于用户而言是无感知的。
在本发明的一些实施例中,在前述执行步骤B1至步骤B2的实现场景下,步骤103将生成的过场画面加载到应用程序第二窗口内进行显示,包括:
F1、在非透明化的目标视图对象上显示过场画面。
其中,目标视图对象以非透明化的方式覆盖应用程序第二窗口的界面之后,用户通过移动终端的显示界面可以看到非透明化的目标视图对象,移动终端加载的过场画面可以是在非透明化的目标视图对象上来显示过场画面,例如可以在非透明化的目标视图对象上来播放过场画面。
104、当目标页面的页面内容在应用程序第二窗口上加载完成后,在应用程序第二窗口内显示目标页面的页面内容。
在本发明实施例中,通过前述步骤103触发了过场画面在应用程序第二窗口内的显示,例如可以触发过场动画在应用程序第二窗口内播放,在该过场动画播放完成后,可以在应用程序第二窗口内显示出目标页面的页面内容,从而用户可以在应用程序第二窗口内看切换后的目标页面,即移动终端完成了对用户下发页面切换的操作请求的响应。本发明实施例中从当前页面到目标页面的页面切换过程中加载有过场画面,该过场画面并不是完全脱离于当前页面环境的加载页,使得用户观看过场画面时仍然体验到当前页面环境的画面风格,从而过场画面保持了与页面一致的效果,目标页面内容的切换使得用户无感知,在切换效果的实现上到了平滑过渡,提高了页面切换的效果,实现页面流畅切换。
通过前述内容对本发明实施例的举例说明可知,当接收到将当前页面切换为目标页面的操作请求时,根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,当前页面的页面内容显示在移动终端的应用程序第一窗口内,应用程序第二窗口用于显示目标页面,然后根据操作请求获取目标页面的页面内容,以及根据当前页面的页面内容和目标页面的页面内容生成过场画面,过场画面包括:目标页面的页面内容覆盖当前页面的页面内容所形成的画面,接下来将生成的过场画面加载到应用程序第二窗口内进行显示,当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在应用程序第二窗口内显示目标页面的页面内容。在本发明实施例中,应用程序第一窗口和应用程序第二窗口进行跳转交互时,可以达到带有过场动画的显示效果,并且该过场动画通过当前页面和目标页面来生成,从而过场动画保持了与页面一致的效果,目标页面内容的切换使得用户无感知,在切换效果的实现上到了平滑过渡,提高了页面切换的效果,实现页面流畅切换。
为便于更好的理解和实施本发明实施例的上述方案,下面举例相应的应用场景来进行具体说明。
接下来以移动终端的操作系统为安卓系统为例,移动终端的显示界面可以使用ReactNative(简称RN)来完成页面显示,RN是在运行时经由一系列解释和转换形成最终android视图,RN是用javascript开发,Native是Java开发,这里Native是代指android,即原生的意思。在页面加载之前使用Activity(即Android系统原生界面)作为页面容器,Activity是android 的四大组件之一,Activity就是页面所有内容的容器。在页面加载之后使用RN Activity作为页面容器,该RN Activity是承载RN View的Activity,RN View是指通过RN渲染得到的页面。RN Acitvity及Acitivty本质上没有区别,不同的是RNActivity承载的是通过React Native技术渲染出来的视图,Activity承载的是android原生直接渲染出来的视图。
在本发明实施例中,通过让RN Activity背景透明化,在Activity与RN Activity需要过场画面时由RN View去模拟渲染,该过场画面具体可以是过场动画,本发明实施例中可以完成用户无感知页面切换,即让用户在无感知的情况下,完成Activity与RN Activity的跳转,并带有过场动画,做到APP内体验一致。
在本发明的一些实施例中,在从Activity跳转至RN Activity时,把RN Activity背景色透明化,RN Activity背景色透明化是指页面容器本身透明化,当用户触发跳转逻辑时,RN Activity开始启动,加载RN View。RN View初始化也为透明的View,其中,透明的View只是视图本身透明。若视图透明、容器不透明或者容器透明但装载的视图不透明,这些情况都会导致用户无法看到页面。当代码逻辑运行到RN View接收到Activity透传至RNActivity的页面初始化数据时,RN View变为非透明化,同时RN渲染一段过场动画给用户观看,本发明实施例中过场动画是在Activity已经固定,但RN Activity透明的情况下,最终由视图RN View来渲染一段过场动画,达到用户无感知的切换。
如图3所示,为本发明实施例提供的在移动终端的显示界面上发生的页面切换过程示意图。移动终端的显示界面上设置有页面切换按钮,当用户点击该页面切换按钮时触发操作请求,在移动终端的显示界面上先加载生成的过场动画,在过场动画播放完成后显示目标页面的画面内容,其中,过场动画的生成过程详见前述实施例中的描述。
如图4所示,为本发明实施例提供的在移动终端的显示界面的目标页面内容的切换过程示意图。在第一屏渲染成功后,用户此时看见的还是Activity的界面,例如以视频应用程序的显示界面为例,体育频道页面上设置有精彩赛事,具体包括:TV1的举重决赛,播放时间为10:00,并向用户显示预约按钮;TV2的自由泳决赛,播放时间为13:00,并向用户显示预约按钮。当用户点击“精彩赛事”时,触发页面切换过程,按照前述的内容说明,移动终端可以在视屏应用程序的显示界面上显示已生成的过场动画,然后加载切换后的页面,例如切换后的页面仍为体育频道页面上设置有精彩赛事,具体包括:TV1的举重决赛,播放时间为10:00,并向用户显示预约按钮;TV2的自由泳决赛,播放时间为13:00,并向用户显示预约按钮;TV3的田径决赛,播放时间为15:00,并向用户显示预约按钮;TV4的射击决赛,播放时间为18:00,并向用户显示预约按钮。
如图5所示,为本发明实施例提供的在移动终端的视频应用程序内发生的页面切换过程示意图。例如以视频应用程序的显示界面为例,视屏应用程序的显示界面在图5中只是示例说明,对于图5中所展示的详细视频列表内容是用于示意页面的显示过程以及过场动画的显示过程,可以基于图5中每个页面为一整体来理解本发明,具体页面需要载入的信息由具体场景确定,此处不做限定。图5中所示的三张图片展示了整个过场动画的效果,第一张图片点击“全网都在追”触发页面切换,第二张图片是过场动画的播放,可以见过程动画由切换前后的两个页面合成得到,第三张图片是在过场动画完毕后显示切换后的页面。由图5控制,本发明实施例中点击全部跳转至RN Activity渲染的列表页,中间那张图即是RN渲染出的过场动画,可以实现页面跳转无缝衔接。
如图6所示,为本发明实施例提供的移动终端的页面切换方法的一种执行流程示意图。接下来以移动终端的硬件环境为Android手机为例进行说明,本发明实施例中使承载RN View的RN Activity透明化,首屏RN view透明化,在RN View完全初始化后,才让其非透明化并对用户可见,最后由RN来完成过场动画的渲染,由于本发明实施例中承载的容器(即RN Activity)背景色和RN View首屏都需要透明化,RN View完全初始化后,再对RN View去透明化,渲染过场动画后再显示切换后的页面。具体流程如下:
步骤1、Activity界面触发跳转RN Activity界面,即应用程序第一窗口跳转至应用程序第二窗口。
如图7所示,为本发明实施例提供的在移动终端内执行的组件交互过程示意图。Activity之间流转,是由Android的Intent去实现。当一个A Activity需拉起另一个BActivity时,A需要发送一个Intent去通知Activity Manager,ActivityManager会初始化B并呼起B展示。
在图7中,Activity组件和RN Activity组件之间通过Intent通信,Activity组件是一个应用程序组件,提供一个屏幕,用户可以用来交互为了完成某项任务。Activity中所有操作都与用户密切相关,是一个负责与用户交互的组件,可以通过setContentView(View)来显示指定控件,通过该控件也可以监听并处理用户的事件做出响应。本发明实施例中,Activity组件控制应用程序第一窗口,RN Activity组件控制应用程序第二窗口。
步骤2、RN Activity打开完全覆盖Activity,由于RN Activity是完全透明化的,用户所见的内容还是Activity的内容,在用户感知中是停留在Activity页面,同时RNActivity开始初始化RN View。
步骤3、当RN View初始化完毕,但由于其RN View首屏也是处于透明化,所以用户看见的也还是Activity的内容,依旧处于Activity的感知中,但其实RN的代码逻辑已经开始执行,其View已经完全准备好渲染画面,需要说明的是,在RN View的初始化过程中,虽然RN View是透明化的,但是也同样是完全覆盖屏幕的。
步骤4、当页面业务数据初始化完成时,将RN View转为非透明化,显现给用户看,同时渲染一段RN View的过场动画,完成跳转流程。举例说明,A Activity拉起RNActivity,会传递一些A中的数据过去,RN Activity在透明化出现后,会初始RN View,此时会RN Activity会由RN通信机制把相应数据在透传给RN View,RN View接收到后就可以开始加载页面,前述过程都是在内存中执行完成。
步骤5、RN View完全展示,即RN View转为非透明时,就会覆盖掉activity
通过前述的举例说明可知,本发明实施例中在Activity与RN页面跳转交互时,可以达到带有过场动画的效果,让APP做到体验一致,在两种页面间流转时做到用户无感知。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
为便于更好的实施本发明实施例的上述方案,下面还提供用于实施上述方案的相关装置。
请参阅图8-a所示,本发明实施例提供的一种移动终端800,可以包括:窗口跳转模块801、画面生成模块802、过场画面显示模块803、目标页面显示模块804,其中,
窗口跳转模块801,用于当接收到将当前页面切换为目标页面的操作请求时,根据所述操作请求将所述移动终端的应用程序第一窗口跳转至所述移动终端的应用程序第二窗口,所述当前页面的页面内容显示在移动终端的应用程序第一窗口内,所述应用程序第二窗口用于显示所述目标页面;
画面生成模块802,用于根据所述操作请求获取所述目标页面的页面内容,以及根据所述当前页面的页面内容和所述目标页面的页面内容生成过场画面,所述过场画面包括:所述目标页面的页面内容覆盖所述当前页面的页面内容所形成的画面;
过场画面显示模块803,用于将生成的所述过场画面加载到所述应用程序第二窗口内进行显示;以及,
目标页面显示模块804,用于当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在所述应用程序第二窗口内显示所述目标页面的页面内容。
在本申请的一些实施例中,所述窗口跳转模块801,用于将所述移动终端的应用程序第二窗口以透明化的方式覆盖所述应用程序第一窗口的界面,并通过所述应用程序第二窗口触发目标视图对象的初始化运行。
在本申请的一些实施例中,请参阅图8-b所示,所述移动终端800还包括:
第一覆盖模块805,用于所述窗口跳转模块801通过所述应用程序第二窗口触发目标视图对象的初始化运行之后,在所述目标视图对象开始初始化运行时,将所述目标视图对象以透明化的方式覆盖所述应用程序第二窗口的界面;
第二覆盖模块806,用于当所述目标视图对象初始化完成时,将所述目标视图对象从透明化转换为非透明化,并以非透明化的方式覆盖所述应用程序第二窗口的界面。
在本申请的一些实施例中,所述过场画面显示模块803,用于在所述非透明化的目标视图对象上显示所述过场画面。
在本申请的一些实施例中,请参阅图8-c所示,相对于图8-a所示,所述移动终端800,还包括:
视图对象运行模块807,用于从所述移动终端的内存中加载所述目标视图对象;以及,接收从所述应用程序第一窗口透传至所述应用程序第二窗口的页面初始化数据,并在所述目标初始对象上加载所述页面初始化数据。
在本申请的一些实施例中,请参阅图8-d所示,所述窗口跳转模块801,包括:
组件获取模块8011,用于获取控制所述应用程序第一窗口的第一应用程序组件;
信息生成模块8012,用于根据所述操作请求生成组件调用描述信息;
组件调用模块8013,用于根据所述组件调用描述信息通过所述第一应用程序组件调用第二应用程序组件;
窗口显示模块8014,用于通过所述第二应用程序组件显示所述应用程序第二窗口。
在本申请的一些实施例中,所述过场画面包括:过场动画,所述过场动画包括:所述目标页面的页面内容对所述当前页面的页面内容开始进行覆盖直至覆盖完成的覆盖过程画面。请参阅图8-e所示,所述画面生成模块802,包括:
显示方式获取模块8021,用于获取所述目标页面的画面显示方式;
画面合成模块8022,用于按照所述画面显示方式获取所述目标页面在不同显示时间上显示出的页面内容,并将所述目标页面在不同显示时间上显示出的页面内容分别按照不同的显示时间与所述当前页面的页面内容进行画面合成,得到在多个显示时间分别对应的画面合成结果,所述在多个显示时间分别对应的画面合成结果构成所述过场动画。
通过以上对本发明实施例的描述可知,当接收到将当前页面切换为目标页面的操作请求时,根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,当前页面的页面内容显示在移动终端的应用程序第一窗口内,应用程序第二窗口用于显示目标页面,然后根据操作请求获取目标页面的页面内容,以及根据当前页面的页面内容和目标页面的页面内容生成过场画面,所述过场画面包括:目标页面的页面内容覆盖当前页面的页面内容所形成的画面,接下来将生成的过场画面加载到应用程序第二窗口内进行显示,当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在应用程序第二窗口内显示目标页面的页面内容。在本发明实施例中,应用程序第一窗口和应用程序第二窗口进行跳转交互时,可以达到带有过场动画的显示效果,并且该过场动画通过当前页面和目标页面来生成,从而过场动画保持了与页面一致的效果,目标页面内容的切换使得用户无感知,在切换效果的实现上到了平滑过渡,提高了页面切换的效果,实现页面流畅切换。
本发明实施例还提供了另一种终端,如图9所示,为了便于说明,仅示出了与本发明实施例相关的部分,具体技术细节未揭示的,请参照本发明实施例方法部分。该终端可以为包括手机、平板电脑、PDA(Personal Digital Assistant,个人数字助理)、POS(Point ofSales,销售终端)、车载电脑等任意终端设备,以终端为手机为例:
图9示出的是与本发明实施例提供的终端相关的手机的部分结构的框图。参考图9,手机包括:射频(Radio Frequency,RF)电路1010、存储器1020、输入单元1030、显示单元1040、传感器1050、音频电路1060、无线保真(wireless fidelity,WiFi)模块1070、处理器1080、以及电源1090等部件。本领域技术人员可以理解,图9中示出的手机结构并不构成对手机的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图9对手机的各个构成部件进行具体的介绍:
RF电路1010可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,给处理器1080处理;另外,将设计上行的数据发送给基站。通常,RF电路1010包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low NoiseAmplifier,LNA)、双工器等。此外,RF电路1010还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯系统(GlobalSystem of Mobile communication,GSM)、通用分组无线服务(General Packet RadioService,GPRS)、码分多址(Code Division Multiple Access,CDMA)、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)、长期演进(Long Term Evolution,LTE)、电子邮件、短消息服务(Short Messaging Service,SMS)等。
存储器1020可用于存储软件程序以及模块,处理器1080通过运行存储在存储器1020的软件程序以及模块,从而执行手机的各种功能应用以及数据处理。存储器1020可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器1020可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元1030可用于接收输入的数字或字符信息,以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地,输入单元1030可包括触控面板1031以及其他输入设备1032。触控面板1031,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1031上或在触控面板1031附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触控面板1031可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器1080,并能接收处理器1080发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1031。除了触控面板1031,输入单元1030还可以包括其他输入设备1032。具体地,其他输入设备1032可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元1040可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元1040可包括显示面板1041,可选的,可以采用液晶显示器(LiquidCrystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板1041。进一步的,触控面板1031可覆盖显示面板1041,当触控面板1031检测到在其上或附近的触摸操作后,传送给处理器1080以确定触摸事件的类型,随后处理器1080根据触摸事件的类型在显示面板1041上提供相应的视觉输出。虽然在图9中,触控面板1031与显示面板1041是作为两个独立的部件来实现手机的输入和输入功能,但是在某些实施例中,可以将触控面板1031与显示面板1041集成而实现手机的输入和输出功能。
手机还可包括至少一种传感器1050,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1041的亮度,接近传感器可在手机移动到耳边时,关闭显示面板1041和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路1060、扬声器1061,传声器1062可提供用户与手机之间的音频接口。音频电路1060可将接收到的音频数据转换后的电信号,传输到扬声器1061,由扬声器1061转换为声音信号输出;另一方面,传声器1062将收集的声音信号转换为电信号,由音频电路1060接收后转换为音频数据,再将音频数据输出处理器1080处理后,经RF电路1010以发送给比如另一手机,或者将音频数据输出至存储器1020以便进一步处理。
WiFi属于短距离无线传输技术,手机通过WiFi模块1070可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图9示出了WiFi模块1070,但是可以理解的是,其并不属于手机的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器1080是手机的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器1020内的软件程序和/或模块,以及调用存储在存储器1020内的数据,执行手机的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器1080可包括一个或多个处理单元;优选的,处理器1080可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1080中。
手机还包括给各个部件供电的电源1090(比如电池),优选的,电源可以通过电源管理系统与处理器1080逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
尽管未示出,手机还可以包括摄像头、蓝牙模块等,在此不再赘述。
在本发明实施例中,该终端所包括的处理器1080还具有控制执行以上由终端执行的页面切换方法流程。
通过前述内容对本发明实施例的举例说明可知,当接收到将当前页面切换为目标页面的操作请求时,根据操作请求将移动终端的应用程序第一窗口跳转至移动终端的应用程序第二窗口,当前页面的页面内容显示在移动终端的应用程序第一窗口内,应用程序第二窗口用于显示目标页面,然后根据操作请求获取目标页面的页面内容,以及根据当前页面的页面内容和目标页面的页面内容生成过场画面,所述过场画面包括:目标页面的页面内容覆盖当前页面的页面内容所形成的画面,接下来将生成的过场画面加载到应用程序第二窗口内进行显示,当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在应用程序第二窗口内显示目标页面的页面内容。在本发明实施例中,应用程序第一窗口和应用程序第二窗口进行跳转交互时,可以达到带有过场动画的显示效果,并且该过场动画通过当前页面和目标页面来生成,从而过场动画保持了与页面一致的效果,目标页面内容的切换使得用户无感知,在切换效果的实现上到了平滑过渡,提高了页面切换的效果,实现页面流畅切换。
另外需说明的是,以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外,本发明提供的装置实施例附图中,模块之间的连接关系表示它们之间具有通信连接,具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件的方式来实现,当然也可以通过专用硬件包括专用集成电路、专用CPU、专用存储器、专用元器件等来实现。一般情况下,凡由计算机程序完成的功能都可以很容易地用相应的硬件来实现,而且,用来实现同一功能的具体硬件结构也可以是多种多样的,例如模拟电路、数字电路或专用电路等。但是,对本发明而言更多情况下软件程序实现是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在可读取的存储介质中,如计算机的软盘、U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
综上所述,以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照上述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对上述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (15)
1.一种移动终端的页面切换方法,其特征在于,包括:
当接收到将当前页面切换为目标页面的操作请求时,根据所述操作请求将所述移动终端的应用程序第一窗口跳转至所述移动终端的应用程序第二窗口,所述当前页面的页面内容显示在移动终端的应用程序第一窗口内,所述应用程序第二窗口用于显示所述目标页面;
根据所述操作请求获取所述目标页面的页面内容,以及根据所述当前页面的页面内容和所述目标页面的页面内容生成过场画面,所述过场画面包括:所述目标页面的页面内容覆盖所述当前页面的页面内容所形成的画面;
将生成的所述过场画面加载到所述应用程序第二窗口内进行显示;以及,
当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在所述应用程序第二窗口内显示所述目标页面的页面内容。
2.根据权利要求1所述的方法,其特征在于,所述根据所述操作请求将所述移动终端的应用程序第一窗口跳转至所述移动终端的应用程序第二窗口,包括:
将所述移动终端的应用程序第二窗口以透明化的方式覆盖所述应用程序第一窗口的界面,并通过所述应用程序第二窗口触发目标视图对象的初始化运行。
3.根据权利要求2所述的方法,其特征在于,所述通过所述应用程序第二窗口触发目标视图对象的初始化运行之后,所述方法还包括:
在所述目标视图对象开始初始化运行时,将所述目标视图对象以透明化的方式覆盖所述应用程序第二窗口的界面;
当所述目标视图对象初始化完成时,将所述目标视图对象从透明化转换为非透明化,并以非透明化的方式覆盖所述应用程序第二窗口的界面。
4.根据权利要求3所述的方法,其特征在于,所述将生成的所述过场画面加载到所述应用程序第二窗口内进行显示,包括:
在所述非透明化的目标视图对象上显示所述过场画面。
5.根据权利要求2所述的方法,其特征在于,所述目标视图对象的初始化运行,包括:
从所述移动终端的内存中加载所述目标视图对象;以及,
接收从所述应用程序第一窗口透传至所述应用程序第二窗口的页面初始化数据,并在所述目标初始对象上加载所述页面初始化数据。
6.根据权利要求1至5中任一项所述的方法,其特征在于,所述根据所述操作请求将所述移动终端的应用程序第一窗口跳转至所述移动终端的应用程序第二窗口,包括:
获取控制所述应用程序第一窗口的第一应用程序组件;
根据所述操作请求生成组件调用描述信息;
根据所述组件调用描述信息通过所述第一应用程序组件调用第二应用程序组件;
通过所述第二应用程序组件显示所述应用程序第二窗口。
7.根据权利要求1至5中任一项所述的方法,其特征在于,所述过场画面包括:过场动画,所述过场动画包括:所述目标页面的页面内容对所述当前页面的页面内容开始进行覆盖直至覆盖完成的覆盖过程画面;
所述根据所述当前页面的页面内容和所述目标页面的页面内容生成过场画面,包括:
获取所述目标页面的画面显示方式;
按照所述画面显示方式获取所述目标页面在不同显示时间上显示出的页面内容,并将所述目标页面在不同显示时间上显示出的页面内容分别按照不同的显示时间与所述当前页面的页面内容进行画面合成,得到在多个显示时间分别对应的画面合成结果,所述在多个显示时间分别对应的画面合成结果构成所述过场动画。
8.一种移动终端,其特征在于,包括:
窗口跳转模块,用于当接收到将当前页面切换为目标页面的操作请求时,根据所述操作请求将所述移动终端的应用程序第一窗口跳转至所述移动终端的应用程序第二窗口,所述当前页面的页面内容显示在移动终端的应用程序第一窗口内,所述应用程序第二窗口用于显示所述目标页面;
画面生成模块,用于根据所述操作请求获取所述目标页面的页面内容,以及根据所述当前页面的页面内容和所述目标页面的页面内容生成过场画面,所述过场画面包括:所述目标页面的页面内容覆盖所述当前页面的页面内容所形成的画面;
过场画面显示模块,用于将生成的所述过场画面加载到所述应用程序第二窗口内进行显示;以及,
目标页面显示模块,用于当所述目标页面的页面内容在所述应用程序第二窗口上加载完成后,在所述应用程序第二窗口内显示所述目标页面的页面内容。
9.根据权利要求8所述的移动终端,其特征在于,所述窗口跳转模块,用于将所述移动终端的应用程序第二窗口以透明化的方式覆盖所述应用程序第一窗口的界面,并通过所述应用程序第二窗口触发目标视图对象的初始化运行。
10.根据权利要求9所述的移动终端,其特征在于,所述移动终端还包括:
第一覆盖模块,用于所述窗口跳转模块通过所述应用程序第二窗口触发目标视图对象的初始化运行之后,在所述目标视图对象开始初始化运行时,将所述目标视图对象以透明化的方式覆盖所述应用程序第二窗口的界面;
第二覆盖模块,用于当所述目标视图对象初始化完成时,将所述目标视图对象从透明化转换为非透明化,并以非透明化的方式覆盖所述应用程序第二窗口的界面。
11.根据权利要求10所述的移动终端,其特征在于,所述过场画面显示模块,用于在所述非透明化的目标视图对象上显示所述过场画面。
12.根据权利要求9所述的移动终端,其特征在于,所述移动终端,还包括:
视图对象运行模块,用于从所述移动终端的内存中加载所述目标视图对象;以及,接收从所述应用程序第一窗口透传至所述应用程序第二窗口的页面初始化数据,并在所述目标初始对象上加载所述页面初始化数据。
13.根据权利要求8至12中任一项所述的移动终端,其特征在于,所述窗口跳转模块,包括:
组件获取模块,用于获取控制所述应用程序第一窗口的第一应用程序组件;
信息生成模块,用于根据所述操作请求生成组件调用描述信息;
组件调用模块,用于根据所述组件调用描述信息通过所述第一应用程序组件调用第二应用程序组件;
窗口显示模块,用于通过所述第二应用程序组件显示所述应用程序第二窗口。
14.根据权利要求8至12中任一项所述的移动终端,其特征在于,所述过场画面包括:过场动画,所述过场动画包括:所述目标页面的页面内容对所述当前页面的页面内容开始进行覆盖直至覆盖完成的覆盖过程画面;
所述画面生成模块,包括:
显示方式获取模块,用于获取所述目标页面的画面显示方式;
画面合成模块,用于按照所述画面显示方式获取所述目标页面在不同显示时间上显示出的页面内容,并将所述目标页面在不同显示时间上显示出的页面内容分别按照不同的显示时间与所述当前页面的页面内容进行画面合成,得到在多个显示时间分别对应的画面合成结果,所述在多个显示时间分别对应的画面合成结果构成所述过场动画。
15.一种计算机可读存储介质,包括指令,当其在计算机上运行时,使得计算机执行如权利要求1-7任意一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711139107.4A CN107943552A (zh) | 2017-11-16 | 2017-11-16 | 一种移动终端的页面切换方法和移动终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711139107.4A CN107943552A (zh) | 2017-11-16 | 2017-11-16 | 一种移动终端的页面切换方法和移动终端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107943552A true CN107943552A (zh) | 2018-04-20 |
Family
ID=61932622
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711139107.4A Pending CN107943552A (zh) | 2017-11-16 | 2017-11-16 | 一种移动终端的页面切换方法和移动终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107943552A (zh) |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109542564A (zh) * | 2018-11-12 | 2019-03-29 | 广州华多网络科技有限公司 | 视图转场方法、装置、计算机可读存储介质和计算机设备 |
CN109657086A (zh) * | 2018-12-14 | 2019-04-19 | 苏州好玩友网络科技有限公司 | 图像预览方法、装置、设备及存储介质 |
CN109783176A (zh) * | 2019-01-17 | 2019-05-21 | 广州酷狗计算机科技有限公司 | 切换页面的方法和装置 |
CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
CN110209452A (zh) * | 2019-05-29 | 2019-09-06 | 维沃移动通信有限公司 | 移动终端的页面显示方法及移动终端 |
CN110569100A (zh) * | 2019-09-23 | 2019-12-13 | 重庆渝高科技产业(集团)股份有限公司 | 一种过渡动画播放控制系统 |
CN110704767A (zh) * | 2019-09-30 | 2020-01-17 | 北京字节跳动网络技术有限公司 | 页面打开方法、装置、电子设备及存储介质 |
CN110868631A (zh) * | 2018-08-28 | 2020-03-06 | 腾讯科技(深圳)有限公司 | 视频剪辑方法、装置、终端及存储介质 |
CN110968373A (zh) * | 2018-09-29 | 2020-04-07 | 北京国双科技有限公司 | 一种页面切换的实现方法、装置、存储介质及处理器 |
CN111694621A (zh) * | 2019-03-12 | 2020-09-22 | 青岛海信移动通信技术股份有限公司 | 终端及显示方法 |
CN111752699A (zh) * | 2019-03-27 | 2020-10-09 | 北京沃东天骏信息技术有限公司 | 页面切换方法、装置和计算机可读存储介质 |
CN112527175A (zh) * | 2020-10-30 | 2021-03-19 | 百果园技术(新加坡)有限公司 | 动画实现方法、装置、设备及存储介质 |
WO2021098419A1 (zh) * | 2019-11-22 | 2021-05-27 | 腾讯科技(深圳)有限公司 | 动画显示方法和装置、存储介质及电子设备 |
CN112989249A (zh) * | 2021-02-19 | 2021-06-18 | 北京皮尔布莱尼软件有限公司 | 一种页面显示方法、计算设备及存储介质 |
CN114416234A (zh) * | 2021-12-28 | 2022-04-29 | 网易(杭州)网络有限公司 | 一种页面切换方法、装置、计算机设备及存储介质 |
WO2022111569A1 (zh) * | 2020-11-25 | 2022-06-02 | 北京有竹居网络技术有限公司 | 页面切换显示方法、装置、存储介质及电子设备 |
WO2022206335A1 (zh) * | 2021-03-30 | 2022-10-06 | 北京字跳网络技术有限公司 | 图像显示方法、装置、设备及介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102255820A (zh) * | 2010-05-18 | 2011-11-23 | 腾讯科技(深圳)有限公司 | 即时通讯方法和装置 |
CN106528163A (zh) * | 2016-11-23 | 2017-03-22 | 武汉斗鱼网络科技有限公司 | 一种页面切换方法和装置 |
CN106775637A (zh) * | 2016-11-18 | 2017-05-31 | 腾讯音乐娱乐(深圳)有限公司 | 一种应用程序的页面显示方法和装置 |
CN106970742A (zh) * | 2017-03-27 | 2017-07-21 | 广州华多网络科技有限公司 | 一种社交应用的消息提醒方法和装置 |
CN107133053A (zh) * | 2017-06-05 | 2017-09-05 | 上海鋆创信息技术有限公司 | 一种应用程序的页面跳转方法和装置、存储介质及终端 |
-
2017
- 2017-11-16 CN CN201711139107.4A patent/CN107943552A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102255820A (zh) * | 2010-05-18 | 2011-11-23 | 腾讯科技(深圳)有限公司 | 即时通讯方法和装置 |
CN106775637A (zh) * | 2016-11-18 | 2017-05-31 | 腾讯音乐娱乐(深圳)有限公司 | 一种应用程序的页面显示方法和装置 |
CN106528163A (zh) * | 2016-11-23 | 2017-03-22 | 武汉斗鱼网络科技有限公司 | 一种页面切换方法和装置 |
CN106970742A (zh) * | 2017-03-27 | 2017-07-21 | 广州华多网络科技有限公司 | 一种社交应用的消息提醒方法和装置 |
CN107133053A (zh) * | 2017-06-05 | 2017-09-05 | 上海鋆创信息技术有限公司 | 一种应用程序的页面跳转方法和装置、存储介质及终端 |
Non-Patent Citations (5)
Title |
---|
博客园: "回答这3个问题,完善你的交互设计", 《HTTPS://WWW.CNBLOGS.COM/YOUNTH/P/5582777.HTML》 * |
张英锋,刘超主编: "《iPhone应用程序开发指南 基础篇》", 30 April 2010, 山东科学技术出版社 * |
李扬主编;任学雯副主编: "《Android移动开发项目化教程》", 31 January 2017, 航空工业出版社 * |
程序园: "React-Native 原生跳转不同的RN界面的实现思路", 《HTTP://WWW.VOIDCN.COM/ARTICLE/P-VPGFEQMU-MM.HTML》 * |
脚本之家: "Android实现阅读APP平移翻页效果", 《HTTPS://WWW.JB51.NET/ARTICLE/80815.HTM》 * |
Cited By (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110868631B (zh) * | 2018-08-28 | 2021-12-14 | 腾讯科技(深圳)有限公司 | 视频剪辑方法、装置、终端及存储介质 |
CN110868631A (zh) * | 2018-08-28 | 2020-03-06 | 腾讯科技(深圳)有限公司 | 视频剪辑方法、装置、终端及存储介质 |
CN110968373A (zh) * | 2018-09-29 | 2020-04-07 | 北京国双科技有限公司 | 一种页面切换的实现方法、装置、存储介质及处理器 |
CN109542564A (zh) * | 2018-11-12 | 2019-03-29 | 广州华多网络科技有限公司 | 视图转场方法、装置、计算机可读存储介质和计算机设备 |
CN109657086A (zh) * | 2018-12-14 | 2019-04-19 | 苏州好玩友网络科技有限公司 | 图像预览方法、装置、设备及存储介质 |
CN109783176A (zh) * | 2019-01-17 | 2019-05-21 | 广州酷狗计算机科技有限公司 | 切换页面的方法和装置 |
CN109783176B (zh) * | 2019-01-17 | 2022-02-22 | 广州酷狗计算机科技有限公司 | 切换页面的方法和装置 |
CN111694621A (zh) * | 2019-03-12 | 2020-09-22 | 青岛海信移动通信技术股份有限公司 | 终端及显示方法 |
CN111752699A (zh) * | 2019-03-27 | 2020-10-09 | 北京沃东天骏信息技术有限公司 | 页面切换方法、装置和计算机可读存储介质 |
CN111752699B (zh) * | 2019-03-27 | 2024-04-09 | 北京沃东天骏信息技术有限公司 | 页面切换方法、装置和计算机可读存储介质 |
CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
CN110209452B (zh) * | 2019-05-29 | 2022-10-14 | 维沃移动通信有限公司 | 移动终端的页面显示方法及移动终端 |
CN110209452A (zh) * | 2019-05-29 | 2019-09-06 | 维沃移动通信有限公司 | 移动终端的页面显示方法及移动终端 |
CN110569100A (zh) * | 2019-09-23 | 2019-12-13 | 重庆渝高科技产业(集团)股份有限公司 | 一种过渡动画播放控制系统 |
CN110569100B (zh) * | 2019-09-23 | 2023-04-07 | 重庆渝高科技产业(集团)股份有限公司 | 一种过渡动画播放控制系统 |
CN110704767A (zh) * | 2019-09-30 | 2020-01-17 | 北京字节跳动网络技术有限公司 | 页面打开方法、装置、电子设备及存储介质 |
WO2021098419A1 (zh) * | 2019-11-22 | 2021-05-27 | 腾讯科技(深圳)有限公司 | 动画显示方法和装置、存储介质及电子设备 |
CN112527175A (zh) * | 2020-10-30 | 2021-03-19 | 百果园技术(新加坡)有限公司 | 动画实现方法、装置、设备及存储介质 |
WO2022111569A1 (zh) * | 2020-11-25 | 2022-06-02 | 北京有竹居网络技术有限公司 | 页面切换显示方法、装置、存储介质及电子设备 |
CN112989249A (zh) * | 2021-02-19 | 2021-06-18 | 北京皮尔布莱尼软件有限公司 | 一种页面显示方法、计算设备及存储介质 |
WO2022206335A1 (zh) * | 2021-03-30 | 2022-10-06 | 北京字跳网络技术有限公司 | 图像显示方法、装置、设备及介质 |
CN114416234A (zh) * | 2021-12-28 | 2022-04-29 | 网易(杭州)网络有限公司 | 一种页面切换方法、装置、计算机设备及存储介质 |
CN114416234B (zh) * | 2021-12-28 | 2023-09-12 | 网易(杭州)网络有限公司 | 一种页面切换方法、装置、计算机设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107943552A (zh) | 一种移动终端的页面切换方法和移动终端 | |
CN109120981B (zh) | 信息列表展示方法、装置及存储介质 | |
CN111353839B (zh) | 商品信息处理方法、直播商品的方法、装置及电子设备 | |
CN108260014A (zh) | 一种视频播放方法和终端以及存储介质 | |
CN109525874B (zh) | 一种截屏方法及终端设备 | |
CN111491197B (zh) | 一种直播内容展示的方法、装置及存储介质 | |
CN107861670A (zh) | 双屏终端的交互显示方法、双屏终端和计算机存储介质 | |
CN107273036A (zh) | 移动终端及其分屏控制方法、计算机可读存储介质 | |
CN108664185A (zh) | 画面显示方法、移动终端及计算机可读存储介质 | |
US10698579B2 (en) | Method, device for displaying reference content and storage medium thereof | |
CN106507173A (zh) | 移动终端和分屏显示控制方法 | |
CN108012090A (zh) | 一种视频处理方法、装置、移动终端及存储介质 | |
CN107786906A (zh) | 一种浏览器在独立窗口中播放视频的方法和装置 | |
CN107632768A (zh) | 按键使用方法、终端及计算机可读存储介质 | |
CN108228120A (zh) | 一种ar场景下的多屏联动方法和系统 | |
CN109189300A (zh) | 一种视图循环展示方法和装置 | |
CN107087137A (zh) | 呈现视频的方法和装置及终端设备 | |
CN109040441A (zh) | 应用分身显示方法、移动终端及计算机可读存储介质 | |
CN107257510A (zh) | 视频统一播放方法、终端及计算机可读存储介质 | |
CN108055586A (zh) | 视频广告控制方法、移动终端及计算机可读存储介质 | |
CN107526561A (zh) | 屏幕投影的信息显示方法、移动终端及存储介质 | |
CN109769067A (zh) | 终端屏幕切换控制方法、终端以及计算机可读存储介质 | |
CN109992183A (zh) | 图片预览与选取的方法、终端及存储介质 | |
CN107526493A (zh) | 一种小工具显示方法、设备及计算机可读存储介质 | |
CN110913261A (zh) | 一种多媒体文件的生成方法及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180420 |
|
RJ01 | Rejection of invention patent application after publication |