专利名称：一种立体旋转浏览的实现方法和装置的制作方法
技术领域：
本发明涉及浏览器，尤其涉及一种基于浏览器引擎的立体旋转浏览的实现方法和
直O
背景技术：
随着移动互联网的发展和手机应用的个性化，用户体验的满足感需求，对有限嵌入式设备比如手机屏幕大小，针对物理大小不变的情况下，如何逻辑上增大用户浏览页面大小以及让用户能够快速更好的浏览信息和增强浏览体验感显得甚为重要。移动互联网的发展，未来手机应用窗口以及更多的应用都将使用网页标记语言、脚本语言诸如HTML，CSS， JavaScript, XML, Aiax等来实现，而这些应用的运行环境是架在浏览器引擎之上的，因此， 使用基于浏览器引擎之上的技术提高用户浏览体验，是一个热门方向。
发明内容
本发明要解决的技术问题是提供一种立体旋转浏览的实现方法和装置，增加用户浏览页面大小。为了解决上述问题，本发明提供了一种立体旋转浏览的实现方法，包括浏览器引擎装载应用数据，获取旋转角度，所述旋转角度包括三维旋转信息；所述浏览器引擎解析所述应用数据，根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；所述浏览器引擎根据所述布局信息绘制所述应用数据并在所述终端屏幕上显示。进一步的，上述方法还可具有以下特点，所述浏览器引擎获取旋转角度包括浏览器引擎捕获用户操作立体旋转按钮或触摸界面时产生的立体旋转浏览事件， 获取所述立体旋转浏览事件的操作值，根据预设的操作值和旋转角度之间的对应关系确定所述旋转角度。进一步的，上述方法还可具有以下特点，所述根据旋转角度所述应用数据中各元素位置包括确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，或者，确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，将该元素的三维位置映射到所述终端屏幕上，得到旋转后该元素在所述终端屏幕上的位置。进一步的，上述方法还可具有以下特点，所述旋转角度包括对角线旋转后与y轴的角度，以及，对角线旋转后与ζ轴的角度；或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与y轴的角度，或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与ζ轴的角度；其中，所述对角线为终端屏幕左顶端和右底端之间的连线，所述X，y，ζ轴是以指定位置为中心建立的三维坐标轴。进一步的，上述方法还可具有以下特点，所述应用数据为终端窗口或页面或应用的数据。本发明还提供一种立体旋转浏览装置，包括浏览器引擎拓展层、解析模块、增强型布局模块和增强型绘制模块，其中所述浏览器引擎拓展层用于装载应用数据，获取旋转角度，所述旋转角度包括三维旋转信息；所述解析模块用于解析所述应用数据；所述增强型布局模块用于根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；所述增强型绘制模块用于根据所述布局信息绘制所述应用数据并在所述终端屏眷上显不。进一步的，上述装置还可具有以下特点，所述浏览器弓I擎拓展层还用于用于捕获用户操作立体旋转按钮或触摸界面时产生立体旋转浏览事件，获取所述立体旋转浏览事件的操作值，根据预设的操作值和旋转角度之间的对应关系确定所述旋转角度。进一步的，上述装置还可具有以下特点，所述增强型布局模块根据所述旋转角度确定所述应用数据中各元素的位置包括确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，或者，确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，将该元素的三维位置映射到所述终端屏幕上，得到旋转后该元素在所述终端屏幕上的位置。进一步的，上述装置还可具有以下特点，所述旋转角度包括对角线旋转后与y轴的角度，以及，对角线旋转后与ζ轴的角度；或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与y轴的角度，或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与ζ轴的角度；其中，所述对角线为终端屏幕左顶端和右底端之间的连线，所述X，y，ζ轴是以终端屏幕中心为中心建立的三维坐标轴。进一步的，上述装置还可具有以下特点，所述应用数据为终端窗口或页面或应用的数据。本发明的有益效果主要表现在在嵌入式设备小屏幕上以立体旋转方式浏览增大了浏览界面空间，逻辑上增大了屏幕的空间大小，同时提高了用户浏览体验感，提升了嵌入式设备市场竞争力。
图1是本发明实施例立体旋转浏览装置框架；图2是本发明实施例立体旋转浏览的实现流程图；图3是本发明实施例屏幕立体旋转坐标轴图；图4是本发明实施例屏幕立体旋转滑块按钮图5是本发明实施例立体旋转后屏幕显示示意图。
具体实施例方式为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。本发明实施例提供一种立体旋转浏览的实现方法，包括浏览器引擎装载应用数据，获取旋转角度，所述旋转角度包括三维旋转信息；浏览器引擎解析所述应用数据，根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；所述浏览器引擎根据所述布局信息绘制所述应用数据并在所述终端屏幕上显示。其中，所述浏览器引擎获取旋转角度包括浏览器引擎捕获用户操作立体旋转按钮或触摸界面时产生的立体旋转浏览事件， 获取所述立体旋转浏览事件的操作值，根据预设的操作值和旋转角度之间的对应关系确定所述旋转角度。在用户界面上提供立体旋转按钮，该按钮的具体实现方式可以是滑块，也可以是一旋转轴，用户可以拖动该滑块，或者，旋转该旋转轴实现立体旋转浏览。在浏览器引擎内置滑块滑动位置或者旋转轴转动的角度与旋转角度之间的对应关系，根据该对应关系，在用户操作滑块或旋转轴时，根据当前滑块位置或旋转轴的角度得到旋转角度。对于触摸屏，还可以用户触摸屏幕时的滑动方向确定旋转角度。其中，所述根据旋转角度所述应用数据中各元素的位置包括确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，或者，确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，将该元素的三维位置映射到所述终端屏幕上，得到旋转后该元素在所述终端屏幕上的位置。其中，可以内置映射算法实现映射，具体映射算法可以采用三维坐标映射到二维坐标的方式，本发明对此不作限定。其中，旋转角度可以使用多种方式表示，只要能表征应用数据中的任一元素在旋转前后的位置关系即可。其中，元素旋转前的位置是指，不启动立体旋转浏览功能时，对该元素进行布局得到的该元素在屏幕上的位置，即根据现有技术对应用数据进行布局绘制的位置。其中，一种表示旋转角度的方式为对角线旋转后与y轴的角度，以及，对角线旋转后与Z轴的角度；或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与y轴的角度，或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与ζ轴的角度；其中，所述对角线为终端屏幕左顶端和右底端之间的连线，所述X，y，ζ轴是以指定位置为中心建立的三维坐标轴。其中，所述应用数据为终端窗口或页面或应用的数据。本发明实施例提供的基于浏览器引擎的立体旋转浏览的实现方法包括
6
步骤Si，浏览器引擎启动，浏览器引擎拓展层捕获用户立体旋转浏览事件，过滤非法应用数据，同时得到应用层转递下来的屏幕大小包括屏幕宽高值，以及当前的旋转角度， 根据预置的对应关系计算出对角线旋转后和y轴间的旋转角度、对角线旋转后和ζ轴间的旋转角度，然后转向浏览器引擎的解析模块。步骤S2，浏览器引擎的解析模块解析应用数据，生成数据树状结构，同时浏览器引擎的增强型布局模块对应用数据根据屏幕大小和旋转角度对数据进行布局，包括布局位置和大小，其中，布局位置可以包括距离对角左上角高度，距离屏幕上边高度和左边宽度。其中，此处的布局位置是相对于旋转角度为0时的原始平面的上边高度、左边宽度和原始平面左上角的高度，该布局位置是一种三维位置，当然，也可以使用其他参数表示三维位置，比如，直接给出元素在三维坐标系中的坐标，本发明对此不作限定。另外，布局位置也可以直接给出各元素旋转后在屏幕上的位置，即三维位置映射到终端屏幕上的位置。步骤S3，浏览器引擎的增强型绘制模块根据布局信息和元素特性安排绘制先后顺序，调用终端平台GUI系统接口进行绘制，从而在设备屏幕上渲染显示出浏览窗口 /应用/ 页面。步骤S4，如果用户使用立体旋转按钮，旋转角度变化；如果用户触摸滑动浏览页面，旋转角度也会发生变化，其中，用户触摸滑动浏览页面可以立体改变旋转角度。当用户操作时，浏览器引擎拓展层会捕获到该事件，得到旋转角度，然后再转交浏览器引擎解析模块处理，转向步骤S2。下面结合附图对本发明作进一步的描述。参照图1，立体旋转浏览装置包括改造型浏览器引擎，图1中还包括终端窗口 /应用/页面和嵌入式设备平台。其中改造型浏览器引擎又包括浏览器引擎拓展层，渲染引擎 (包括解析模块，增强型布局模块，增强型绘制模块)和事件处理模块。图1中的窗口 /应用/页面是运行在浏览器引擎之上的应用程序和应用管理模块，其中应用管理模块负责各应用的交互、启动，切换和销毁。改造型浏览器引擎主要是增加浏览器引擎内核拓展层，旋转角度的获取，在浏览器引擎布局和绘制模块中增加支持立体旋转功能。其中浏览器引擎拓展层用于装载应用数据，获取旋转角度，所述旋转角度包括三维旋转信息；用户使用浏览器引擎的接口层，负责事件的处理，旋转算法的实现，页面合法性验证等。解析模块解析所述应用数据；具体解析方法本发明不作限定。比如，解析应用数据生成树状结构。增强型布局模块用于根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；具体如何确定位置参见方法实施例。增强型绘制模块根据所述布局信息绘制所述应用数据并在所述终端屏幕上显示。
事件处理模块，用于捕获用户操作立体旋转按钮或触摸界面时产生立体旋转浏览事件；浏览器引擎拓展层获取所述立体旋转浏览事件的操作值，根据预设的操作值和旋转角度之间的对应关系确定所述旋转角度。事件处理模块可以使用JavMcript实现。
参照图2，本发明的立体旋转浏览的工作流程详细描述步骤201，装载应用数据到浏览器引擎拓展层；步骤202，浏览器引擎拓展层过滤应用数据，并获取终端屏幕大小和旋转角度；步骤203，浏览器引擎拓展层转向解析模块进行解析应用数据，生成数据树状结构；步骤204，增强型布局模块对树状数据进行布局(不考虑旋转角度时的布局)，根据屏幕大小和旋转角度，调整数据布局位置，包括距离对角左上角高度，距离屏幕上边高度和左边宽度；步骤205，增强型布局模块将布局信息交由增强型绘制模块安排绘制；步骤206，增强型绘制模块根据应用数据安排绘制先后顺序以及绘制方式；步骤207，增强型绘制模块使用平台GUI接口进行绘制窗口、控件和文本等；步骤208，平台GUI系统完成应用的具体绘制，从而将窗口 /应用/页面显示在屏幕上；步骤209，如果用户有操作页面数据，事件处理模块响应用户操作并处理；此时旋转角度未发生变化，仅应用数据发生变化；步骤210，增强型绘制模块根据操作后数据变化重新调整绘制位置和大小；步骤211，增强型绘制模块使用平台GUI完成具体绘制显示；步骤212，如果用户在浏览和使用窗口 /应用/页面时，通过快捷键弹出滑动按钮或者在屏幕上滑动浏览，则产生立体旋转浏览事件，并传递到浏览器引擎拓展层；步骤213，浏览器引擎拓展层对立体旋转浏览事件进行处理，获取立体旋转浏览事件的操作值，所述操作值可包括滑块移动方向和移动位置或者触摸屏滑动方向，根据操作值计算旋转角度，然后转向步骤204。参照图3，为本发明的旋转角度的定义示意图。该角度是三维角度，本实施例中， 旋转角度包括两个角度对角线旋转后和1轴间的旋转角度1，对角线和Z轴间的旋转角度 2。对角线是屏幕左顶端和屏幕右底端之间的连线，是随着用户的立体旋转发生移动的。旋转后的对角线是用户使用滑块按钮向下滑动滑块或者操作触摸屏移动而成。使用上述两个角度来表示旋转角度仅为一种实施方式，也可以选择其他方式表示旋转角度，本发明对此不作限定。参照图4，本发明的通过嵌入式设备快捷键操作弹出的滑块按钮示意图。如图可以看到矩形方块上下位置都有空白的小滑块，当用户使用滑块1向下滑动的时候，相应的旋转坐标轴中的对角线是按顺时针方向旋转；当用户使用滑块2向上滑动的时候，相应的旋转坐标轴中的对角线是按逆时针方向旋转，当然，也可以滑块1向下滑动时，相应的旋转坐标轴中的对角线是按逆时针方向旋转，滑块2向上滑动时，对角线按顺时针方向旋转。该滑块按钮可以在用户没有任何操作的1秒(也可为其它值，比如2秒，本发明不作限定)后自动隐藏，需用时用户通过快捷键操作重新弹出。当然，也可以不进行自动隐藏。滑块按钮结构仅为示例，也可采取其它结构。比如，只有滑块1，或者，只有滑块2 ；又比如，滑块的滑动方向也可以是左右滑动等，又比如，也可以不使用滑块的形式，设置成用户可以直接操作旋转轴进行旋转的方式，本发明对此不作限定。参照图5，本发明的立体旋转后画面示意图，此图为一些图片通过顺时针旋转后在屏幕中显示的效果。本发明以立体旋转方式浏览，增大了浏览空间，提高了用户浏览体验感，提升了设备竞争力。本领域普通技术人员可以理解上述方法中的全部或部分步骤可通过程序来指令相关硬件完成，所述程序可以存储于计算机可读存储介质中，如只读存储器、磁盘或光盘等。可选地，上述实施例的全部或部分步骤也可以使用一个或多个集成电路来实现。相应地，上述实施例中的各模块/单元可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。本发明不限制于任何特定形式的硬件和软件的结合。以上所述仅为本发明的实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、 等同替换、改进等，均应包含在本发明的权利要求范围之内。
权利要求
1.一种立体旋转浏览的实现方法，包括浏览器引擎装载应用数据，获取旋转角度，所述旋转角度包括三维旋转信息；所述浏览器引擎解析所述应用数据，根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；所述浏览器引擎根据所述布局信息绘制所述应用数据并在所述终端屏幕上显示。
2.如权利要求1所述的方法，其特征在于，所述浏览器引擎获取旋转角度包括浏览器引擎捕获用户操作立体旋转按钮或触摸界面时产生的立体旋转浏览事件，获取所述立体旋转浏览事件的操作值，根据预设的操作值和旋转角度之间的对应关系确定所述旋转角度。
3.如权利要求1所述的方法，其特征在于，所述根据旋转角度所述应用数据中各元素位置包括确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，或者，确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，将该元素的三维位置映射到所述终端屏幕上，得到旋转后该元素在所述终端屏幕上的位置。
4.如权利要求1、2或3所述的方法，其特征在于，所述旋转角度包括对角线旋转后与y轴的角度，以及，对角线旋转后与ζ轴的角度；或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与y轴的角度，或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与ζ轴的角度；其中，所述对角线为终端屏幕左顶端和右底端之间的连线，所述χ，ι, ζ轴是以指定位置为中心建立的三维坐标轴。
5.如权利要求1、2或3所述的方法，其特征在于，所述应用数据为终端窗口或页面或应用的数据。
6.一种立体旋转浏览装置，包括浏览器引擎拓展层、解析模块、增强型布局模块和增强型绘制模块，其中所述浏览器引擎拓展层用于装载应用数据，获取旋转角度，所述旋转角度包括三维旋转fn息；所述解析模块用于解析所述应用数据；所述增强型布局模块用于根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；所述增强型绘制模块用于根据所述布局信息绘制所述应用数据并在所述终端屏幕上显不。
7.如权利要求6所述的装置，其特征在于，所述浏览器引擎拓展层还用于用于捕获用户操作立体旋转按钮或触摸界面时产生立体旋转浏览事件，获取所述立体旋转浏览事件的操作值，根据预设的操作值和旋转角度之间的对应关系确定所述旋转角度。
8.如权利要求6所述的装置，其特征在于，所述增强型布局模块根据所述旋转角度确定所述应用数据中各元素的位置包括确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，或者，确定无旋转时所述应用数据中各元素在终端屏幕上的位置，对任一元素，获取该元素以所述旋转角度进行旋转后的三维位置，将该元素的三维位置映射到所述终端屏幕上，得到旋转后该元素在所述终端屏幕上的位置。
9.如权利要求6、7或8所述的装置，其特征在于，所述旋转角度包括 对角线旋转后与y轴的角度，以及，对角线旋转后与ζ轴的角度；或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与y轴的角度， 或者，对角线旋转后与χ轴的角度，以及，对角线旋转后与ζ轴的角度； 其中，所述对角线为终端屏幕左顶端和右底端之间的连线，所述χ，ι, ζ轴是以终端屏幕中心为中心建立的三维坐标轴。
10.如权利要求6、7或8所述的装置，其特征在于，所述应用数据为终端窗口或页面或应用的数据。
全文摘要
本发明提供一种立体旋转浏览的实现方法，包括浏览器引擎装载应用数据，获取旋转角度，所述旋转角度包括三维旋转信息；所述浏览器引擎解析所述应用数据，根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；所述浏览器引擎根据所述布局信息绘制所述应用数据并在所述终端屏幕上显示。本发明还提供一种立体旋转浏览的实现装置。本发明增大了浏览界面空间。
文档编号G06F17/30GK102567524SQ201110450229
公开日2012年7月11日 申请日期2011年12月29日 优先权日2011年12月29日
发明者吴凤元 申请人:中兴通讯股份有限公司