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

文档序号:9728084阅读:420来源:国知局
一种对2d控件实现3d转场动画的方法和装置的制造方法
【技术领域】
[0001]本发明涉及通信技术领域,特别是涉及对2D (two-dimens1nal, 二维)控件实现3D (three-dimens1nal,三维)转场动画的方法、装置和终端。
【背景技术】
[0002]目前,几乎所有的智能终端都会涉及用户界面的切换。随着硬件技术的快速发展,相比智能终端发展的初期生硬的页面切换,用户界面的切换效果越来越丰富多彩。比如,在安卓Android操作系统中,存在很多种页面的跳转,在用户界面上点击一个应用时,则这个应用会打开一个页面,并且从中间外四周扩张,最后覆盖原来的用户界面。
[0003]通过这种转场动画可以使用户界面在变化时具有丰富的动态效果及艺术过度效果,从而给用户更好的观看体验。现有技术中,用户界面从当前页面到下一个页面切换过程中,对当前页面消失的控件和/或下一个页面出现的控件执行的转场动画一般都是使用淡入淡出或者简单平移等二维切换效果。不同页面间的切换都是采用传统的平面切换技术,无法针对二维页面平滑的实现三维的转场动画,用户体验感低。

【发明内容】

[0004]本发明实施例提供了一种对2D控件实现3D转场动画的方法、装置及终端,能够实现对在转场切换时的2D控件实现平滑的3D转场动画。
[0005]第一方面,本发明实施例提供了一种对2D控件实现2D转场动画的方法,包括:当接收到对所述2D控件执行3D转场动画的请求时,获取所述2D控件的标识以及与所述2D控件对应的3D动画标识;根据所述2D控件标识,获取所述2D控件在用户界面上的2D控件位置、2D控件宽度、2D控件高度和2D控件的渲染图像;根据所述3D动画标识,获取对应的3D网格模型;将所述2D控件的渲染图像映射到所述3D网格模型上;根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小;从所述初始位置和初始大小开始执行所述3D动画标识对应的3D动画。
[0006]结合第一方面,在第一方面的第一种实施方式中,所述根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小,具体为:所述根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过三维空间中的平移、旋转、放大缩小或设置3D网格模型的顶点坐标的方法,使得3D网格模型渲染显示的图像在用户界面上与所述2D控件重叠。
[0007]结合第一方面或第一方面的第一种实施方式,在第一方面的第二种实施方式中,所述3D动画标识包括唯一标识3D动画的字符串、枚举类型或通用资源标识符。
[0008]结合第一方面或第一方面的第一种实现方式至第一方面第二种实现方式中任一实现方式,在第一方面的第三种实现方式中,所述根据所述3D动画标识,获取对应的3D网格模型,具体为:根据所述3D动画标识,获取对应的3D网格模型标识,再根据所述3D网格模型标识获取保存在资源目录中对应的3D网格模型;或根据所述3D动画标识,获得预先设置的算法;根据所述预先设置的算法创建3D网格模型。
[0009]结合第一方面或第一方面的第一种实现方式至第一方面第三种实现方式中任一实现方式,在第一方面的第四种实现方式中,所述3D动画为3D空间变换动画和/或3D顶点变形动画和/或淡入淡出动画。
[0010]第二方面,本发明实施例还提供了一种对二维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动画。
[0011]结合第二方面,在第二方面的第一种实现方式中,所述3D转场动画模块,还用于根据所述用户界面模块返回的所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换,设置所述3D网格模型的初始位置和初始大小,具体为:3D转场动画模块根据所述所述根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过三维空间中的平移、旋转、放大缩小或设置3D网格模型的顶点坐标的方法,使得3D网格模型渲染显示的图像在用户界面上与所述2D控件重叠。
[0012]结合第二方面或第二方面的第一种实现方式,在第二方面的第二种实现方式中,所述3D动画标识是唯一标识3D动画的字符串、枚举类型或通用资源标识符。
[0013]结合第二方面或第二方面的第一种实现方式至第二方面第二种实现方式中任一实现方式,在第二方面的第三种实现方式中,所述3D转场动画模块,用于根据所述3D动画标识,获取对应的3D网格模型,具体为:根据所述3D动画标识,获取对应的3D网格模型标识,再根据所述3D网格模型标识获取保存在资源目录中对应的3D网格模型;或根据所述3D动画标识,获得预先设置的算法;根据所述预先设置的算法创建3D网格模型。
[0014]结合第二方面或第二方面的第一种实现方式至第二方面第三种实现方式中任一实现方式,在第二方面的第四种实现方式中,所述3D动画为3D空间变换动画和/或3D顶点变形动画和/或淡入淡出动画。
[0015]第三方面,本发明实施例还提供了一种对2D控件实现3D转场动画的终端,包括:处理器、存储器以及总线,所述处理器和所述存储器通过所述总线进行通信;其中,所述存储器中存有计算机可读程序;所述处理器通过运行所述存储器中的程序,以用于当接收到对所述2D控件执行3D转场动画的请求时,获取所述2D控件的标识以及与所述2D控件对应的3D动画标识;根据所述2D控件标识,获取所述2D控件在用户界面上的2D控件位置、2D控件宽度、2D控件高度和2D控件的渲染图像;根据所述3D动画标识,获取对应的3D网格模型;将所述2D控件的渲染图像映射到所述3D网格模型上;根据所述2D页面位置、所述2D页面宽度和所述2D页面高度,通过3D变换来设置3D网格模型的初始位置和初始大小;从所述初始位置和初始大小开始执行所述3D动画标识对应的3D动画。
[0016]本发明实施例在接收到对2D控件实现3D转场动画的请求时,终端可以实现三维的转场动画效果,并且通过设置3D网格模型合适的3D动画初始值,使得3D网格模型渲染显示的图像与所述2D控件位置、2D控件宽度以及2D控件高度一致,从而所述3D网格模型渲染显示的图像在用户界面上与所述2D控件重叠,解决了从2D页面转换到3D动画时的“闪屏”问题,改善了用户的体验。
【附图说明】
[0017]为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0018]图1为本发明一实施例提供的对2D控件实现3D转场动画方法的流程图;
[0019]图2为本发明一实施例提供的对2D控件实现3D转场动画的装置结构示意图;
[0020]图3为本发明一实施例提供的对2D控件实现3D转场动画方法的流程图;
[0021]图4为本发明又一实施例提供的对2D控件实现3D转场动画方法的流程图;
[0022]图5为本发明一实施例提供的对2D控件实现3D转场动画的终端结构示意图。
【具体实施方式】
[0023]下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
[0024]本发明实施例中的对2D控件实现3D转场动画的方法可以实现在任一终端设备上,比如手机、智能电视、平板电脑、电子阅读器、PDA (Personal Digital Assistant,个人数字助理)、P0S(Point of Sales,销售终端)、车载电脑等终端设备。本发明实施例中,2D控件是指一个二维的平面图形,可以接收用户的输入命令,比如,可以是一个平面按钮或者平面布局。3D动画是指使用3D空间或顶点变换技术,实现三维空间中的平移、旋转、放大缩小、扭曲等3D动画效果。转场动画是指用户界面从当前页面到下一个页面切换过程中,对当前页面消失的控件和/或下一个页面出现的控件执行的衔接动画。本发明实施例中,用户可以通过按键或者触屏等方式触发2D控件,从
当前第1页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1