一种终端软件界面展示的方法和装置的制作方法

文档序号:6442099阅读:313来源:国知局
专利名称:一种终端软件界面展示的方法和装置的制作方法
技术领域
本发明涉及终端界面展示技术领域,尤其涉及一种终端软件界面展示的方法和装置。
背景技术
目前的软件界面多为一维或二维的展示方式,当展示的内容过多时,只能采用叠加多层的展示方式。其中,现有一维的展示方式,当打开某个功能时以新界面叠加的方式展示;此种展示方式只能一次同时打开一个界面(功能),这增加了功能切换的成本。现有二维的展示方式,当用户触发某热点时,以翻转的方式展示背景的内容。无论是一维的展示方式,还是二维的展示方式,都存在一定的局限性,只适合信息结构比较简单的软件界面展示,这不便于软件功能的扩展。

发明内容
有鉴于此,本发明的主要目的在于提供一种终端软件界面展示的方法和装置,实现以三维的方式来展示终端软件界面。为达到上述目的,本发明的技术方案是这样实现的:本发明提供了一种终端软件界面展示的方法,该方法包括:终端获取界面拖拽指令,并记录相应的拖动距离;根据所述拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照所述坐标变换的结果重新显示各界面截图,以显示3D效果或模拟视觉3D效果。在终端获取界面拖拽指令之前,该方法进一步包括:所述终端对需要在当前窗口上显示的各界面分别进行截图,在所述当前窗口的二维坐标下,通过横、纵坐标的计算,将各界面截图分别按照特定的角度进行拉伸或放大并绘制到所述当前窗口上,以模拟视觉3D效果。所述根据拖动距离和预设的坐标变换规则,对当前窗口上显示的各界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图,具体为:根据所述拖动距离,按照预设的比例系数计算每个界面截图的各像素的新二维坐标,并按照计算所得的新二维坐标重新绘制各界面截图。在终端获取界面拖拽指令之前,该方法进一步包括:所述终端对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的三维坐标下构建一个立方体,并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上,以显不3D效果。所述根据拖动距离和预设的坐标变换规则,对当前窗口上显示的各界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图,具体为:根据所述拖动距离,对所述立方体进行空间坐标变换,并按照所述立方体进行空间坐标变换的结果重新显示所述立方体各表面上的对应界面截图。本发明还提供了一种终端软件界面展示的装置,该装置包括:拖拽指令处理模块和坐标变换模块,所述拖拽指令处理模块,用于获取界面拖拽指令,并记录相应的拖动距离;所述坐标变换模块,用于根据所述拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照所述坐标变换的结果重新显示各界面截图,以显示3D效果或模拟视觉3D效果。该装置进一步包括:第一初始窗口绘制模块,用于在所述拖拽指令处理模块获取界面拖拽指令之前,对需要在当前窗口上显示的各界面分别进行截图,在所述当前窗口的二维坐标下,通过横、纵坐标的计算,将各界面截图分别按照特定的角度进行拉伸或放大并绘制到所述当前窗口上,以模拟视觉3D效果。所述坐标变换模块进一步用于,根据所述拖动距离,按照预设的比例系数计算每个界面截图的各像素的新二维坐标,并按照计算所得的新二维坐标重新绘制各界面截图。该装置进一步包括:第二初始窗口绘制模块,用于在所述拖拽指令处理模块获取界面拖拽指令之前,对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的三维坐标下构建一个立方体,并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上,以显示3D效果。所述坐标变换模块进一步用于,根据所述拖动距离,对所述立方体进行空间坐标变换,并按照所述立方体进行空间坐标变换的结果重新显示所述立方体各表面上的对应界面截图。本发明所提供的一种终端软件界面展示的方法和装置,首先获取界面拖拽指令,并记录相应的拖动距离;然后根据拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图,以显示3D效果或模拟视觉3D效果。本发明在软件结构上进行了扩展,实现以三维的方式来展示终端软件界面,不仅满足了更丰富的终端功能要求,而且提升了用户的操作体验。


图1为本发明实施例的一种终端软件界面展示的方法流程图;图2为本发明实施例中的终端软件界面展示的立体效果的示意图;图3为本发明实施例的一种终端软件界面展示的装置的结构示意图;图4为本发明实施例的另一种终端软件界面展示的装置的结构示意图。
具体实施例方式下面结合附图和具体实施例对本发明的技术方案进一步详细阐述。本发明所提供的一种终端软件界面展示的方法如图1所示,主要包括以下步骤:步骤101,终端获取界面拖拽指令,并记录相应的拖动距离。用户在触摸屏的终端屏幕上执行拖动操作时,或者用户在非触摸屏的终端上通过鼠标点击当前显示界面并执行鼠标的拖拽操作时,会触发界面拖拽指令,终端随即获取到该界面拖拽指令,并记录相应的拖动距离。
步骤102,根据拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图,以显示3D效果或模拟视觉3D效果。终端内预设基于拖动距离的坐标变换规则,在记录下拖动距离后,终端按照所述坐标变换规则对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图。本发明在实现三维展示终端软件界面时,可以采用以下两种实现方式:第一种实现方式称为伪3D,即在窗口初始展示时(在终端获取界面拖拽指令之前),终端对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的二维坐标下,通过对每个界面截图的各元素进行二维横、纵坐标的计算,将各界面截图分别按照特定的角度进行拉伸或放大并绘制到当前窗口上,以达到模拟视觉上的3D显示效果。相应的,终端在获取到界面拖拽指令时,记录相应的拖动距离,根据记录的拖动距离按照预设的比例系数(该比例系数表示了拖动距离与当前窗口的二维横、纵坐标之间的比例关系)计算每个界面截图的各像素的新二维坐标,并按照计算所得的新二维坐标重新绘制各界面截图。第二种实现方式称为真3D,即在窗口初始展示时(在终端获取界面拖拽指令之前),终端对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的三维坐标(X、Y、Z轴的空间坐标)下构建(或称渲染)一个立方体,并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上,以显示3D效果。相应的,终端在获取到界面拖拽指令时,记录相应的拖动距离,根据拖动距离对该立方体进行空间坐标变换,并按照该立方体进行空间坐标变换的结果重新显示该立方体各表面上的对应界面截图。真3D可以通过图形库来实现,如开放图形库的嵌入式系统(OpenGL ES, Open Graphics Library for EmbeddedSystems), OpenGL ES是跨平台的、基于移动平台的、功能完善的3D图形应用工具;本发明的终端可以通过调用OpenGL ES的应用程序接口(API,Application Program Interface)来实现所述终端内的真3D。终端通过调用OpenGL ES的API,在当前窗口的三维坐标下渲染出一个立方体,对需要在当前窗口上显示的各界面分别进行截图,并将各界面截图作为纹理分别贴到所渲染的立方体的对应表面上。后续终端在进行立方体的空间坐标变换时也是通过调用OpenGLES的API来实现的;由于初始展示时,各界面截图是作为纹理分别贴到立方体的对应表面上,因此,在立方体的空间坐标发生变换时,贴在立方体表面上的界面截图也会随着其贴附的表面发生相应的空间坐标变化,界面截图会产生视觉上的3D效果。下面结合图2所示终端软件界面展示的立体效果,对本发明的终端软件界面展示的方法进一步详细阐述。首先介绍伪3D:在窗口初始展示时,终端对需要在当前窗口上显示的各界面分别进行截图(如图2中所示的截图A和截图B),在当前窗口的二维坐标下,通过对每个界面截图(截图A和截图B)的各元素进行二维横、纵坐标的计算,将各界面截图分别按照特定的角度进行拉伸或放大并绘制到当前窗口上,以达到模拟视觉上的3D显示效果,显示效果如图2中的窗口 Kl所示。终端在获取到界面拖拽指令时(如图2所示的向左拖拽),记录相应的拖动距离,根据记录的拖动距离按照预设的比例系数计算每个界面截图的各像素的新二维坐标,并按照计算所得的新二维坐标重新绘制各界面截图,显示效果如图2中的窗口K2所示。下面介绍真3D:在窗口初始展示时,终端通过调用OpenGL ES的API在当前窗口的三维坐标下渲染出一个立方体,终端对需要在当前窗口上显示的各界面分别进行截图(如截图A、截图B和截图C),并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上,以显示3D效果。终端在获取到界面拖拽指令时(如图2所示的向左拖拽),记录相应的拖动距离,根据拖动距离对该立方体进行空间坐标变换,并按照该立方体进行空间坐标变换的结果重新显示该立方体各表面上的对应界面截图。由于初始展示时,各界面截图是作为纹理分别贴到立方体的对应表面上,因此,在立方体的空间坐标发生变换时,贴在立方体表面上的界面截图也会随着其贴附的表面发生相应的空间坐标变化,界面截图会产生视觉上的3D效果,显示效果如图2中的窗口 K2、K3所示。对应上述终端软件界面展示的方法,本发明还提供了一种终端软件界面展示的装置。实现伪3D的装置结构如图3所示,主要包括:拖拽指令处理模块10、坐标变换模块20和第一初始窗口绘制模块30。第一初始窗口绘制模块30,用于在窗口初始展示时,对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的二维坐标下,通过横、纵坐标的计算,将各界面截图分别按照特定的角度进行拉伸或放大并绘制到该当前窗口上,以模拟视觉3D效果。拖拽指令处理模块10,用于获取界面拖拽指令,并记录相应的拖动距离。坐标变换模块20,用于根据拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图。具体的,根据拖动距离,按照预设的比例系数计算每个界面截图的各像素的新二维坐标,并按照计算所得的新二维坐标重新绘制各界面截图。坐标变换模块20与第一初始窗口绘制模块30相连,因为在进行二维坐标变换时,需要坐标变换模块20需要从第一初始窗口绘制模块30获取窗口初始展示时的各界面截图的二维坐标,在此基础上进行二维坐标变换。实现真3D的装置结构如图4所示,主要包括:拖拽指令处理模块10、坐标变换模块20和第二初始窗口绘制模块40。第二初始窗口绘制模块40,用于在窗口初始展示时,对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的三维坐标下构建一个立方体,并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上,以显示3D效果。拖拽指令处理模块10,用于获取界面拖拽指令,并记录相应的拖动距离。坐标变换模块20,根据拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图。具体的,根据拖动距离,对立方体进行空间坐标变换,并按照立方体进行空间坐标变换的结果重新显示立方体各表面上的对应界面截图。坐标变换模块20与第二初始窗口绘制模块40相连,因为在进行空间坐标变换时,需要坐标变换模块20需要从第二初始窗口绘制模块40获取窗口初始展示时立方体的空间坐标,在此基础上进行空间坐标变换。以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。
权利要求
1.一种终端软件界面展示的方法,其特征在于,该方法包括: 终端获取界面拖拽指令,并记录相应的拖动距离; 根据所述拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照所述坐标变换的结果重新显示各界面截图,以显示3D效果或模拟视觉3D效果。
2.根据权利要求1所述终端软件界面展示的方法,其特征在于,在终端获取界面拖拽指令之前,该方法进一步包括: 所述终端对需要在当前窗口上显示的各界面分别进行截图,在所述当前窗口的二维坐标下,通过横、纵坐标的计算,将各界面截图分别按照特定的角度进行拉伸或放大并绘制到所述当前窗口上,以模拟视觉3D效果。
3.根据权利要求2所述终端软件界面展示的方法,其特征在于,所述根据拖动距离和预设的坐标变换规则,对当前窗口上显示的各界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图,具体为: 根据所述拖动距离,按照预设的比例系数计算每个界面截图的各像素的新二维坐标,并按照计算所得的新二维坐标重新绘制各界面截图。
4.根据权利要求1所述终端软件界面展示的方法,其特征在于,在终端获取界面拖拽指令之前,该方法进一步包括: 所述终端对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的三维坐标下构建一个立方体,并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上,以显示3D效果。
5.根据权利要求4所述终端软件界面展示的方法,其特征在于,所述根据拖动距离和预设的坐标变换规则,对当前窗口上显示的各界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图,具体为: 根据所述拖动距离,对所述立方体进行空间坐标变换,并按照所述立方体进行空间坐标变换的结果重新显示所述立方体各表面上的对应界面截图。
6.一种终端软件界面展示的装置,其特征在于,该装置包括:拖拽指令处理模块和坐标变换模块, 所述拖拽指令处理模块,用于获取界面拖拽指令,并记录相应的拖动距离; 所述坐标变换模块,用于根据所述拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照所述坐标变换的结果重新显示各界面截图,以显示3D效果或模拟视觉3D效果。
7.根据权利要求6所述终端软件界面展示的装置,其特征在于,该装置进一步包括:第一初始窗口绘制模块,用于在所述拖拽指令处理模块获取界面拖拽指令之前,对需要在当前窗口上显示的各界面分别进行截图,在所述当前窗口的二维坐标下,通过横、纵坐标的计算,将各界面截图分别按照特定的角度进行拉伸或放大并绘制到所述当前窗口上,以模拟视觉3D效果。
8.根据权利要求7所述终端软件界面展示的装置,其特征在于,所述坐标变换模块进一步用于,根据所述拖动距离,按照预设的比例系数计算每个界面截图的各像素的新二维坐标,并按照计算所得的新二维坐标重新绘制各界面截图。
9.根据权利要求6所述终端软件界面展示的装置,其特征在于,该装置进一步包括:第二初始窗口绘制模块,用于在所述拖拽指令处理模块获取界面拖拽指令之前,对需要在当前窗口上显示的各界面分别进行截图,在当前窗口的三维坐标下构建一个立方体,并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上,以显示3D效果。
10.根据权利要求9所述终端软件界面展示的装置,其特征在于,所述坐标变换模块进一步用于,根据所述拖动距离,对所述立方体进行空间坐标变换,并按照所述立方体进行空间坐标变换的结果重新显 示所述立方体各表面上的对应界面截图。
全文摘要
本发明公开了一种终端软件界面展示的方法和装置,方法包括终端获取界面拖拽指令,并记录相应的拖动距离;根据拖动距离和预设的坐标变换规则,对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换,并按照坐标变换的结果重新显示各界面截图,以显示3D效果或模拟视觉3D效果。通过本发明,能够实现以三维的方式来展示终端软件界面。
文档编号G06F3/0486GK103164121SQ20111042731
公开日2013年6月19日 申请日期2011年12月19日 优先权日2011年12月19日
发明者栾兰, 陈展 申请人:腾讯科技(深圳)有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1