WO2013097447A1 - 一种浏览方法和装置 - Google Patents

一种浏览方法和装置 Download PDF

Info

Publication number
WO2013097447A1
WO2013097447A1 PCT/CN2012/078588 CN2012078588W WO2013097447A1 WO 2013097447 A1 WO2013097447 A1 WO 2013097447A1 CN 2012078588 W CN2012078588 W CN 2012078588W WO 2013097447 A1 WO2013097447 A1 WO 2013097447A1
Authority
WO
WIPO (PCT)
Prior art keywords
rotation
angle
axis
application data
browsing
Prior art date
Application number
PCT/CN2012/078588
Other languages
English (en)
French (fr)
Inventor
吴凤元
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2013097447A1 publication Critical patent/WO2013097447A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/954—Navigation, e.g. using categorised browsing

Definitions

  • the present invention relates to browsing technologies, and in particular, to a browsing method and apparatus based on a browser engine. Background technique
  • a technical problem to be solved by embodiments of the present invention is to provide a browsing method and apparatus for implementing a vertical rotation browsing and increasing a user browsing page size.
  • a browsing method for implementing stereoscopic rotation browsing including:
  • the browser engine loads the application data to obtain a rotation angle, and the rotation angle includes three-dimensional rotation information
  • the browser engine parses the application data, determines a location of each element in the application data according to the rotation angle, and generates layout information
  • the browser engine draws the application data based on the layout information and displays it on a terminal screen.
  • the step of the browser engine acquiring the rotation angle includes:
  • the browser engine captures a stereoscopic rotation generated when a user operates a stereo rotation button or a touch interface
  • the browsing event is obtained, the operation value of the stereo rotation browsing event is obtained, and the rotation angle is determined according to a correspondence between the preset operation value and the rotation angle.
  • the step of determining the location of each element in the application data according to the rotation angle comprises:
  • Determining a position of each element in the application data on the terminal screen when there is no rotation acquiring a three-dimensional position of the element rotated by the rotation angle for any element, and mapping the three-dimensional position of the element to the On the terminal screen, the position of the element on the terminal screen after the rotation is obtained.
  • the rotation angle includes:
  • the diagonal line is a line connecting the left top end and the right bottom end of the terminal screen
  • the X axis, the y axis and the z axis are three-dimensional coordinate axes established around the specified position.
  • the application data is data of a terminal window or a page or an application.
  • a browsing device for implementing stereoscopic rotation browsing including a browser engine expansion layer, a parsing module, an enhanced layout module, and an enhanced drawing module, wherein:
  • the browser engine expansion layer is configured to: load application data, obtain a rotation angle, and the rotation angle includes three-dimensional rotation information;
  • the parsing module is configured to: parse the application data
  • the enhanced layout module is configured to: determine a location of each element in the application data according to the rotation angle, and generate layout information;
  • the enhanced rendering module is configured to: draw the application data according to the layout information and Displayed on the terminal screen.
  • the browser engine expansion layer is configured to acquire a rotation angle according to the following manner: capturing a stereo rotation browsing event generated when the user operates the stereo rotation button or the touch interface, and acquiring an operation value of the stereo rotation browsing event, according to the pre- The correspondence between the set operation value and the rotation angle determines the rotation angle.
  • the enhanced layout module is configured to determine a location of each element in the application data according to the rotation angle in the following manner:
  • Determining a position of each element in the application data on the terminal screen when there is no rotation acquiring a three-dimensional position of the element rotated by the rotation angle for any element, and mapping the three-dimensional position of the element to the On the terminal screen, the position of the element on the terminal screen after the rotation is obtained.
  • the rotation angle includes:
  • the diagonal line is a line connecting between a left top end and a right bottom end of the terminal screen
  • the X axis, the y axis and the z axis are three-dimensional coordinate axes established around a specified position.
  • the designated location is a center of the terminal screen.
  • the application data is data of a terminal window or a page or an application.
  • BRIEF abstract 1 is a perspective view of a stereo rotation browsing device according to an embodiment of the present invention.
  • FIG. 2 is a flowchart of implementing stereoscopic rotation browsing according to an embodiment of the present invention
  • FIG. 3 is a perspective view of a three-dimensional rotation coordinate of a screen according to an embodiment of the present invention.
  • FIG. 4 is a diagram of a screen stereoscopic rotary slider button according to an embodiment of the present invention. Preferred embodiment of the invention
  • An implementation method of the stereo rotation browsing includes the following steps: the browser engine loads the application data, and obtains a rotation angle, where the rotation angle includes three-dimensional rotation information;
  • the browser engine parses the application data, determines a location of each element in the application data according to the rotation angle, and generates layout information
  • the browser engine draws the application data based on the layout information and displays it on the terminal screen.
  • the step of the browser engine acquiring the rotation angle includes:
  • the browser engine captures a stereo rotation browsing event generated when the user operates the stereo rotation button or the touch interface, acquires an operation value of the stereo rotation browsing event, and determines the rotation angle according to a correspondence between a preset operation value and a rotation angle.
  • a stereo rotation button is provided on the user interface, and the specific implementation manner of the button may be a slider or a rotation axis, and the user may drag the slider, or rotate the rotation axis to realize stereoscopic rotation browsing.
  • the browser engine built-in slider sliding position or the relationship between the angle of rotation of the rotating shaft and the rotation angle, according to the corresponding relationship, when the user operates the slider or the rotating shaft, according to the current slider position or the angle of the rotating shaft Rotation angle.
  • the rotation angle can also be determined by the sliding direction when the user touches the screen.
  • the step of the location of each element in the application data according to the rotation angle includes: determining a position of each element in the application data on the terminal screen when there is no rotation, for any element, Obtaining a three-dimensional position of the element rotated by the rotation angle, or
  • Determining a position of each element in the application data on the terminal screen when there is no rotation acquiring a three-dimensional position of the element rotated by the rotation angle for any element, and mapping the three-dimensional position of the element to the terminal screen On, the position of the element on the screen of the terminal after the rotation is obtained.
  • the mapping algorithm may be implemented by using a mapping algorithm, and the specific mapping algorithm may be used to map the two-dimensional coordinates to the two-dimensional coordinates, which is not limited by the embodiment of the present invention.
  • the rotation angle can be expressed in a variety of ways, as long as it can characterize the positional relationship of any element in the application data before and after the rotation.
  • the position before the element is rotated refers to the position of the element on the screen when the element is rotated without starting the vertical rotation browsing function, that is, the position where the application data is laid out according to the related art.
  • a way of indicating the rotation angle is: an angle from the diagonal rotation to the y-axis, and an angle from the diagonal rotation to the z-axis;
  • the angle with the X axis after the diagonal rotation, and the angle with the y axis after the diagonal rotation, or the angle with the X axis after the diagonal rotation, and the rotation of the diagonal and the z axis is a line connecting the left top end and the right bottom end of the terminal screen, and the x, y, and z axes are three-dimensional coordinate axes established around the specified position.
  • the application data is data of a terminal window or a page or an application.
  • the implementation method of the browser engine-based stereo rotation browsing includes: Step S1, the browser engine starts, the browser engine expansion layer captures the user stereo rotation browsing event, filters the illegal application data, and obtains the application layer transmission.
  • the screen size includes the screen width and height values, and the current rotation angle.
  • the rotation angle between the diagonal rotation and the y-axis, the rotation angle after the diagonal rotation, and the rotation angle between the z-axis are calculated according to the preset correspondence relationship. Then turn to the parsing module of the browser engine.
  • Step S2 the parsing module of the browser engine parses the application data, and generates a data tree structure, and the enhanced layout module of the browser engine formats the data according to the screen size and the rotation angle, including the layout position and the size, where
  • the layout position may include the height of the upper left corner of the diagonal, the height of the upper side of the screen, and the width of the left side.
  • the layout position here is the height of the upper side of the original plane, the width of the left side, and the height of the upper left corner of the original plane with respect to the rotation angle of 0.
  • the layout position is a three-dimensional position, and of course, other parameters may be used to represent the three-dimensional position.
  • the position for example, directly gives the coordinates of the element in the three-dimensional coordinate system, which is not limited by the present invention.
  • the layout position can also directly give the position of each element on the screen after rotation, that is, the position of the three-dimensional position mapped to the terminal screen.
  • Step S3 The enhanced rendering module of the browser engine arranges the drawing sequence according to the layout information and the element characteristics, and calls the terminal platform GUI system interface to draw, thereby rendering the browsing window/application/page on the device screen.
  • Step S4 if the user uses the stereo rotation button, the rotation angle changes; if the user touches the slide to browse the page, the rotation angle also changes, wherein the user touches the slide browsing page to change the rotation angle.
  • the browser engine expansion layer captures the event, obtains the rotation angle, and then forwards it to the browser engine parsing module for processing, and proceeds to step S2.
  • the stereoscopic browsing device includes a modified browser engine, and FIG. 1 further includes a terminal window/application/page 11, a browser engine 12, and an embedded device platform 13.
  • the modified browser engine 12 further includes a browser engine expansion layer 121, a rendering engine 122 and an event processing module 123, and the rendering engine 122 includes a parsing module 1221, an enhanced layout module 1222 and an enhanced rendering module 1223.
  • the window/application/page 11 in Figure 1 is an application and application management module running on the browser engine 12, wherein the application management module is responsible for the interaction, startup, switching and destruction of the applications.
  • the modified browser engine 12 mainly increases the browser engine kernel expansion layer, the rotation angle is obtained, and the stereo rotation function is added in the browser engine layout and drawing module.
  • the browser engine expansion layer 121 is configured to: load application data, obtain a rotation angle, the rotation angle includes three-dimensional rotation information; the user uses an interface layer of the browser engine 12, is responsible for event processing, implementation of a rotation algorithm, and page legality. Verification, etc.
  • the parsing module 1221 is configured to: parse the application data; and the specific parsing method is not limited to the present invention. Set. For example, parsing the application data to generate a tree structure.
  • the enhanced layout module 1222 is configured to: determine the position of each element in the application data according to the rotation angle, and generate layout information; and how to determine the location, refer to the method embodiment.
  • the enhanced rendering module 1223 is configured to: draw the application data based on the layout information and display it on the terminal screen.
  • the event processing module 123 is configured to: capture a stereo rotation browsing event when the user operates the stereo rotation button or touch the interface; the browser engine expansion layer 121 acquires the operation value of the stereo rotation browsing event, according to the preset operation value and the rotation angle The correspondence between the determinations determines the angle of rotation.
  • the event processing module 123 can be implemented using JavaScript.
  • the workflow of the stereo rotation browsing in the embodiment of the present invention includes the following steps: Step 201: Load application data to the browser engine expansion layer 121;
  • Step 202 the browser engine expansion layer 121 filters the application data, and obtains the screen size and the rotation angle of the terminal;
  • Step 203 the browser engine expansion layer 121 turns to the parsing module 1221 to parse the application data, and generates a data tree structure;
  • Step 204 the enhanced layout module 1222 lays out the tree data (regardless of the rotation angle), adjusts the data layout position according to the screen size and the rotation angle, including the height of the upper left corner of the diagonal, the height of the upper side of the screen, and the left side. Width
  • Step 205 the enhanced layout module 1222 submits the layout information to the enhanced rendering module 1223 to arrange drawing;
  • Step 206 the enhanced drawing module 1223 arranges the drawing sequence and the drawing mode according to the application data
  • Step 207 The enhanced drawing module 1223 uses the platform GUI interface to draw a window, a control, a text, and the like;
  • Step 208 the platform GUI system completes the specific drawing of the application, thereby displaying the window/application/page 11 on the screen;
  • Step 209 if the user has the operation page data, the event processing module 123 responds to the user operation and processes; at this time, the rotation angle does not change, and only the application data changes;
  • Step 210 The enhanced drawing module 1223 re-adjusts the drawing position and size according to the data change after the operation;
  • Step 211 the enhanced drawing module 1223 uses the platform GUI to complete the specific drawing display.
  • Step 212 if the user browses and uses the window/application/page 11, when the sliding button is popped up by the shortcut key or swiping on the screen, the stereo rotation is generated. Browse the event and pass it to the browser engine extension layer 121;
  • Step 213 The browser engine expansion layer 121 processes the stereo rotation browsing event to obtain an operation value of the stereo rotation browsing event, and the operation value may include: a slider moving direction and a moving position or a touch screen sliding direction, and calculating the rotation according to the operation value. Angle, then go to step 204.
  • FIG. 3 it is a schematic diagram of definition of a rotation angle according to an embodiment of the present invention.
  • the angle is a three-dimensional angle.
  • the rotation angle includes two angles: a rotation angle between the diagonal rotation and the y-axis, and a rotation angle between the diagonal rotation and the z-axis.
  • the diagonal line is the line between the top left end of the screen and the bottom right end of the screen, which moves with the user's stereo rotation.
  • the rotated diagonal is created by the user using the slider button to slide the slider down or operate the touch screen.
  • the use of the above two angles to indicate the angle of rotation is only one embodiment, and the angle of rotation may be selected in other ways, which is not limited in the embodiment of the present invention.
  • FIG. 4 a schematic diagram of a slider button popped up by an embedded device shortcut key operation according to an embodiment of the present invention.
  • the diagonal in the corresponding rotation axis is rotated clockwise.
  • block 2 slides up
  • the diagonal line in the corresponding rotation coordinate axis is rotated counterclockwise.
  • the diagonal line in the corresponding rotation coordinate axis is counterclockwise. The direction rotates, and when the slider 2 slides up, the diagonal rotates clockwise.
  • the slider button can be automatically hidden after the user has no operation for 1 second (may be other values, such as 2 seconds, the invention is not limited), and the user re-pops through the shortcut key operation when needed. Of course, you can also not auto-hide.
  • the slider button structure is only an example, and other structures can be taken. For example, only the slider 1 or only the slider 2; for example, the sliding direction of the slider can also be left and right sliding, etc., for example, the slider can also be used, and the user can directly operate the rotary axis.
  • the manner of the row rotation is not limited in this embodiment of the present invention.
  • the stereoscopically rotated picture according to the embodiment of the present invention can give the user a feeling of tilting the stereoscopic shape, and the feeling generated by the stereoscopic rotation has a larger visual space than the ordinary browsing, and can be made limited.
  • the plane can display more text or images.
  • the embodiment of the invention browses in a stereoscopic rotation manner, increases the browsing space, improves the user experience of browsing, and improves the competitiveness of the device.
  • the present invention has strong industrial applicability.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种浏览方法和装置，用于实现立体旋转浏览，该方法包括：浏览器引擎装载应用数据，获取旋转角度，所述旋转角度包括三维旋转信息；所述浏览器引擎解析所述应用数据，根据所述旋转角度确定所述应用数据中各元素的位置，生成布局信息；所述浏览器引擎根据所述布局信息绘制所述应用数据并在所述终端屏幕上显示。上述技术方案增大了浏览界面空间。

Description

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

Claims

权 利 要 求 书
1、 一种浏览方法， 用于实现立体旋转浏览， 包括：
浏览器引擎装载应用数据， 获取旋转角度， 所述旋转角度包括三维旋转 信息；
所述浏览器引擎解析所述应用数据， 根据所述旋转角度确定所述应用数 据中各元素的位置， 生成布局信息；
所述浏览器引擎根据所述布局信息绘制所述应用数据并在终端屏幕上显 示。
2、如权利要求 1所述的浏览方法， 其中， 所述浏览器引擎获取旋转角度 的步骤包括：
所述浏览器引擎捕获用户操作立体旋转按钮或触摸界面时产生的立体旋 转浏览事件， 获取所述立体旋转浏览事件的操作值， 根据预设的操作值和旋 转角度之间的对应关系确定所述旋转角度。
3、如权利要求 1所述的浏览方法， 其中，根据所述旋转角度确定所述应 用数据中各元素的位置的步骤包括：
确定无旋转时所述应用数据中各元素在所述终端屏幕上的位置， 对任一 元素， 获取该元素以所述旋转角度进行旋转后的三维位置； 或者，
确定无旋转时所述应用数据中各元素在所述终端屏幕上的位置， 对任一 元素， 获取该元素以所述旋转角度进行旋转后的三维位置， 将该元素的三维 位置映射到所述终端屏幕上， 得到旋转后该元素在所述终端屏幕上的位置。
4、 如权利要求 1、 2或 3所述的浏览方法， 其中， 所述旋转角度包括： 对角线旋转后与 y轴的角度， 以及， 所述对角线旋转后与 z轴的角度； 或者， 所述对角线旋转后与 X轴的角度， 以及， 所述对角线旋转后与所 述 y轴的角度，
或者， 所述对角线旋转后与所述 X轴的角度， 以及， 所述对角线旋转后 与所述 z轴的角度；
其中，所述对角线为终端屏幕的左顶端和右底端之间的连线，所述 X轴， y轴和 z轴是以指定位置为中心建立的三维坐标轴。
5、 如权利要求 1、 2或 3所述的浏览方法， 其中， 所述应用数据为终端 窗口或页面或应用的数据。
6、 一种浏览装置， 用于实现立体旋转浏览， 包括浏览器引擎拓展层、 解 析模块、 增强型布局模块和增强型绘制模块， 其中：
所述浏览器引擎拓展层设置成： 装载应用数据， 获取旋转角度， 所述旋 转角度包括三维旋转信息；
所述解析模块设置成： 解析所述应用数据；
所述增强型布局模块设置成： 根据所述旋转角度确定所述应用数据中各 元素的位置， 生成布局信息；
所述增强型绘制模块设置成： 根据所述布局信息绘制所述应用数据并在 终端屏幕上显示。
7、如权利要求 6所述的浏览装置， 其中， 所述浏览器引擎拓展层设置成 按照以下方式获取旋转角度：
捕获用户操作立体旋转按钮或触摸界面时产生的立体旋转浏览事件， 获 取所述立体旋转浏览事件的操作值， 根据预设的操作值和旋转角度之间的对 应关系确定所述旋转角度。
8、如权利要求 6所述的浏览装置， 其中， 所述增强型布局模块设置成按 照以下方式根据所述旋转角度确定所述应用数据中各元素的位置：
确定无旋转时所述应用数据中各元素在所述终端屏幕上的位置， 对任一 元素， 获取该元素以所述旋转角度进行旋转后的三维位置， 或者，
确定无旋转时所述应用数据中各元素在所述终端屏幕上的位置， 对任一 元素， 获取该元素以所述旋转角度进行旋转后的三维位置， 将该元素的三维 位置映射到所述终端屏幕上， 得到旋转后该元素在所述终端屏幕上的位置。
9、 如权利要求 6、 7或 8所述的浏览装置， 其中， 所述旋转角度包括： 对角线旋转后与 y轴的角度， 以及， 所述对角线旋转后与 z轴的角度； 或者， 所述对角线旋转后与 X轴的角度， 以及， 所述对角线旋转后与所 述 y轴的角度，
或者， 所述对角线旋转后与所述 X轴的角度， 以及， 所述对角线旋转后 与所述 z轴的角度；
其中， 所述对角线为所述终端屏幕的左顶端和右底端之间的连线， 所述 X轴， y轴和 z轴是以指定位置为中心建立的三维坐标轴。
10、 如权利要求 9所述的浏览装置， 其中， 所述指定位置为所述终端屏 幕中心。
11、 如权利要求 6、 7或 8所述的浏览装置， 其中， 所述应用数据为终端 窗口或页面或应用的数据。
PCT/CN2012/078588 2011-12-29 2012-07-13 一种浏览方法和装置 WO2013097447A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201110450229.1A CN102567524B (zh) 2011-12-29 2011-12-29 一种立体旋转浏览的实现方法和装置
CN201110450229.1 2011-12-29

Publications (1)

Publication Number Publication Date
WO2013097447A1 true WO2013097447A1 (zh) 2013-07-04

Family

ID=46412923

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/078588 WO2013097447A1 (zh) 2011-12-29 2012-07-13 一种浏览方法和装置

Country Status (2)

Country Link
CN (1) CN102567524B (zh)
WO (1) WO2013097447A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102567524B (zh) * 2011-12-29 2018-05-04 中兴通讯股份有限公司 一种立体旋转浏览的实现方法和装置
CN104133663B (zh) * 2013-08-02 2015-07-29 腾讯科技（深圳）有限公司 可跟随屏幕自动旋转的浮窗实现的方法、装置和终端
CN108469954A (zh) * 2018-03-16 2018-08-31 宁波帝洲自动化科技有限公司 一种hmi可视化系统
CN108962354A (zh) * 2018-07-03 2018-12-07 成都市九阵科技有限公司 一种dicom影像浏览方法
CN110222289A (zh) * 2019-06-13 2019-09-10 厦门商集网络科技有限责任公司 一种可灵活操控的数字展厅的实现方法及计算机介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110187709A1 (en) * 2010-01-29 2011-08-04 Pantech Co., Ltd. Mobile terminal and method for displaying information
CN102236441A (zh) * 2010-04-26 2011-11-09 鸿富锦精密工业（深圳）有限公司 互动式三维影像显示系统及方法
CN102567524A (zh) * 2011-12-29 2012-07-11 中兴通讯股份有限公司 一种立体旋转浏览的实现方法和装置

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5963215A (en) * 1997-03-26 1999-10-05 Intel Corporation Three-dimensional browsing of multiple video sources
KR101555055B1 (ko) * 2008-10-10 2015-09-22 엘지전자 주식회사 이동단말기 및 그 디스플레이방법
CN101877736A (zh) * 2009-04-30 2010-11-03 深圳富泰宏精密工业有限公司 移动终端用户界面自动调整系统及方法
KR101608764B1 (ko) * 2009-07-14 2016-04-04 엘지전자 주식회사 이동 단말기 및 이것의 디스플레이 제어 방법
JP2011022842A (ja) * 2009-07-16 2011-02-03 Sony Corp 表示装置、表示方法及びプログラム
CN102289338A (zh) * 2010-06-18 2011-12-21 启碁科技股份有限公司 使用者界面及电子装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110187709A1 (en) * 2010-01-29 2011-08-04 Pantech Co., Ltd. Mobile terminal and method for displaying information
CN102236441A (zh) * 2010-04-26 2011-11-09 鸿富锦精密工业（深圳）有限公司 互动式三维影像显示系统及方法
CN102567524A (zh) * 2011-12-29 2012-07-11 中兴通讯股份有限公司 一种立体旋转浏览的实现方法和装置

Also Published As

Publication number Publication date
CN102567524B (zh) 2018-05-04
CN102567524A (zh) 2012-07-11

Similar Documents

Publication Publication Date Title
US10310730B2 (en) Display device for controlling displaying of a window and method of controlling the same
US9898844B2 (en) Augmented reality content adapted to changes in real world space geometry
CN111145352A (zh) 一种房屋实景图展示方法、装置、终端设备及存储介质
CN110162236B (zh) 虚拟样板间的展示方法、装置及计算机设备
US20150187137A1 (en) Physical object discovery
CN104081307B (zh) 图像处理装置、图像处理方法和程序
CN103914876B (zh) 用于在3d地图上显示视频的方法和设备
US20150325211A1 (en) Display device and control method therefor
JP5924407B2 (ja) 画像処理装置、画像処理方法、及びプログラム
CN111803945B (zh) 界面渲染方法、装置、电子设备及存储介质
WO2015102854A1 (en) Assigning virtual user interface to physical object
WO2013097447A1 (zh) 一种浏览方法和装置
CN109920065A (zh) 资讯的展示方法、装置、设备及存储介质
US20150063785A1 (en) Method of overlappingly displaying visual object on video, storage medium, and electronic device
CN104423829B (zh) 一种信息处理方法及电子设备
CN106844521A (zh) 基于bs架构的跨终端三维数字地球交互方法
JP5668385B2 (ja) 情報処理装置、プログラムおよび情報処理方法
JP5955139B2 (ja) 画像配置制御装置、画像配置制御方法、及びプログラム
JP6980802B2 (ja) 拡張現実を提供するための方法、装置及びコンピュータプログラム
CN110060328A (zh) 用于定义用于3d对象的设计的绘图平面的方法
KR20140110646A (ko) 사용자 단말 및 사용자 단말에서 화면 표시 방법
US20230326147A1 (en) Helper data for anchors in augmented reality
US9292165B2 (en) Multiple-mode interface for spatial input devices
CN106843630A (zh) 建筑模型的显示方法和建筑模型的显示系统
GB2533777A (en) Coherent touchless interaction with steroscopic 3D images

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12862596

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12862596

Country of ref document: EP

Kind code of ref document: A1