WO2013091483A1 - 一种终端软件界面展示的方法和装置、计算机存储介质 - Google Patents

一种终端软件界面展示的方法和装置、计算机存储介质 Download PDF

Info

Publication number
WO2013091483A1
WO2013091483A1 PCT/CN2012/086073 CN2012086073W WO2013091483A1 WO 2013091483 A1 WO2013091483 A1 WO 2013091483A1 CN 2012086073 W CN2012086073 W CN 2012086073W WO 2013091483 A1 WO2013091483 A1 WO 2013091483A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
coordinate transformation
screenshot
terminal
drag
Prior art date
Application number
PCT/CN2012/086073
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 腾讯科技（深圳）有限公司
Priority to EP12860936.9A priority Critical patent/EP2701048A4/en
Publication of WO2013091483A1 publication Critical patent/WO2013091483A1/zh
Priority to US14/099,147 priority patent/US20140096087A1/en

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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04802—3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user

Definitions

  • the present invention relates to the field of terminal interface display technologies, and in particular, to a method and apparatus for displaying a terminal software interface, and a computer storage medium. Background technique
  • the current software interface is mostly a one-dimensional or two-dimensional display method.
  • a multi-layer display method can be used.
  • the existing one-dimensional display mode is displayed when the new interface is superimposed when opening a certain function; this display mode can only open one interface (function) at the same time, which increases the cost of function switching.
  • the existing two-dimensional display mode when the user triggers a hot spot, displays the background content in a flipped manner.
  • the main object of the present invention is to provide a method and apparatus for displaying a terminal software interface, and a computer storage medium, which realizes displaying a terminal software interface in a three-dimensional manner.
  • the invention provides a method for displaying a terminal software interface, the method comprising:
  • the terminal acquires an interface drag and drop instruction, and records the corresponding drag distance
  • the invention also provides a device for displaying a terminal software interface, the device comprising: Let the processing module and the coordinate transformation module,
  • the dragging instruction processing module is configured to acquire an interface dragging instruction, and record a corresponding dragging distance
  • the coordinate transformation module is configured to perform corresponding coordinate transformation on each pixel of each interface screenshot displayed on the current window according to the drag distance and a preset coordinate transformation rule, and re-convert according to the result of the coordinate transformation.
  • Display screenshots of each interface to display 3D effects or simulate visual 3D effects.
  • the present invention also provides a computer storage medium having stored therein computer executable instructions for performing the method of terminal software interface presentation of the present invention.
  • the method and device for displaying a terminal software interface and the computer storage medium provided by the invention first obtain an interface drag command and record a corresponding drag distance; and then according to the drag distance and the preset coordinate transformation rule, the current Each pixel of each interface screenshot displayed on the window is subjected to corresponding coordinate transformation, and the screenshots of each interface are redisplayed according to the result of the coordinate transformation to display a 3D effect or a simulated visual 3D effect.
  • the invention expands on the software structure, realizes the terminal software interface in a three-dimensional manner, not only satisfies the richer terminal function requirements, but also improves the user's operation experience.
  • FIG. 1 is a flowchart of a method for displaying a terminal software interface according to an embodiment of the present invention
  • FIG. 2 is a schematic diagram of a stereoscopic effect of a terminal software interface display according to an embodiment of the present invention
  • FIG. 3 is a schematic diagram of a terminal software according to an embodiment of the present invention
  • FIG. 4 is a schematic structural diagram of another apparatus for displaying a terminal software interface according to an embodiment of the present invention
  • FIG. 1 A method for displaying a terminal software interface according to an embodiment of the present invention is shown in FIG. 1 . To include the following steps:
  • Step 101 The terminal acquires an interface drag command, and records a corresponding drag distance.
  • the interface drag and drop instruction is triggered, and the terminal immediately obtains the interface drag. ⁇ Command, and record the corresponding drag distance.
  • Step 102 Perform corresponding coordinate transformation on each pixel of each interface screenshot displayed on the current window according to the drag distance and the preset coordinate transformation rule, and redisplay the screenshots of each interface according to the result of the coordinate transformation to display the three-dimensional ( 3D) effects or simulate visual 3D effects.
  • the coordinate transformation rule based on the drag distance is preset in the terminal. After dragging the distance under the record, the terminal performs corresponding coordinate transformation on each pixel of each interface screenshot displayed on the current window according to the coordinate transformation rule, and according to the coordinate The result of the transformation redisplays the screenshots of each interface.
  • the embodiment of the present invention can adopt the following two implementation methods:
  • the first implementation is called pseudo 3D, that is, when the window is initially displayed (before the terminal obtains the interface drag command), the terminal separately takes a screenshot of each interface that needs to be displayed on the current window, in the two-dimensional coordinates of the current window.
  • pseudo 3D the terminal separately takes a screenshot of each interface that needs to be displayed on the current window, in the two-dimensional coordinates of the current window.
  • the terminal obtains the interface drag command
  • the corresponding drag distance is recorded according to the preset drag coefficient according to the drag distance of the record (the scale coefficient represents the drag distance and the two-dimensional horizontal and vertical of the current window)
  • the proportional relationship between the coordinates calculates the new two-dimensional coordinates of each pixel of each interface screenshot, and redraws the screenshots of each interface according to the calculated new two-dimensional coordinates.
  • the second implementation is called true 3D, that is, when the window is initially displayed (before the terminal obtains the interface drag command), the terminal separately takes a screenshot of each interface that needs to be displayed on the current window, and the three-dimensional coordinates of the current window ( ⁇ Build, or render, a space under the space coordinates of ⁇ , ⁇ , ⁇
  • the square body, and each interface screenshot is attached as a texture to the corresponding surface of the constructed cube to display the 3D effect.
  • the terminal records the corresponding drag distance, performs spatial coordinate transformation on the cube according to the drag distance, and redisplays the surface of the cube according to the result of the spatial coordinate transformation of the cube.
  • Corresponding interface screenshot when the terminal obtains the interface dragging instruction, the terminal records the corresponding drag distance, performs spatial coordinate transformation on the cube according to the drag distance, and redisplays the surface of the cube according to the result of the spatial coordinate transformation of the cube.
  • True 3D can be implemented through a graphics library, such as OpenGL ES (Open Graphics Library for Embedded Systems), which is a cross-platform, mobile platform-based, full-featured 3D graphics application tool;
  • OpenGL ES Open Graphics Library for Embedded Systems
  • the terminal of the embodiment of the invention can implement the true 3D in the terminal by calling an API (Application Program Interface) of the OpenGL ES.
  • API Application Program Interface
  • the terminal renders a cube in the three-dimensional coordinates of the current window by calling the OpenGL ES API, and separately screens each interface that needs to be displayed on the current window, and pastes each interface screenshot as a texture to the corresponding cube. On the surface. Subsequent terminals are also implemented by calling the API of OpenGL ES when performing spatial coordinate transformation of the cube; since the initial display, the screenshots of each interface are respectively attached to the corresponding surface of the cube as textures, so the spatial coordinates of the cube are transformed. The screenshots of the interface attached to the surface of the cube will also change with the corresponding spatial coordinates of the attached surface, and the screenshot will produce a visual 3D effect.
  • the method for displaying the terminal software interface of the embodiment of the present invention is further elaborated below in conjunction with the stereoscopic effect displayed by the terminal software interface shown in FIG.
  • the terminal separately takes screenshots of each interface that needs to be displayed on the current window (such as screenshot A and screenshot B shown in FIG. 2), and passes the two-dimensional coordinates of the current window. Calculate the two-dimensional horizontal and vertical coordinates of each interface of each interface screenshot (screenshot A and screenshot B), and stretch or enlarge each interface screenshot to a specific angle to achieve the simulated vision.
  • the upper 3D display effect the display effect is shown in window K1 in Fig. 2.
  • the terminal renders a cube in the three-dimensional coordinates of the current window by calling the API of OpenGL ES, and the terminal separately takes a screenshot of each interface that needs to be displayed on the current window (for example, cut A, Screenshot B and screenshot C), and each interface screenshot is attached as a texture to the corresponding surface of the constructed cube to display the 3D effect.
  • the terminal obtains the interface drag command (drag to the left as shown in FIG. 1), records the corresponding drag distance, performs spatial coordinate transformation on the cube according to the drag distance, and performs spatial coordinate transformation according to the cube. The result redisplays the corresponding interface screenshots on each surface of the cube.
  • the screenshots of each interface are respectively attached to the corresponding surface of the cube as textures. Therefore, when the spatial coordinates of the cube are transformed, the screenshots of the interface attached to the surface of the cube will also correspond to the surface to which they are attached. The spatial coordinate changes, the interface screenshot will produce a visual 3D effect, the display effect is shown in the window K2, ⁇ 3 in Figure 2.
  • the embodiment of the invention further provides a device for displaying the terminal software interface.
  • the device structure for implementing pseudo 3D mainly includes: a drag and drop instruction processing module 10, a coordinate transformation module 20, and a first initial window drawing module 30.
  • the first initial window drawing module 30 is configured to perform a screenshot on each interface that needs to be displayed on the current window during the initial display of the window, and calculate the horizontal and vertical coordinates in the two-dimensional coordinates of the current window.
  • the screenshots are stretched or magnified at a specific angle and drawn onto the current window to simulate a visual 3D effect.
  • the drag command processing module 10 is configured to obtain an interface drag command and record a corresponding drag distance.
  • a coordinate transformation module 20 configured to convert a current according to a drag distance and a preset coordinate
  • Each pixel of each interface screenshot displayed on the window performs corresponding coordinate transformation, and redisplays the screenshots of each interface according to the result of the coordinate transformation.
  • the new two-dimensional coordinates of each pixel of each interface screenshot are calculated according to the preset scale factor, and the screenshots of each interface are redrawn according to the calculated new two-dimensional coordinates.
  • the coordinate transformation module 20 is connected to the first initial window drawing module 30, because when performing the two-dimensional coordinate transformation, the coordinate transformation module 20 is required to acquire the two-dimensional coordinates of the screenshots of the interfaces when the initial presentation of the window is obtained from the first initial window drawing module 30. On this basis, two-dimensional coordinate transformation is performed.
  • the device structure for real 3D is as shown in FIG. 4, and mainly includes: a drag and drop instruction processing module 10, a coordinate transformation module 20, and a second initial window drawing module 40.
  • the second initial window drawing module 40 is configured to separately perform screenshots on each interface that needs to be displayed on the current window during the initial display of the window, construct a cube in the three-dimensional coordinates of the current window, and paste the screenshots of each interface as textures respectively. Go to the corresponding surface of the constructed cube to display the 3D effect.
  • the drag command processing module 10 is configured to obtain an interface drag command and record a corresponding drag distance.
  • the coordinate transformation module 20 performs corresponding coordinate transformation on each pixel of each interface screenshot displayed on the current window according to the drag distance and the preset coordinate transformation rule, and redisplays the screenshots of each interface according to the result of the coordinate transformation. Specifically, according to the drag distance, the cube is spatially transformed, and the corresponding interface screenshot on each surface of the cube is redisplayed according to the result of the spatial coordinate transformation of the cube.
  • the coordinate transformation module 20 is connected to the second initial window drawing module 40, because when the spatial coordinate transformation is performed, the coordinate transformation module 20 is required to acquire the spatial coordinates of the cube when the window is initially displayed from the second initial window drawing module 40. Perform spatial coordinate transformation.
  • the integrated modules described in the embodiments of the present invention may also be stored in a computer readable storage medium if they are implemented in the form of software functional modules and sold or used as separate products. Based on such understanding, the technical solution of the embodiments of the present invention may be embodied in the form of a software product in essence or in the form of a software product.
  • the computer software product is stored in a storage medium and includes a plurality of instructions.
  • a computer device (which may be a personal computer, server, or network device, etc.) is implemented to perform all or part of the methods described in various embodiments of the present invention.
  • the foregoing storage medium includes: a U disk, a removable hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and the like, which can store program codes. .
  • ROM read-only memory
  • RAM random access memory
  • magnetic disk or an optical disk and the like, which can store program codes.
  • the embodiment of the present invention further provides a computer storage medium in which the above calculations are stored, which are only preferred embodiments of the present invention, and are not intended to limit the protection scope of the present invention.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开一种终端软件界面展示的方法和装置，方法包括：终端获取界面拖拽指令，并记录相应的拖动距离；根据拖动距离和预设的坐标变换规则，对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换，并按照坐标变换的结果重新显示各界面截图，以显示三维效果或模拟视觉三维效果。装置包括：拖拽指令处理模块和坐标变换模块，拖拽指令处理模块用于获取界面拖拽指令，并记录相应的拖动距离；坐标变换模块用于根据拖动距离和预设的坐标变换规则，对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换，并按照坐标变换的结果重新显示各界面截图，以显示三维效果或模拟视觉三维效果。通过本发明，能够实现以三维的方式来展示终端软件界面。

Description

一种终端软件界面展示的方法和装置、 计算机存储介质 技术领域
本发明涉及终端界面展示技术领域， 尤其涉及一种终端软件界面展示 的方法和装置、 计算机存储介质。 背景技术
目前的软件界面多为一维或二维的展示方式， 当展示的内容过多时， 只能采用叠加多层的展示方式。 其中， 现有一维的展示方式， 当打开某个 功能时以新界面叠加的方式展示； 此种展示方式只能一次同时打开一个界 面 （功能）， 这增加了功能切换的成本。 现有二维的展示方式， 当用户触发 某热点时， 以翻转的方式展示背景的内容。
无论是一维的展示方式， 还是二维的展示方式， 都存在一定的局限性， 只适合信息结构比较简单的软件界面展示， 这不便于软件功能的扩展。 发明内容
有鉴于此， 本发明的主要目的在于提供一种终端软件界面展示的方法 和装置、 计算机存储介质， 实现以三维的方式来展示终端软件界面。
为达到上述目的， 本发明的技术方案是这样实现的：
本发明提供了一种终端软件界面展示的方法， 该方法包括：
终端获取界面拖拽指令， 并记录相应的拖动距离；
根据所述拖动距离和预设的坐标变换规则， 对当前窗口上显示的每个 界面截图的各像素进行相应的坐标变换， 并按照所述坐标变换的结果重新 显示各界面截图， 以显示 3D效果或模拟视觉 3D效果。
本发明还提供了一种终端软件界面展示的装置， 该装置包括： 拖拽指 令处理模块和坐标变换模块，
所述拖拽指令处理模块， 用于获取界面拖拽指令， 并记录相应的拖动 距离；
所述坐标变换模块， 用于根据所述拖动距离和预设的坐标变换规则， 对当前窗口上显示的每个界面截图的各像素进行相应的坐标变换， 并按照 所述坐标变换的结果重新显示各界面截图， 以显示 3D效果或模拟视觉 3D 效果。
本发明还提供了一种计算机存储介质， 其内存储有计算机可执行指令， 该计算机可执行指令用于执行本发明所述的终端软件界面展示的方法。
本发明所提供的一种终端软件界面展示的方法和装置、 计算机存储介 质， 首先获取界面拖拽指令， 并记录相应的拖动距离； 然后根据拖动距离 和预设的坐标变换规则， 对当前窗口上显示的每个界面截图的各像素进行 相应的坐标变换， 并按照坐标变换的结果重新显示各界面截图， 以显示 3D 效果或模拟视觉 3D效果。 本发明在软件结构上进行了扩展， 实现以三维的 方式来展示终端软件界面， 不仅满足了更丰富的终端功能要求， 而且提升 了用户的操作体验。 附图说明
图 1为本发明实施例的一种终端软件界面展示的方法流程图； 图 2为本发明实施例中的终端软件界面展示的立体效果的示意图； 图 3为本发明实施例的一种终端软件界面展示的装置的结构示意图； 图 4为本发明实施例的另一种终端软件界面展示的装置的结构示意图。 具体实施方式
下面结合附图和具体实施例对本发明的技术方案进一步详细阐述。 本发明实施例所提供的一种终端软件界面展示的方法如图 1 所示， 主 要包括以下步驟：
步驟 101 , 终端获取界面拖拽指令， 并记录相应的拖动距离。
用户在触摸屏的终端屏幕上执行拖动操作时， 或者用户在非触摸屏的 终端上通过鼠标点击当前显示界面并执行鼠标的拖拽操作时， 都会触发界 面拖拽指令， 终端随即获取到该界面拖拽指令， 并记录相应的拖动距离。
步驟 102,根据拖动距离和预设的坐标变换规则，对当前窗口上显示的 每个界面截图的各像素进行相应的坐标变换， 并按照坐标变换的结果重新 显示各界面截图， 以显示三维（3D )效果或模拟视觉 3D效果。
终端内预设基于拖动距离的坐标变换规则， 在记录下拖动距离后， 终 端按照所述坐标变换规则对当前窗口上显示的每个界面截图的各像素进行 相应的坐标变换， 并按照坐标变换的结果重新显示各界面截图。
本发明实施例在实现三维展示终端软件界面时， 可以采用以下两种实 现方式：
第一种实现方式称为伪 3D, 即在窗口初始展示时（在终端获取界面拖 拽指令之前）， 终端对需要在当前窗口上显示的各界面分别进行截图， 在当 前窗口的二维坐标下， 通过对每个界面截图的各元素进行二维横、 纵坐标 的计算， 将各界面截图分别按照特定的角度进行拉伸或放大并绘制到当前 窗口上， 以达到模拟视觉上的 3D显示效果。 相应的， 终端在获取到界面拖 拽指令时， 记录相应的拖动距离， 根据记录的拖动距离按照预设的比例系 数（该比例系数表示了拖动距离与当前窗口的二维横、 纵坐标之间的比例 关系）计算每个界面截图的各像素的新二维坐标， 并按照计算所得的新二 维坐标重新绘制各界面截图。
第二种实现方式称为真 3D, 即在窗口初始展示时（在终端获取界面拖 拽指令之前）， 终端对需要在当前窗口上显示的各界面分别进行截图， 在当 前窗口的三维坐标（Χ、 Υ、 Ζ轴的空间坐标） 下构建（或称渲染）一个立 方体， 并将各界面截图作为纹理分别贴到所构建的立方体的对应表面上， 以显示 3D效果。 相应的， 终端在获取到界面拖拽指令时， 记录相应的拖动 距离， 根据拖动距离对该立方体进行空间坐标变换， 并按照该立方体进行 空间坐标变换的结果重新显示该立方体各表面上的对应界面截图。真 3D可 以通过图形库来实现， 如开放图形库的嵌入式系统 （OpenGL ES, Open Graphics Library for Embedded Systems ), OpenGL ES是跨平台的、 基于移 动平台的、 功能完善的 3D图形应用工具； 本发明实施例的终端可以通过调 用 OpenGL ES的应用程序接口 （API, Application Program Interface )来实 现所述终端内的真 3D。
终端通过调用 OpenGL ES的 API, 在当前窗口的三维坐标下渲染出一 个立方体， 对需要在当前窗口上显示的各界面分别进行截图， 并将各界面 截图作为纹理分别贴到所渲染的立方体的对应表面上。 后续终端在进行立 方体的空间坐标变换时也是通过调用 OpenGL ES的 API来实现的； 由于初 始展示时， 各界面截图是作为纹理分别贴到立方体的对应表面上， 因此， 在立方体的空间坐标发生变换时， 贴在立方体表面上的界面截图也会随着 其贴附的表面发生相应的空间坐标变化， 界面截图会产生视觉上的 3D 效 果。
下面结合图 2所示终端软件界面展示的立体效果， 对本发明实施例的 终端软件界面展示的方法进一步详细阐述。
首先介绍伪 3D: 在窗口初始展示时， 终端对需要在当前窗口上显示的 各界面分别进行截图（如图 2中所示的截图 A和截图 B ), 在当前窗口的二 维坐标下， 通过对每个界面截图 （截图 A和截图 B )的各元素进行二维横、 纵坐标的计算， 将各界面截图分别按照特定的角度进行拉伸或放大并绘制 到当前窗口上， 以达到模拟视觉上的 3D显示效果， 显示效果如图 2中的窗 口 K1所示。 终端在获取到界面拖拽指令时 （如图 2所示的向左拖拽）， 记 录相应的拖动距离， 根据记录的拖动距离按照预设的比例系数计算每个界 面截图的各像素的新二维坐标， 并按照计算所得的新二维坐标重新绘制各 界面截图， 显示效果如图 2中的窗口 K2所示。
下面介绍真 3D: 在窗口初始展示时， 终端通过调用 OpenGL ES的 API 在当前窗口的三维坐标下渲染出一个立方体， 终端对需要在当前窗口上显 示的各界面分别进行截图 （如截 ® A、 截图 B和截图 C ), 并将各界面截图 作为纹理分别贴到所构建的立方体的对应表面上， 以显示 3D效果。 终端在 获取到界面拖拽指令时（如图 1所示的向左拖拽 ), 记录相应的拖动距离， 根据拖动距离对该立方体进行空间坐标变换， 并按照该立方体进行空间坐 标变换的结果重新显示该立方体各表面上的对应界面截图。 由于初始展示 时， 各界面截图是作为纹理分别贴到立方体的对应表面上， 因此， 在立方 体的空间坐标发生变换时， 贴在立方体表面上的界面截图也会随着其贴附 的表面发生相应的空间坐标变化， 界面截图会产生视觉上的 3D效果， 显示 效果如图 2中的窗口 K2、 Κ3所示。
对应上述终端软件界面展示的方法， 本发明实施例还提供了一种终端 软件界面展示的装置。
实现伪 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获取窗口初始展示时立方体的空间坐标， 在此基础上进行空间坐标 变换。
本发明实施例所述集成的模块如果以软件功能模块的形式实现并作为 独立的产品销售或使用时， 也可以存储在一个计算机可读取存储介质中。 基于这样的理解， 本发明实施例的技术方案本质上或者说对现有技术做出 贡献的部分可以以软件产品的形式体现出来， 该计算机软件产品存储在一 个存储介质中， 包括若干指令用以使得一台计算机设备（可以是个人计算 机、 服务器、 或者网络设备等）执行本发明各个实施例所述方法的全部或 部分。 而前述的存储介质包括： U盘、 移动硬盘、 只读存储器 （ROM, Read-Only Memory ), 随机存取存储器 ( RAM, Random Access Memory )、 磁碟或者光盘等各种可以存储程序代码的介质。 这样， 本发明实施例不限 制于任何特定的硬件和软件结合。
相应的， 本发明实施例还提供一种计算机存储介质， 其中存储有计算 以上所述， 仅为本发明的较佳实施例而已， 并非用于限定本发明的保 护范围。

Claims

权利要求书
1、 一种终端软件界面展示的方法， 该方法包括：
终端获取界面拖拽指令， 并记录相应的拖动距离；
根据所述拖动距离和预设的坐标变换规则， 对当前窗口上显示的相 应界面截图的各像素进行相应的坐标变换， 并按照所述坐标变换的结果 重新显示各界面截图， 以显示三维效果或模拟视觉三维效果。
2、 根据权利要求 1所述终端软件界面展示的方法， 其中， 在终端获 取界面拖拽指令之前， 该方法还包括：
所述终端对需要在当前窗口上显示的各界面分别进行截图， 在所述 当前窗口的二维坐标下， 通过横、 纵坐标的计算， 将各界面截图分别按 照特定的角度进行拉伸或放大并绘制到所述当前窗口上， 以模拟视觉三 维效果。
3、 根据权利要求 2所述终端软件界面展示的方法， 其中， 所述根据 拖动距离和预设的坐标变换规则， 对当前窗口上显示的各界面截图的各 像素进行相应的坐标变换， 并按照坐标变换的结果重新显示各界面截图， 为：
根据所述拖动距离， 按照预设的比例系数计算每个界面截图的各像 素的新二维坐标， 并按照计算所得的新二维坐标重新绘制各界面截图。
4、 根据权利要求 1所述终端软件界面展示的方法， 其中， 在终端获 取界面拖拽指令之前， 该方法还包括：
所述终端对需要在当前窗口上显示的各界面分别进行截图， 在当前 窗口的三维坐标下构建一个立方体， 并将各界面截图作为纹理分别贴到 所构建的立方体的对应表面上， 以显示三维效果。
5、 根据权利要求 4所述终端软件界面展示的方法， 其中， 所述根据 拖动距离和预设的坐标变换规则， 对当前窗口上显示的各界面截图的各 像素进行相应的坐标变换， 并按照坐标变换的结果重新显示各界面截图， 为：
根据所述拖动距离， 对所述立方体进行空间坐标变换， 并按照所述 立方体进行空间坐标变换的结果重新显示所述立方体各表面上的对应界 面截图。
6、 一种终端软件界面展示的装置， 该装置包括： 拖拽指令处理模块 和坐标变换模块，
所述拖拽指令处理模块， 用于获取界面拖拽指令， 并记录相应的拖 动距离；
所述坐标变换模块， 用于根据所述拖动距离和预设的坐标变换规则， 对当前窗口上显示的相应界面截图的各像素进行相应的坐标变换， 并按 照所述坐标变换的结果重新显示各界面截图， 以显示三维效果或模拟视 觉三维效果。
7、 根据权利要求 6所述终端软件界面展示的装置， 其中， 该装置还 包括： 第一初始窗口绘制模块， 用于在所述拖拽指令处理模块获取界面 拖拽指令之前， 对需要在当前窗口上显示的各界面分别进行截图， 在所 述当前窗口的二维坐标下， 通过横、 纵坐标的计算， 将各界面截图分别 按照特定的角度进行拉伸或放大并绘制到所述当前窗口上， 以模拟视觉 三维效果。
8、 根据权利要求 7所述终端软件界面展示的装置， 其中， 所述坐标 变换模块还用于， 根据所述拖动距离， 按照预设的比例系数计算每个界 面截图的各像素的新二维坐标， 并按照计算所得的新二维坐标重新绘制 各界面截图。
9、 根据权利要求 6所述终端软件界面展示的装置， 其中， 该装置还 包括： 第二初始窗口绘制模块， 用于在所述拖拽指令处理模块获取界面 拖拽指令之前， 对需要在当前窗口上显示的各界面分别进行截图， 在当 前窗口的三维坐标下构建一个立方体， 并将各界面截图作为纹理分别贴 到所构建的立方体的对应表面上， 以显示三维效果。
10、 根据权利要求 9所述终端软件界面展示的装置， 其中， 所述坐 标变换模块还用于， 根据所述拖动距离， 对所述立方体进行空间坐标变 换， 并按照所述立方体进行空间坐标变换的结果重新显示所述立方体各 表面上的对应界面截图。
11、 一种计算机存储介质， 其内存储有计算机可执行指令， 该计算 机可执行指令用于执行权利要求 1至 5任一项所述的终端软件界面展示 的方法。
PCT/CN2012/086073 2011-12-19 2012-12-06 一种终端软件界面展示的方法和装置、计算机存储介质 WO2013091483A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP12860936.9A EP2701048A4 (en) 2011-12-19 2012-12-06 METHOD AND DEVICE FOR DISPLAYING SOFTWARE INTERFACE ON A TERMINAL, AND COMPUTER STORAGE MEDIUM
US14/099,147 US20140096087A1 (en) 2011-12-19 2013-12-06 Method and device for software interface display on terminal, and computer storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201110427317.X 2011-12-19
CN201110427317.XA CN103164121B (zh) 2011-12-19 2011-12-19 一种终端软件界面展示的方法和装置

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US14/099,147 Continuation US20140096087A1 (en) 2011-12-19 2013-12-06 Method and device for software interface display on terminal, and computer storage medium

Publications (1)

Publication Number Publication Date
WO2013091483A1 true WO2013091483A1 (zh) 2013-06-27

Family

ID=48587256

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/086073 WO2013091483A1 (zh) 2011-12-19 2012-12-06 一种终端软件界面展示的方法和装置、计算机存储介质

Country Status (4)

Country Link
US (1) US20140096087A1 (zh)
EP (1) EP2701048A4 (zh)
CN (1) CN103164121B (zh)
WO (1) WO2013091483A1 (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104331192A (zh) * 2014-10-20 2015-02-04 深圳市天时通科技有限公司 电子白板显示方法
EP2827236B1 (en) * 2013-07-15 2019-01-30 LG Electronics Inc. Mobile terminal
CN112927577A (zh) * 2021-01-12 2021-06-08 深圳点猫科技有限公司 一种在线教育中的长度测量方法、装置及设备

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150234548A1 (en) * 2014-02-19 2015-08-20 Nagravision S.A. Graphical user interface with unfolding panel
CN103853452A (zh) * 2014-03-04 2014-06-11 广州市久邦数码科技有限公司 一种立体桌面多屏切换的实现方法及系统
CN104765563A (zh) * 2015-04-02 2015-07-08 魅族科技（中国）有限公司 一种终端应用程序的控制方法及装置
CN108939556B (zh) * 2018-07-27 2021-08-20 珠海金山网络游戏科技有限公司 一种基于游戏平台的截图方法及装置
CN109857309B (zh) * 2019-01-21 2022-02-01 武汉卡比特信息有限公司 一种基于iOS移动终端的屏幕截图投射方法
CN111857857B (zh) * 2019-04-24 2023-10-20 钉钉控股（开曼）有限公司 界面展示方法、装置和设备
CN110443705A (zh) * 2019-07-10 2019-11-12 兴业证券股份有限公司 金融资讯分时图识别测试方法、存储介质及设备
CN111563185A (zh) * 2020-03-19 2020-08-21 平安城市建设科技(深圳)有限公司 基于gis系统的视频画面显示方法、装置、终端及存储介质
CN113032077A (zh) * 2021-03-29 2021-06-25 联想(北京)有限公司 头戴式设备的多任务三维效果显示方法、装置及电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1274439A (zh) * 1997-08-12 2000-11-22 松下电器产业株式会社 窗口显示装置
CN102081493A (zh) * 2009-12-01 2011-06-01 宏碁股份有限公司 移动电子装置及其三维操作界面的控制方法
CN102236414A (zh) * 2011-05-24 2011-11-09 北京新岸线网络技术有限公司 三维显示空间中的图片操作方法和系统

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5678015A (en) * 1995-09-01 1997-10-14 Silicon Graphics, Inc. Four-dimensional graphical user interface
US5880733A (en) * 1996-04-30 1999-03-09 Microsoft Corporation Display system and method for displaying windows of an operating system to provide a three-dimensional workspace for a computer system
US6597358B2 (en) * 1998-08-26 2003-07-22 Intel Corporation Method and apparatus for presenting two and three-dimensional computer applications within a 3D meta-visualization
WO2005059699A2 (en) * 2003-12-15 2005-06-30 Quantum Matrix Holdings, Llc System and method for multi-dimensional organization, management, and manipulation of data
US20100050129A1 (en) * 2008-08-19 2010-02-25 Augusta Technology, Inc. 3D Graphical User Interface For Simultaneous Management Of Applications
KR101555055B1 (ko) * 2008-10-10 2015-09-22 엘지전자 주식회사 이동단말기 및 그 디스플레이방법
US8471858B2 (en) * 2009-06-02 2013-06-25 Qualcomm Incorporated Displaying a visual representation of performance metrics for rendered graphics elements
US20100309228A1 (en) * 2009-06-04 2010-12-09 Camilo Mattos Displaying Multi-Dimensional Data Using a Rotatable Object
US9360991B2 (en) * 2011-04-11 2016-06-07 Microsoft Technology Licensing, Llc Three-dimensional icons for organizing, invoking, and using applications
US9069455B2 (en) * 2012-06-22 2015-06-30 Microsoft Technology Licensing, Llc 3D user interface for application entities
US10712898B2 (en) * 2013-03-05 2020-07-14 Fasetto, Inc. System and method for cubic graphical user interfaces

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1274439A (zh) * 1997-08-12 2000-11-22 松下电器产业株式会社 窗口显示装置
CN102081493A (zh) * 2009-12-01 2011-06-01 宏碁股份有限公司 移动电子装置及其三维操作界面的控制方法
CN102236414A (zh) * 2011-05-24 2011-11-09 北京新岸线网络技术有限公司 三维显示空间中的图片操作方法和系统

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2827236B1 (en) * 2013-07-15 2019-01-30 LG Electronics Inc. Mobile terminal
CN104331192A (zh) * 2014-10-20 2015-02-04 深圳市天时通科技有限公司 电子白板显示方法
CN104331192B (zh) * 2014-10-20 2017-12-08 深圳市天英联合教育股份有限公司 电子白板显示方法
CN112927577A (zh) * 2021-01-12 2021-06-08 深圳点猫科技有限公司 一种在线教育中的长度测量方法、装置及设备

Also Published As

Publication number Publication date
CN103164121B (zh) 2016-07-06
EP2701048A1 (en) 2014-02-26
CN103164121A (zh) 2013-06-19
US20140096087A1 (en) 2014-04-03
EP2701048A4 (en) 2015-05-27

Similar Documents

Publication Publication Date Title
WO2013091483A1 (zh) 一种终端软件界面展示的方法和装置、计算机存储介质
JP6798094B2 (ja) 仮想三次元家屋モデルにおいて空間サイズをマーク及び表示するための方法及び装置
US11531791B2 (en) Virtual reality immersion with an architectural design software application
US9652115B2 (en) Vertical floor expansion on an interactive digital map
WO2017092303A1 (zh) 虚拟现实场景模型建立方法及装置
CN100356300C (zh) 虚拟现实呈现装置和信息处理方法
WO2009015187A1 (en) 3-d visualization
US9269324B2 (en) Orientation aware application demonstration interface
CN108133454B (zh) 空间几何模型图像切换方法、装置、系统及交互设备
WO2016177288A1 (zh) 一种三维仿真场景图像展示方法
WO2022033009A1 (zh) 一种渲染处理的方法及装置、电子设备、存储介质
CN104680532A (zh) 一种对象标注方法及装置
US10789766B2 (en) Three-dimensional visual effect simulation method and apparatus, storage medium, and display device
RU2016116065A (ru) Одновременное отображение видеоданных от множества источников видеосигналов
JP2016537073A5 (zh)
JP6017795B2 (ja) ゲームプログラム、ゲーム装置、ゲームシステム、およびゲーム画像生成方法
CN107978018A (zh) 立体图形模型的构建方法、装置、电子设备及存储介质
CN107491289B (zh) 一种窗口渲染方法及装置
CN107589989A (zh) 基于安卓平台的显示装置及其图像显示方法
EP3594906B1 (en) Method and device for providing augmented reality, and computer program
US8471847B1 (en) Use of constructed three-dimensional geometries to efficiently represent time varying Cartesian data
CN113168228A (zh) 用于在大面积透明触摸界面中进行视差校正的系统和/或方法
TW201724054A (zh) 擬真實境教學系統及其方法以及電腦程式產品
CN113486415B (zh) 模型透视方法、智能终端以及存储装置
CN114913277A (zh) 一种物体立体交互展示方法、装置、设备及介质

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: 12860936

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE