视图转场方法、装置、计算机可读存储介质和计算机设备制造方法及图纸

技术编号:20724065 阅读:18 留言:0更新日期:2019-03-30 17:31
本申请提供一种视图转场方法、装置、计算机可读存储介质和计算机设备,所述的方法:接收到从当前视图切换到目标视图的切换指令时,获取所述当前视图的封面以及所述目标视图的封面;分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理;将提取的封面纹理添加到预设的转场承载视图中,通过图形处理器渲染的转场动画显示所述转场承载视图,其中,所述转场承载视图对应于所述图形处理器的渲染图层。本申请实施例保证了多端转场效果的一致性。

【技术实现步骤摘要】
视图转场方法、装置、计算机可读存储介质和计算机设备
本申请涉及计算机
,具体而言,本申请涉及一种视图转场方法、装置、计算机可读存储介质和计算机设备。
技术介绍
应用程序等通常会涉及到视图的切换,视图的切换即从一个视图切换到另一个视图。为了提高用户的体验,通常在视图的切换过程中会显示转场动画,例如翻页、渐显和翻转等等。而目前的转场动画基本上是采用系统原生的封装接口实现,依赖于平台,无法保证多端转场效果的一致性。
技术实现思路
本申请针对现有方式的缺点,提出一种视图转场方法、装置、计算机可读存储介质和计算机设备,以保证多端转场效果的一致性。本申请的实施例根据第一个方面,提供了一种视图转场方法,包括:接收到从当前视图切换到目标视图的切换指令时,获取所述当前视图的封面以及所述目标视图的封面;分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理;将提取的封面纹理添加到预设的转场承载视图中,通过图形处理器渲染的转场动画显示所述转场承载视图,其中,所述转场承载视图对应于所述图形处理器的渲染图层。在一个实施例中,所述分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理,包括:根据所述图形处理器渲染的转场动画的进度,分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理。在一个实施例中,从所述当前视图的封面中提取的封面纹理与所述转场承载视图的第一比值随着所述转场动画的进度的增长而降低。在一个实施例中,在所述转场动画的进度为开始时,所述第一比值为1;在所述转场动画的进度为结束时,所述第一比值为0;在所述转场动画的进度在开始和结束之间时,所述第一比值随着所述转场动画的进度的增长而等比例降低。在一个实施例中,从所述目标视图的封面中提取的封面纹理与所述转场承载视图的第二比值随着所述转场动画的进度的增长而升高。在一个实施例中,在所述转场动画的进度为开始时,所述第二比值为0;在所述转场动画的进度为结束时,所述第二比值为1;在所述转场动画的进度在开始和结束之间时,所述第二比值随着所述转场动画的进度的增长而等比例升高。在一个实施例中,所述将提取的封面纹理添加到预设的转场承载视图中,通过图形处理器渲染的转场动画显示所述转场承载视图,包括:将根据所述转场动画的进度提取的封面纹理添加到转场承载视图中,通过图形处理器渲染的转场动画的进度显示所述转场承载视图。本申请的实施例根据第二个方面,还提供了一种视图转场装置,包括:封面获取模块,用于接收到从当前视图切换到目标视图的切换指令时,获取所述当前视图的封面以及所述目标视图的封面;封面纹理提取模块,用于分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理;显示模块,用于将提取的封面纹理添加到预设的转场承载视图中,通过图形处理器渲染的转场动画显示所述转场承载视图,其中,所述转场承载视图对应于所述图形处理器的渲染图层。本申请的实施例根据第三个方面,还提供了一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现上述任意一项所述的视图转场方法。本申请的实施例根据第四个方面,还提供了一种计算机设备,所述计算机设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述任意一项所述的视图转场方法。上述的视图转场方法、装置、计算机可读存储介质和计算机设备,设置对应于图形处理器的渲染图层的转场承载视图,以使图形处理器可以直接对转场承载视图进行渲染,在一个视图切换到另一个视图的过程中,截取这两个视图的封面,然后从这两个视图的封面中提取封面纹理并添加到设置的转场承载视图中,通过图形处理器完成转场动画的渲染。由于基于图形处理器直接完成视图切换的转场动画,因此转场动画的实现不依赖于平台,保证了多端转场效果的一致性。另外,基于图形处理器直接完成视图切换的转场动画,使转场更加丰富高效流畅,可拓展性更强,极大的丰富视图切换时的转场效果,增强了产品的竞争力。同时业务与转场动画分离,降低了业务开发难度。本申请附加的方面和优点将在下面的描述中部分给出,这些将从下面的描述中变得明显,或通过本申请的实践了解到。附图说明本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:图1为本申请一个实施例的视图转场方法的流程示意图;图2为本申请另一个实施例的视图转场方法的流程示意图;图3为本申请一个实施例的视图转场装置的结构示意图;图4为本申请一个实施例的计算机设备的结构示意图。具体实施方式下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能解释为对本申请的限制。本
技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。本
技术人员可以理解,除非另外定义,这里使用的所有术语(包括技术术语和科学术语),具有与本申请所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是,诸如通用字典中定义的那些术语,应该被理解为具有与现有技术的上下文中的意义一致的意义,并且除非像这里一样被特定定义,否则不会用理想化或过于正式的含义来解释。如图1所示,在一个实施例中,一种视图转场方法,包括:S110、接收到从当前视图切换到目标视图的切换指令时,获取所述当前视图的封面以及所述目标视图的封面。这里的视图指的是UI(UserInterface,用户界面),例如应用程序显示的界面,或者网页的界面等等。当前视图为待切换前的视图,目标视图为待切换后的视图。在需要进行视图切换时,用户可以通过鼠标点击、触摸或者语音等方式生成切换指令。在当前视图转场到目标视图的过程中,截取当前视图的封面以及目标视图的封面。S120、分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理。纹理既包括通常意义上物体表面的纹理即使物体表面呈现凹凸不平的沟纹,同时也包括在物体的光滑表面上的彩色图案,通常更多地称之为花纹。封面纹理也即是从封面中提取的封面的沟纹和彩色图案等。从当前视图的封面中提取当前视图的封面纹理,从目标视图的封面中提取目标视图的封面纹理。S130、将提取的封面纹理添加到预设的转场承载视图中,通过图形处理器渲染的转场动画显示所述转场承载视图,其中,所述转场承载视图对应于所述图形处理器的渲染图层。为了使转场动画的实现不依赖于平台,设置对应于图形处理器(GPU,GraphicsProcessingUnit)的渲染图层的转场承载视图,即为转场承载视图创建底层GPU直接渲染的layer(层),GPU可以为iOS(苹果公司的移动操作系统)Metal(渲染应用程序编程接口)或OpenGL(OpenGraphicsLibrary,开放图形库)、Android(安卓)Vulkan(跨平台的2D和3D绘图本文档来自技高网
...

【技术保护点】
1.一种视图转场方法,其特征在于,包括:接收到从当前视图切换到目标视图的切换指令时,获取所述当前视图的封面以及所述目标视图的封面;分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理;将提取的封面纹理添加到预设的转场承载视图中,通过图形处理器渲染的转场动画显示所述转场承载视图,其中,所述转场承载视图对应于所述图形处理器的渲染图层。

【技术特征摘要】
1.一种视图转场方法,其特征在于,包括:接收到从当前视图切换到目标视图的切换指令时,获取所述当前视图的封面以及所述目标视图的封面;分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理;将提取的封面纹理添加到预设的转场承载视图中,通过图形处理器渲染的转场动画显示所述转场承载视图,其中,所述转场承载视图对应于所述图形处理器的渲染图层。2.根据权利要求1所述的视图转场方法,其特征在于,所述分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理,包括:根据所述图形处理器渲染的转场动画的进度,分别从所述当前视图的封面和所述目标视图的封面中提取对应的封面纹理。3.根据权利要求2所述的视图转场方法,其特征在于,从所述当前视图的封面中提取的封面纹理与所述转场承载视图的第一比值随着所述转场动画的进度的增长而降低。4.根据权利要求3所述的视图转场方法,其特征在于,在所述转场动画的进度为开始时,所述第一比值为1;在所述转场动画的进度为结束时,所述第一比值为0;在所述转场动画的进度在开始和结束之间时,所述第一比值随着所述转场动画的进度的增长而等比例降低。5.根据权利要求2所述的视图转场方法,其特征在于,从所述目标视图的封面中提取的封面纹理与所述转场承载视图的第二比值随着所述转场动画的进度的增长而升高。6.根据权利要求5所述的视图转场方法,其特征在于,在所述转场动画的进度为开始时,所...

【专利技术属性】
技术研发人员:张硕
申请(专利权)人:广州华多网络科技有限公司
类型:发明
国别省市:广东,44

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

1