一种对2D控件实现3D转场动画的方法和装置制造方法及图纸

技术编号:13176749 阅读:50 留言:0更新日期:2016-05-10 20:24
本发明专利技术涉及通信技术领域,提供了一种对2D控件实现3D转场动画的方法、装置及终端,包括:当接收到对所述2D控件执行3D转场动画的请求时,获取所述2D控件的标识以及与所述2D控件对应的3D动画标识;根据所述2D控件标识,获取所述2D控件在用户界面上的2D控件位置、2D控件宽度、2D控件高度和2D控件的渲染图像;根据所述3D动画标识,获取对应的3D网格模型;将所述2D控件的渲染图像映射到所述3D网格模型上;据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小;从所述初始位置和初始大小开始执行所述3D动画标识对应的3D动画。使用本发明专利技术,能够对在转场切换时的2D控件实现平滑的3D转场动画。

【技术实现步骤摘要】

本专利技术涉及通信
,特别是涉及对2D (two-dimens1nal, 二维)控件实现3D (three-dimens1nal,三维)转场动画的方法、装置和终端。
技术介绍
目前,几乎所有的智能终端都会涉及用户界面的切换。随着硬件技术的快速发展,相比智能终端发展的初期生硬的页面切换,用户界面的切换效果越来越丰富多彩。比如,在安卓Android操作系统中,存在很多种页面的跳转,在用户界面上点击一个应用时,则这个应用会打开一个页面,并且从中间外四周扩张,最后覆盖原来的用户界面。通过这种转场动画可以使用户界面在变化时具有丰富的动态效果及艺术过度效果,从而给用户更好的观看体验。现有技术中,用户界面从当前页面到下一个页面切换过程中,对当前页面消失的控件和/或下一个页面出现的控件执行的转场动画一般都是使用淡入淡出或者简单平移等二维切换效果。不同页面间的切换都是采用传统的平面切换技术,无法针对二维页面平滑的实现三维的转场动画,用户体验感低。
技术实现思路
本专利技术实施例提供了一种对2D控件实现3D转场动画的方法、装置及终端,能够实现对在转场切换时的2D控件实现平滑的3D转场动画。第一方面,本专利技术实施例提供了一种对2D控件实现2D转场动画的方法,包括:当接收到对所述2D控件执行3D转场动画的请求时,获取所述2D控件的标识以及与所述2D控件对应的3D动画标识;根据所述2D控件标识,获取所述2D控件在用户界面上的2D控件位置、2D控件宽度、2D控件高度和2D控件的渲染图像;根据所述3D动画标识,获取对应的3D网格模型;将所述2D控件的渲染图像映射到所述3D网格模型上;根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小;从所述初始位置和初始大小开始执行所述3D动画标识对应的3D动画。结合第一方面,在第一方面的第一种实施方式中,所述根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小,具体为:所述根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过三维空间中的平移、旋转、放大缩小或设置3D网格模型的顶点坐标的方法,使得3D网格模型渲染显示的图像在用户界面上与所述2D控件重叠。结合第一方面或第一方面的第一种实施方式,在第一方面的第二种实施方式中,所述3D动画标识包括唯一标识3D动画的字符串、枚举类型或通用资源标识符。结合第一方面或第一方面的第一种实现方式至第一方面第二种实现方式中任一实现方式,在第一方面的第三种实现方式中,所述根据所述3D动画标识,获取对应的3D网格模型,具体为:根据所述3D动画标识,获取对应的3D网格模型标识,再根据所述3D网格模型标识获取保存在资源目录中对应的3D网格模型;或根据所述3D动画标识,获得预先设置的算法;根据所述预先设置的算法创建3D网格模型。结合第一方面或第一方面的第一种实现方式至第一方面第三种实现方式中任一实现方式,在第一方面的第四种实现方式中,所述3D动画为3D空间变换动画和/或3D顶点变形动画和/或淡入淡出动画。第二方面,本专利技术实施例还提供了一种对二维2D控件实现三维3D转场动画的装置,包括:用户界面模块,用于向3D转场动画模块发送对2D控件执行3D转场动画的请求,其中,所述3D转场动画请求包括所述2D控件的2D控件标识和所述2D控对应的3D动画标识;3D转场动画模块,用于根据用户界面模块发送的2D控件标识,获取所述2D控件在用户界面上的2D控件位置、2D控件高度、2D控件宽度以及2D控件的渲染图像;根据用户界面模块发送的3D动画标识,获取对应的3D网格模型;3D渲染模块,用于将所述2D控件的渲染图像映射到所述3D网格模型上;所述3D转场动画模块,还用于根据所述用户界面模块返回的所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换,设置所述3D网格模型的初始位置和初始大小;从所述初始位置和所述初始大小开始执行对应的3D动画。结合第二方面,在第二方面的第一种实现方式中,所述3D转场动画模块,还用于根据所述用户界面模块返回的所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换,设置所述3D网格模型的初始位置和初始大小,具体为:3D转场动画模块根据所述所述根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过三维空间中的平移、旋转、放大缩小或设置3D网格模型的顶点坐标的方法,使得3D网格模型渲染显示的图像在用户界面上与所述2D控件重叠。结合第二方面或第二方面的第一种实现方式,在第二方面的第二种实现方式中,所述3D动画标识是唯一标识3D动画的字符串、枚举类型或通用资源标识符。结合第二方面或第二方面的第一种实现方式至第二方面第二种实现方式中任一实现方式,在第二方面的第三种实现方式中,所述3D转场动画模块,用于根据所述3D动画标识,获取对应的3D网格模型,具体为:根据所述3D动画标识,获取对应的3D网格模型标识,再根据所述3D网格模型标识获取保存在资源目录中对应的3D网格模型;或根据所述3D动画标识,获得预先设置的算法;根据所述预先设置的算法创建3D网格模型。结合第二方面或第二方面的第一种实现方式至第二方面第三种实现方式中任一实现方式,在第二方面的第四种实现方式中,所述3D动画为3D空间变换动画和/或3D顶点变形动画和/或淡入淡出动画。第三方面,本专利技术实施例还提供了一种对2D控件实现3D转场动画的终端,包括:处理器、存储器以及总线,所述处理器和所述存储器通过所述总线进行通信;其中,所述存储器中存有计算机可读程序;所述处理器通过运行所述存储器中的程序,以用于当接收到对所述2D控件执行3D转场动画的请求时,获取所述2D控件的标识以及与所述2D控件对应的3D动画标识;根据所述2D控件标识,获取所述2D控件在用户界面上的2D控件位置、2D控件宽度、2D控件高度和2D控件的渲染图像;根据所述3D动画标识,获取对应的3D网格模型;将所述2D控件的渲染图像映射到所述3D网格模型上;根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小;从所述初始位置和初始大小开始执行所述3D动画标识对应的3D动画。本专利技术实施例在接收到对2D控件实现3D转场动画的请求时,终端可以实现三维的转场动画效果,并且通过设置3D网格模型合适的3D动画初始值,使得3D网格模型渲染显示的图像与所述2D控件位置、2D控件宽度以及2D控件高度一致,从而所述3D网格模型渲染显示的图像在用户界面上与所述2D控件重叠,解决了从2D页面转换到3D动画时的“闪屏”问题,改善了用户的体验。【附图说明】为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本专利技术一实施例提供的对2D控件实现3D转场动画方法的流程图;图2为本专利技术一实施例提供的对2D控件实现3D转场动画的装置结构示意图;图3为本专利技术一实施例提供的对2D控件实现本文档来自技高网...

【技术保护点】
一种对二维2D控件实现三维3D转场动画的方法,其特征在于,当接收到对所述2D控件执行3D转场动画的请求时,获取所述2D控件的标识以及与所述2D控件对应的3D动画标识; 根据所述2D控件标识,获取所述2D控件在用户界面上的2D控件位置、2D控件宽度、2D控件高度和2D控件的渲染图像; 根据所述3D动画标识,获取对应的3D网格模型; 将所述2D控件的渲染图像映射到所述3D网格模型上; 根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小; 从所述初始位置和初始大小开始执行所述3D动画标识对应的3D动画。

【技术特征摘要】

【专利技术属性】
技术研发人员:蒋飞虎谢军安
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:广东;44

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

1