一种页面切换方法、电子设备和存储介质技术

技术编号:28049836 阅读:11 留言:0更新日期:2021-04-14 13:06
本发明专利技术实施例公开了一种页面切换方法、电子设备和存储介质;本发明专利技术可以显示目标应用的第一页面,所述目标应用为基于系统中原生界面框架和原生应用框架的应用,所述第一页面为所述原生界面框架的页面,当检测到第一页面切换指令时,确定需要切换到第二页面,所述第二页面也为所述原生界面框架的页面,基于所述原生应用框架创建的页面栈切换显示所述第二页面,所述页面栈预先存储有第一页面和所述第二页面,基于所述原生界面框架的动画组件显示所述第一页面到第二页面的切换动画。本发明专利技术实施例可以提高原生界面框架的页面与原生应用框架的页面的切换动画流畅度。的页面的切换动画流畅度。的页面的切换动画流畅度。

【技术实现步骤摘要】
一种页面切换方法、电子设备和存储介质


[0001]本专利技术涉及通信
,具体涉及一种页面切换方法、电子设备和存储介质。

技术介绍

[0002]原生界面框架是Google开发的一套全新的跨平台、开源UI框架,支持iOS、Android系统开发,可以快速在IOS和Android上构建高质量的原生用户界面,许多程序员在源码编写过程中会选择使用原生界面框架进行编写。同时,为了更好的开发一款应用,通常情况下会采用原生界面框架与原生应用框架一起工作来共同完成一款应用。
[0003]然而,在原生界面框架与原生应用框架一起工作时,原生界面框架的页面切换动画不流畅。

技术实现思路

[0004]本专利技术实施例提供一种页面切换方法、电子设备和存储介质,可以提高原生界面框架的页面切换动画流畅度。
[0005]本专利技术实施例提供一种页面切换方法,包括:
[0006]显示目标应用的第一页面,所述目标应用为基于系统中原生界面框架和原生应用框架的应用,所述第一页面为所述原生界面框架的页面;
[0007]当检测到第一页面切换指令时,确定需要切换到第二页面,所述第二页面也为所述原生界面框架的页面;
[0008]基于所述原生应用框架创建的页面栈切换显示所述第二页面,所述页面栈预先存储有第一页面和所述第二页面;
[0009]基于所述原生界面框架的动画组件显示所述第一页面到第二页面的切换动画。
[0010]相应的,本专利技术实施例还提供一种电子设备,包括:
[0011]显示单元,用于显示目标应用的第一页面,所述目标应用为基于系统中原生界面框架和原生应用框架的应用,所述第一页面为所述原生界面框架的页面;
[0012]检测单元,用于当检测到第一页面切换指令时,确定需要切换到第二页面,所述第二页面也为所述原生界面框架的页面;
[0013]切换单元,用于基于所述原生应用框架创建的页面栈切换显示所述第二页面,所述页面栈预先存储有第一页面和所述第二页面;
[0014]动画显示单元,用于基于所述原生界面框架的动画组件显示第一页面到第二页面的切换动画。
[0015]可选的,在一些实施例中,
[0016]所述检测单元具体还可以用于:当检测到跨框架的第二页面切换指令时,确定需要切换到第三页面,所述第三页面为所述原生应用框架的页面;
[0017]所述切换单元具体还可以用于:所述页面栈还预先存储有第三页面,基于页面栈实现第一页面或者第二页面与第三页面之间的切换显示。
[0018]所述动画显示单元具体可以用于:基于所述原生应用框架的动画组件显示所述第一页面或者第二页面到第三页面的切换动画。
[0019]可选的,在一些实施例中,还包括开启单元和删除单元,
[0020]所述开启单元具体可以用于:当从所述第三页面的页面入口打开第一页面或第二页面时,开启一个原生界面框架的实例;
[0021]所述删除单元具体可以用于:基于所述实例使用目标资源编辑所述第一页面或第二页面,当从第一页面或第二页面切换到第三页面时,对所述实例占用的目标资源进行删除。
[0022]可选的,在一些实施例中,所述开启单元具体还可以用于:所述第一页面和第二页面使用同一原生界面框架的实例,并且所述第一页面和第二页面复用所述实例中的目标资源。
[0023]可选的,在一些实施例中,还包括禁用单元,
[0024]所述检测单元具体还可以用于:当检测到第三页面切换指令时,触发所述原生应用框架的禁用指令,所述第三页面切换指令确定由第三页面切换到所述第一页面或者第二页面;
[0025]所述禁用单元具体还可以用于:根据所述禁用指令禁用所述第三页面内朝向预设方向滑动。
[0026]可选的,在一些实施例中,所述标识单元和存储单元,
[0027]所述标识单元具体可以用于:当打开第一页面、第二页面或者第三页面时,对每一个打开的页面标记出对应的标识信息;
[0028]所述存储单元具体可以用于:将带有标识信息的第一页面、第二页面以及第三页面存储在原生应用框架创建的页面栈中。
[0029]可选的,在一些实施例中,还包括所述第一调用单元,
[0030]所述第一调用单元具体可以用于:当检测到第一页面切换指令时,触发所述原生界面框架的动画组件第一调用指令;
[0031]所述动画显示单元具体可以用于:根据所述第一调用指令触发所述原生界面框架的动画组件显示第一页面到第二页面的切换动画。
[0032]可选的,在一些实施例中,还包括所述第二调用单元,
[0033]所述第二调用单元具体可以用于:当检测到第二页面切换指令时,触发所述原生应用框架的动画组件第二调用指令;
[0034]所述动画显示单元具体可以用于:根据所述第二调用指令触发所述原生界面框架的动画组件显示第一页面或第二页面到第三页面的切换动画。
[0035]相应的,本专利技术实施例还提供一种存储介质,所述存储介质存储有指令,所述指令被处理器执行时实现本专利技术实施例任一提供的方法中的步骤。
[0036]本专利技术实施例可以显示目标应用的第一页面,所述目标应用为基于系统中原生界面框架和原生应用框架的应用,所述第一页面为所述原生界面框架的页面,当检测到第一页面切换指令时,确定需要切换到第二页面,所述第二页面也为所述原生界面框架的页面,基于所述原生应用框架创建的页面栈切换显示所述第二页面,所述页面栈预先存储有第一页面和所述第二页面,基于所述原生界面框架的动画组件显示所述第一页面到第二页面的
切换动画。本专利技术实施例可以提高原生界面框架的页面与另一个原生界面框架的页面之间切换动画流畅度。
附图说明
[0037]为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0038]图1是本专利技术实施例提供的显示系统的结构示意图。
[0039]图2是本专利技术实施例提供的页面切换方法的流程意图。
[0040]图3是本专利技术实施例提供的页面切换方法的第一种模型示意图。
[0041]图4是本专利技术实施例提供的页面切换方法的第二种模型示意图。
[0042]图5是本专利技术实施例提供的页面切换方法的第一种架构示意图。
[0043]图6是本专利技术实施例提供的页面切换方法的第二种架构示意图。
[0044]图7是本专利技术实施例提供的页面切换方法的另一个流程意图。
[0045]图8是本专利技术实施例提供的页面切换方法的场景意图。
[0046]图9是本专利技术实施例提供的电子设备的结构示意图。
[0047]图10是本专利技术实施例提供的电子设备的另一个结构示意图。
具体实施方式
[0048]下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面切换方法,其特征在于,包括:显示目标应用的第一页面,所述目标应用为基于系统中原生界面框架和原生应用框架的应用,所述第一页面为所述原生界面框架的页面;当检测到第一页面切换指令时,确定需要切换到第二页面,所述第二页面也为所述原生界面框架的页面;基于所述原生应用框架创建的页面栈切换显示所述第二页面,所述页面栈预先存储有第一页面和所述第二页面;基于所述原生界面框架的动画组件显示所述第一页面到第二页面的切换动画。2.根据权利要求1所述的页面切换方法,其特征在于,所述页面切换方法还包括:当检测到跨框架的第二页面切换指令时,确定需要切换到第三页面,所述第三页面为所述原生应用框架的页面;所述页面栈还预先存储有第三页面,基于页面栈实现第一页面或者第二页面到第三页面的切换显示;基于所述原生界面框架的动画组件显示所述第一页面或者第二页面到第三页面的切换动画。3.根据权利要求2所述的页面切换方法,其特征在于,所述页面切换方法还包括:当从所述第三页面的页面入口打开第一页面或第二页面时,开启一个原生界面框架的实例;基于所述实例使用目标资源编辑所述第一页面或第二页面,当从第一页面或第二页面切换到第三页面时,对所述实例占用的目标资源进行删除。4.根据权利要求3所述的页面切换方法,其特征在于,所述开启有一个原生界面框架的实例,包括:所述第一页面和第二页面使用同一原生界面框架的实例,并且所述第一页面和第二页面复用所述实例中的目标资源。5.根据权利要求4所述的页面切换方法,其特征在于,所述第一页面和第二页面使用同一原生界面框架的实例,并且所述第一页面和第二页面复用所述实例中的目标资源之后,包括:当检测到第三页面切换指令时,触发所述原生应用框架的禁用指令,所述第三页面切换指令确定由第三页面切换到所述第一页面或者第二页面;根据所述禁用指令禁用所述第三页面内朝向预设方向滑动。6.根据权利要求2所述的页面切换...

【专利技术属性】
技术研发人员:涂金林
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1