一种页面布局转换方法、装置及电子设备制造方法及图纸

技术编号:19903075 阅读:30 留言:0更新日期:2018-12-26 02:48
本发明专利技术实施例提供了一种页面布局转换的方法、装置及电子设备,包括:获取起始图像帧为第一页面布局的第一转换动画,且第一转换动画的结束图像帧为第二页面布局,播放第一转换动画的起始图像帧,并暂停播放第一转换动画的其他图像帧,当需要从第一页面布局切换到第二页面布局时,继续播放第一转换动画,在第一转换动画播放结束后,保持显示第一转换动画的结束图像帧。采用本发明专利技术实施例提供的方案,可以简化页面布局转换带有动画效果的开发方式,并降低编码量,减少内存开销。

【技术实现步骤摘要】
一种页面布局转换方法、装置及电子设备
本专利技术涉及多媒体显示
,特别是涉及一种页面布局转换方法、装置及电子设备。
技术介绍
传统页面布局转换方法中,为了在页面布局转换过程中,实现页面布局转换动画的效果,多采用分步构建页面布局和所需页面布局转换动画的方法,例如,为了使第一页面布局转换到第二页面布局的过程中具有动画效果,首先,构建并加载第一页面布局,再构建所需的页面布局转换动画,然后调取并播放页面布局转换动画,当页面布局转换动画播放结束后,构建并加载第二页面布局,从而完成从第一页面布局到第二页面布局之间的转换。专利技术人在实现本专利技术的过程中发现,现有技术至少存在如下问题:传统页面布局转换过程中,需要依次构建和加载第一页面布局、转换动画以及第二页面布局,从而使得程序开发方式复杂,编码量多,且多次加载的操作,增加了内存的开销。
技术实现思路
本专利技术实施例的目的在于提供一种页面布局转换方法,以简化开发方式,降低编码量。具体技术方案如下:本专利技术实施例提供一种页面布局转换方法,包括:获取起始图像帧为第一页面布局的第一转换动画,所述第一转换动画的结束图像帧为第二页面布局;播放所述第一转换动画的起始图像帧,并暂停播放所述第一转换动画的其他图像帧;当需要从所述第一页面布局切换到所述第二页面布局时,继续播放所述第一转换动画;在所述第一转换动画播放结束后,保持显示所述第一转换动画的结束图像帧。进一步的,在所述播放所述转换动画的起始帧,并暂停播放所述转换动画的其他图像帧之后,还包括:当需要从所述第一页面布局切换到第三页面布局时,获取起始图像帧为所述第一页面布局的第二转换动画,所述第二转换动画的结束图像帧为第三页面布局;播放所述第二转换动画;在所述第二转换动画播放结束后,保持显示所述第二转换动画的结束图像帧。进一步的,在所述保持显示所述第一转换动画的结束图像帧之后,还包括:当需要从所述第二页面布局切换到所述第一页面布局时,反向播放所述第一转换动画;在所述第一转换动画反向播放结束后,保持显示所述第一转换动画的起始图像帧。进一步的,所述获取起始图像帧为第一页面布局的第一转换动画,包括:从预先建立的转换动画数据库中,获取起始图像帧为第一页面布局的第一转换动画,所述转换动画数据库中存储有预先创建的各转换动画,每个转换动画的起始图像帧和结束图像帧为存在转换关系的两个页面布局。本专利技术实施例还提供一种页面布局转换装置,所述装置包括:动画获取模块,用于获取起始图像帧为第一页面布局的第一转换动画,所述第一转换动画的结束图像帧为第二页面布局;动画播放模块,用于播放所述第一转换动画的起始图像帧,并暂停播放所述第一转换动画的其他图像帧;以及当需要从所述第一页面布局切换到所述第二页面布局时,继续播放所述第一转换动画;并在所述第一转换动画播放结束后,保持显示所述第一转换动画的结束图像帧。进一步的,所述动画获取模块,还用于在所述动画播放模块播放所述第一转换动画的起始图像帧,并暂停播放所述第一转换动画的其他图像帧之后,当需要从所述第一页面布局切换到第三页面布局时,获取起始图像帧为所述第一页面布局的第二转换动画,所述第二转换动画的结束图像帧为第三页面布局;所述动画播放模块,还用于播放所述第二转换动画,在所述第二转换动画播放结束后,保持显示所述第二转换动画的结束图像帧。进一步的,所述动画播放模块,还用于在所述保持显示所述第一转换动画的结束图像帧之后,当需要从所述第二页面布局切换到所述第一页面布局时,反向播放所述第一转换动画;以及在所述第一转换动画反向播放结束后,保持显示所述第一转换动画的起始图像帧。进一步的,所述动画获取模块,具体用于从预先建立的转换动画数据库中,获取起始图像帧为第一页面布局的第一转换动画,所述转换动画数据库中存储有预先创建的各转换动画,每个转换动画的起始图像帧和结束图像帧为存在转换关系的两个页面布局。本专利技术实施例还提供一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;存储器,用于存放计算机程序;处理器,用于执行存储器上所存放的程序时,实现上述任一页面布局转换方法的步骤。本专利技术实施还提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一页面布局转换方法的步骤。本专利技术实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一页面布局转换方法。本专利技术实施例提供的一种页面布局转换的方法、装置及电子设备,方案中,在需要显示第一页面布局时,可以获取起始图像帧为第一页面布局的第一转换动画,且第一转换动画的结束图像帧为第二页面布局,播放第一转换动画的起始图像帧,并暂停播放第一转换动画的其他图像帧,从而实现显示第一页面布局,并且,当需要从第一页面布局切换到第二页面布局时,继续播放第一转换动画,在第一转换动画播放结束后,保持显示第一转换动画的结束图像帧,即实现了从第一页面布局切换到第二页面布局,由于在切换的过程,仅加载了一次转换动画,相比现有技术,减少了页面布局的加载次数,从而可以简化带有动画效果页面布局转换的开发方式,并降低编码量,同时,减少了内存开销。当然,实施本专利技术的任一产品或方法并不一定需要同时达到以上所述的所有优点。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。图1为本专利技术一个实施例提供的页面布局转换方法的流程图;图2为本专利技术另一个实施例提供的页面布局转换方法的流程图;图3为本专利技术又一个实施例提供的页面布局转换方法的流程图;图4为本专利技术一个实施例提供的页面布局转换装置的结构示意图;图5为本专利技术实施例提供的电子设备的结构示意图。具体实施方式为了给出简化带有动画效果的页面布局转换的开发方式,并降低编码量的实现方案,本专利技术实施例提供了一种页面布局转换方法、装置及电子设备,以下结合说明书附图对本专利技术的实施例进行说明。并且在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述。在本专利技术的一个实施例中,提供一种页面布局转换方法,如图1所示,该方法包括以下步骤:S101:获取起始图像帧为第一页面布局的第一转换动画,第一转换动画的结束图像帧为第二页面布局。本步骤中,从预先建立的转换动画数据库中,获取起始图像帧为第一页面布局的第一转换动画,转换动画数据库中存储有预先创建的各转换动画,每个转换动画的起始图像帧和结束图像帧为存在转换关系的两个页面布局;S102:播放第一转换动画的起始图像帧,并暂停播放第一转换动画的其他图像帧。本专利技术实施例中,具体的,在iOS系统中,基于CoreAnimation构建的转换动画,可以通过调用-(void)pauseLayer:(CALayer*)layer函数,设置参数speed=0,实现动画的暂停播放。S103:当需要从第一页面布局切换到第二页面布局时,继续播放第一转换动画。本步骤中,当接收到要求从第一页面布局切换到第二页面布局的输入信息时,将继续播放第一转换动画。本专利技术实施例中,具体的,在iOS系统中,基于CoreAnima本文档来自技高网...

【技术保护点】
1.一种页面布局转换方法,其特征在于,包括:获取起始图像帧为第一页面布局的第一转换动画,所述第一转换动画的结束图像帧为第二页面布局;播放所述第一转换动画的起始图像帧,并暂停播放所述第一转换动画的其他图像帧;当需要从所述第一页面布局切换到所述第二页面布局时,继续播放所述第一转换动画;在所述第一转换动画播放结束后,保持显示所述第一转换动画的结束图像帧。

【技术特征摘要】
1.一种页面布局转换方法,其特征在于,包括:获取起始图像帧为第一页面布局的第一转换动画,所述第一转换动画的结束图像帧为第二页面布局;播放所述第一转换动画的起始图像帧,并暂停播放所述第一转换动画的其他图像帧;当需要从所述第一页面布局切换到所述第二页面布局时,继续播放所述第一转换动画;在所述第一转换动画播放结束后,保持显示所述第一转换动画的结束图像帧。2.根据权利要求1所述的方法,其特征在于,在所述播放所述第一转换动画的起始图像帧,并暂停播放所述第一转换动画的其他图像帧之后,还包括:当需要从所述第一页面布局切换到第三页面布局时,获取起始图像帧为所述第一页面布局的第二转换动画,所述第二转换动画的结束图像帧为第三页面布局;播放所述第二转换动画;在所述第二转换动画播放结束后,保持显示所述第二转换动画的结束图像帧。3.根据权利要求1所述的方法,其特征在于,在所述保持显示所述第一转换动画的结束图像帧之后,还包括:当需要从所述第二页面布局切换到所述第一页面布局时,反向播放所述第一转换动画;在所述第一转换动画反向播放结束后,保持显示所述第一转换动画的起始图像帧。4.根据权利要求1所述的方法,其特征在于,所述获取起始图像帧为第一页面布局的第一转换动画,包括:从预先建立的转换动画数据库中,获取起始图像帧为第一页面布局的第一转换动画,所述转换动画数据库中存储有预先创建的各转换动画,每个转换动画的起始图像帧和结束图像帧为存在转换关系的两个页面布局。5.一种页面布局转换装置,其特征在于,包括:动画获取模块,用于获取起始图像帧为第一页面布局的第一转换动画,所述第一转换动画的结束图像帧为第二页面布局;动画播放模块,用于播放所述第一转换动画的起始图像帧,并暂停播放所述第一转换动画的其他图...

【专利技术属性】
技术研发人员:张奡
申请(专利权)人:北京奇艺世纪科技有限公司
类型:发明
国别省市:北京,11

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

1