CN106325649B - 3D dynamic display method and mobile terminal - Google Patents

3D dynamic display method and mobile terminal Download PDF

Info

Publication number
CN106325649B
CN106325649B CN201510344593.8A CN201510344593A CN106325649B CN 106325649 B CN106325649 B CN 106325649B CN 201510344593 A CN201510344593 A CN 201510344593A CN 106325649 B CN106325649 B CN 106325649B
Authority
CN
China
Prior art keywords
icon
layer
parameters
layered
deformation
Prior art date
Legal status (The legal status 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 status listed.)
Expired - Fee Related
Application number
CN201510344593.8A
Other languages
Chinese (zh)
Other versions
CN106325649A (en
Inventor
张乐杰
李玉峰
袁士俊
王佳辰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
SuperD Co Ltd
Original Assignee
Shenzhen Super Multi-Dimensional Technology Co Ltd
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 Shenzhen Super Multi-Dimensional Technology Co Ltd filed Critical Shenzhen Super Multi-Dimensional Technology Co Ltd
Priority to CN201510344593.8A priority Critical patent/CN106325649B/en
Publication of CN106325649A publication Critical patent/CN106325649A/en
Application granted granted Critical
Publication of CN106325649B publication Critical patent/CN106325649B/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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 using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • G06T13/203D [Three Dimensional] animation

Landscapes

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

Abstract

A method for 3D dynamic display and a mobile terminal are provided, the method comprises: the method comprises the steps of receiving icon operation, wherein the icon operation is the operation of an icon displayed by a mobile terminal, obtaining the layering parameter and the deformation parameter of the icon according to the icon operation, determining the deformation image of the icon according to the layering parameter and the deformation parameter of the icon, displaying the deformation image of the icon, and generating the deformation image of the icon by utilizing the layering parameter of the icon and the deformation parameter of each layering image, so that a 3D visual effect with a better display effect can be obtained, the fidelity is better, and the user experience is better.

Description

3D dynamic display method and mobile terminal
Technical Field
The invention relates to the technical field of display, in particular to a 3D dynamic display method and a mobile terminal.
Background
With the explosion of mobile applications, 3D visual effects are more and more important for mobile applications, which is a good entry point for improving user experience. To realize a 3D visual effect, on a product on which a 3D screen is not mounted, the 3D visual effect may be simulated by a 2D image.
In the prior art, there are two general ways to realize 3D visual effect, one is to provide depth illusion on a two-dimensional surface through a shadow technique, so as to realize static 3D visual effect of an object, and the other is to generate 3D dynamic visual effect by continuously deforming a 2D picture.
However, the 3D visual effect can only generate a simple 3D visual effect by means of a shadow or continuous deformation of one picture, a vivid 3D virtual visual effect cannot be presented, the visual effect is poor, and the user experience is reduced.
Disclosure of Invention
In view of this, the present invention provides a method for 3D dynamic display and a mobile terminal, which are used to solve the problems in the prior art that a realistic 3D object cannot be presented, and the 3D visual effect is poor.
In a first aspect, an embodiment of the present invention provides a method for 3D dynamic display, including:
receiving icon operation, wherein the icon operation is the operation of an icon displayed by a mobile terminal;
according to the icon operation, acquiring the hierarchical parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon;
and determining a deformed image of the icon according to the layered parameters of the icon acted by the icon operation and the deformed parameters of each layer of the icon, and displaying the deformed image of the icon to realize the 3D dynamic display of the icon.
Optionally, the hierarchical parameter includes a hierarchical picture of an icon;
the obtaining of the deformation parameter of each layer of the icon specifically includes:
and acquiring deformation parameters of each layer of layered pictures of the icon under the icon operation.
Optionally, the hierarchical parameters further include an arrangement order of the hierarchical pictures;
determining a deformation image of the icon according to the hierarchical parameters of the icon for the icon operation and the deformation parameters of each layer of the icon, specifically comprising:
according to the deformation parameters of each layer of layered pictures of the icon under the icon operation, carrying out deformation processing on each layer of layered pictures of the icon to obtain a deformation image of each layer of layered pictures of the icon;
and determining the deformed image of the icon by utilizing the deformed image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures.
Optionally, the deformation parameter includes a layer scaling parameter, a layer rotation parameter, a layer offset parameter, a layer inclination parameter, and a following parameter;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and under the icon operation, acquiring 1 or more deformation parameters corresponding to each layer of layered pictures of the icon from the layer scaling parameter, the layer rotation parameter, the layer offset parameter, the layer inclination parameter and the following parameter.
Optionally, the obtaining, according to the icon operation, a hierarchical parameter of an icon acted by the icon operation specifically includes:
when the icon operation is the suspension operation, acquiring the layering parameters of the icon acted by the suspension operation from a database;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and obtaining deformation parameters of each layer of layered pictures of the icon under the suspension operation, wherein the deformation parameters comprise the layer scaling parameters.
Optionally, the deforming the layered picture of each layer of the icon according to the deformation parameter of the layered picture of each layer of the icon under the icon operation to obtain a deformed image of the layered picture of each layer of the icon specifically includes:
and carrying out scaling processing on each layer of layered pictures of the icon according to the layer scaling parameters of each layer of layered pictures of the icon, and determining a deformed image of each layer of layered pictures of the icon.
Optionally, the obtaining, according to the icon operation, a hierarchical parameter of an icon acted by the icon operation specifically includes:
when the icon operation is click operation, acquiring the layering parameters of the icon acted by the click operation from a database;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and obtaining deformation parameters of each layer of layered pictures of the icon under the click operation, wherein the deformation parameters comprise layer rotation parameters, layer offset parameters and layer scaling parameters.
Optionally, the deforming the layered picture of each layer of the icon according to the deformation parameter of the layered picture of each layer of the icon under the icon operation to obtain a deformed image of the layered picture of each layer of the icon specifically includes:
and respectively carrying out picture rotation, shifting and scaling on each layer of layered pictures of the icon according to the layer rotation parameters, the layer shifting parameters and the layer scaling parameters of each layer of layered pictures of the icon under the clicking operation to obtain a deformed image of each layer of layered pictures of the icon.
Optionally, the obtaining, according to the icon operation, a hierarchical parameter of an icon acted by the icon operation specifically includes:
when the icon operation is a left-right shaking operation, acquiring the layering parameters of all icons on the current screen;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and acquiring deformation parameters corresponding to each layer of layered pictures of the icon under the left-right shaking operation, wherein the deformation parameters comprise layer shift parameters and layer inclination parameters.
Optionally, the deforming the layered picture of each layer of the icon according to the deformation parameter of the layered picture of each layer of the icon under the icon operation to obtain a deformed image of the layered picture of each layer of the icon specifically includes:
acquiring a rotation angle of the left-right shaking operation in the standard coordinate, which is detected by the gravity sensing device;
and respectively carrying out migration and inclination processing on each layer of layered picture of the icon according to the rotation angle, the layer migration parameter and the layer inclination parameter of each layer of layered picture of the icon, and determining a deformation image of each layer of layered picture of the icon.
Optionally, the obtaining, according to the icon operation, a hierarchical parameter of an icon acted by the icon operation specifically includes:
when the icon operation is screen switching operation, acquiring the layering parameters of all icons on the current screen and the layering parameters of all icons on the next screen;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and obtaining a deformation parameter of each layer of layered picture of each icon on the current screen under the screen switching operation, and obtaining a deformation parameter of each layer of layered picture of each icon on the next screen under the screen switching operation, wherein the deformation parameters comprise the layer shift parameter and the layer inclination parameter.
Optionally, the deforming the layered picture of each layer of the icon according to the deformation parameter of the layered picture of each layer of the icon under the icon operation to obtain a deformed image of the layered picture of each layer of the icon specifically includes:
determining the sliding distance of the operation body on a display interface, and determining the screen switching angle according to the sliding distance;
respectively carrying out migration and inclination processing on each layer of layered pictures of each icon on the current screen according to the layer migration parameter, the layer inclination parameter and the screen switching angle of each layer of layered pictures of each icon on the current screen to obtain a deformed image of each layer of layered pictures of each icon on the current screen;
and respectively carrying out offset and inclination processing on each layer of layered picture of each icon on the next screen according to the layer offset parameter, the layer inclination parameter and the screen switching angle of each layer of layered picture of each icon on the next screen, so as to obtain a deformed image of each layer of layered picture of each icon on the next screen.
Optionally, the obtaining, according to the icon operation, a hierarchical parameter of an icon acted by the icon operation specifically includes:
when the icon operation is icon dragging operation, acquiring the layering parameters of the dragged icon from a database;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and acquiring a deformation parameter of each layer of layered picture of the icon under the icon dragging operation, wherein the deformation parameter is the following parameter.
Optionally, the deforming the layered picture of each layer of the icon according to the deformation parameter of the layered picture of each layer of the icon under the icon operation to obtain a deformed image of the layered picture of each layer of the icon specifically includes:
determining the sliding speed of the operation body on the current display interface;
multiplying the sliding speed by the following parameters of each layer of layered picture of the icon to obtain the dragging displacement of each layer of layered picture of the icon under the dragging operation, and determining the deformation image of each layer of layered picture of the icon according to the dragging displacement.
Optionally, the determining the deformed image of the icon by using the deformed image of each layered picture of the icon and the arrangement order of the layered pictures specifically includes:
and combining the deformation images of each layer of layered pictures of the icon in sequence according to the arrangement sequence of the layered pictures to obtain the deformation images of the icon, and displaying the deformation images of the icon to realize the 3D dynamic display of the icon.
In a second aspect, an embodiment of the present invention provides a mobile terminal, including:
the receiving module is used for receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
the first acquisition module is used for acquiring the hierarchical parameters of the icon acted by the icon operation according to the icon operation;
the second acquisition module is used for acquiring the deformation parameters of each layer of the icon;
the processing module is used for determining a deformation image of the icon according to the layering parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon; and the display module is used for displaying the deformed image of the icon so as to realize the 3D dynamic display of the icon.
Optionally, the hierarchical parameter acquired by the first acquisition module includes a hierarchical picture of an icon;
the first obtaining module is specifically configured to obtain a deformation parameter of each layer of layered pictures of the icon under the icon operation.
Optionally, the hierarchical parameters acquired by the first acquiring module further include an arrangement order of the hierarchical pictures;
the processing module is specifically configured to perform deformation processing on each layer of layered pictures of the icon according to deformation parameters of each layer of layered pictures of the icon under the icon operation, so as to obtain a deformed image of each layer of layered pictures of the icon;
and determining the deformed image of the icon by utilizing the deformed image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures.
Optionally, the deformation parameter acquired by the second acquiring module includes a layer scaling parameter, a layer rotation parameter, a layer offset parameter, a layer inclination parameter, and a following parameter;
the second obtaining module is specifically configured to, under the icon operation, obtain 1 or more deformation parameters corresponding to each layer of layered pictures of the icon from the layer scaling parameter, the layer rotation parameter, the layer offset parameter, the layer inclination parameter, and the following parameter.
Optionally, the first obtaining module is specifically configured to:
when the icon operation is the suspension operation, acquiring the layering parameters of the icon acted by the suspension operation from a database;
the second obtaining module is specifically configured to:
and obtaining deformation parameters of each layer of layered pictures of the icon under the suspension operation, wherein the deformation parameters comprise the layer scaling parameters.
Optionally, the processing module specifically includes:
and the first processing module is used for carrying out scaling processing on each layer of layered pictures of the icon according to the layer scaling parameters of each layer of layered pictures of the icon, and determining a deformed image of each layer of layered pictures of the icon.
Optionally, the first obtaining module is specifically configured to:
when the icon operation is click operation, acquiring the layering parameters of the icon acted by the click operation from a database;
the second obtaining module is specifically configured to:
and obtaining deformation parameters of each layer of layered pictures of the icon under the click operation, wherein the deformation parameters comprise the layer rotation parameters, the layer shift parameters and the layer scaling parameters.
Optionally, the processing module includes:
and the second processing module is used for respectively carrying out picture rotation, shifting and scaling on each layer of layered pictures of the icon according to the layer rotation parameters, the layer shifting parameters and the layer scaling parameters of each layer of layered pictures of the icon under the clicking operation to obtain a deformed image of each layer of layered pictures of the icon.
Optionally, the first obtaining module is specifically configured to:
when the icon operation is a left-right shaking operation, acquiring the layering parameters of all icons on the current screen;
the second obtaining module is specifically configured to:
and acquiring deformation parameters corresponding to each layer of layered pictures of the icon under the left-right shaking operation, wherein the deformation parameters comprise the layer shift parameters and the layer inclination parameters.
Optionally, the processing module includes:
the angle acquisition module is used for acquiring the rotation angle of the left-right shaking operation in the standard coordinate, which is detected by the gravity sensing device;
and the third processing module is used for respectively carrying out offset and inclination processing on each layer of layered pictures of the icon according to the rotation angle, the layer offset parameters and the layer inclination parameters of each layer of layered pictures of the icon, and determining a deformed image of each layer of layered pictures of the icon.
Optionally, the first obtaining module is specifically configured to:
when the icon operation is screen switching operation, acquiring the layering parameters of all icons on the current screen and the layering parameters of all icons on the next screen;
the second obtaining module is specifically configured to:
and obtaining a deformation parameter of each layer of layered picture of each icon on the current screen under the screen switching operation, and obtaining a deformation parameter of each layer of layered picture of each icon on the next screen under the screen switching operation, wherein the deformation parameters comprise the layer shift parameter and the layer inclination parameter.
Optionally, the processing module includes:
the angle determining module is used for determining the sliding distance of the operation body on a display interface and determining the screen switching angle according to the sliding distance;
the fourth processing module is configured to perform offset and tilt processing on each layer of layered pictures of each icon on the current screen according to the layer offset parameter, the layer tilt parameter, and the screen switching angle of each layer of layered pictures of each icon on the current screen, so as to obtain a deformed image of each layer of layered pictures of each icon on the current screen; and respectively carrying out offset and inclination processing on each layer of layered picture of each icon on the next screen according to the layer offset parameter, the layer inclination parameter and the screen switching angle of each layer of layered picture of each icon on the next screen to obtain a deformed image of each layer of layered picture of each icon on the next screen.
Optionally, the first obtaining module is specifically configured to:
when the icon operation is icon dragging operation, acquiring the layering parameters of the dragged icon from a database;
the second obtaining module is specifically configured to:
and acquiring a deformation parameter of each layer of layered picture of the icon under the icon dragging operation, wherein the deformation parameter is the following parameter.
Optionally, the processing module includes:
the speed determining module is used for determining the sliding speed of the operation body on the current display interface;
and the fifth processing module is used for multiplying the sliding speed by the following parameter of each layer of layered picture of the icon to obtain the dragging displacement of each layer of layered picture of the icon under the dragging operation, and determining the deformation image of each layer of layered picture of the icon according to the dragging displacement.
Optionally, the processing module is specifically configured to:
and combining the deformation images of each layer of layered pictures of the icon in sequence according to the arrangement sequence of the layered pictures to obtain the deformation images of the icon, and displaying the deformation images of the icon to realize the 3D dynamic display of the icon.
In a third aspect, an embodiment of the present invention provides a mobile terminal, where the mobile terminal includes:
the display screen is used for displaying the icons displayed by the current screen;
the central processing unit is used for receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal; according to the icon operation, acquiring the hierarchical parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon; determining a deformation image of the icon according to the layering parameter of the icon acted by the icon operation and the deformation parameter of each layer of the icon;
the display screen is further used for displaying the deformed image of the icon to achieve 3D dynamic display of the icon.
According to the technical scheme, the embodiment of the invention has the following advantages:
the mobile terminal receives icon operation, the icon operation is the operation on the icon displayed by the mobile terminal, the layered parameter of the icon for the icon operation and the deformation parameter of each layer of the icon are obtained according to the icon operation, the deformation image of the icon is determined according to the layered parameter of the icon for the icon operation and the deformation parameter of each layer of the icon, and the deformation image of the icon is displayed, so that 3D dynamic display of the icon is realized, a 3D visual effect with a better display effect is obtained, the fidelity is better, and the user experience is better.
In order to make the aforementioned and other objects, features and advantages of the invention comprehensible, preferred embodiments accompanied with figures are described in detail below.
Drawings
FIG. 1 is a flowchart illustrating a method for 3D dynamic display according to an embodiment of the present invention;
FIG. 2 is a flow chart of another method for 3D dynamic display according to an embodiment of the invention;
FIG. 3 is a schematic illustration of a graphical representation of a gear wheel in an embodiment of the present invention;
FIG. 4 is a schematic diagram illustrating a variation of a deformed image with a rotation angle according to an embodiment of the present invention;
FIG. 5 is a flowchart of another method for 3D dynamic display according to an embodiment of the present invention;
FIG. 6 is a flow chart of another method for 3D dynamic display according to an embodiment of the present invention;
FIG. 7 is a flowchart of another method for 3D dynamic display according to an embodiment of the present invention;
FIG. 8 is a flow chart of another method for 3D dynamic display according to an embodiment of the present invention;
FIG. 9 is a schematic diagram illustrating an angle of screen switching according to an embodiment of the present invention;
FIG. 10 is a diagram illustrating screen switching according to an embodiment of the present invention;
FIG. 11 is a flowchart of another method for 3D dynamic display according to an embodiment of the present invention;
fig. 12 is a schematic structural diagram of a mobile terminal according to an embodiment of the present invention;
fig. 13 is a schematic structural diagram of another mobile terminal according to an embodiment of the present invention;
fig. 14 is a schematic structural diagram of another mobile terminal according to an embodiment of the present invention.
Detailed Description
To further illustrate the technical means and effects of the present invention adopted to achieve the predetermined objects, the following detailed description of the embodiments, structures, features and effects according to the present invention will be made with reference to the accompanying drawings and preferred embodiments.
In the embodiment of the invention, the 3D dynamic display method is applied to the mobile terminal, and the mobile terminal is a mobile terminal with a touch screen. In the embodiment of the present invention, a back panel is disposed on a display interface of a mobile terminal, a plurality of back panels form a three-dimensional rotating structure, a current display interface of the mobile terminal displays a surface of the three-dimensional rotating structure, that is, a back panel is displayed, which may also be referred to as a screen (or a display screen), and the mobile terminal displays a screen of the three-dimensional rotating structure in a normal display state, where the three-dimensional rotating structure may be a first cube structure, each surface of the first cube structure is formed by seamlessly splicing a plurality of second cube structures, and an icon may be suspended on a surface of the second cube.
In all embodiments of the present invention, the mobile terminal may comprise a portable mobile electronic device such as a PDA, a tablet computer, MP4, a smart phone, an e-book, and the like.
It can be understood that the method for switching display modes provided by the embodiment of the present invention can also be applied to electronic devices such as smart televisions and stereoscopic advertisement players.
The mobile terminal can realize 3D dynamic display of the 2D image when the user performs icon operation by executing the method in the embodiment of the invention.
Fig. 1 shows a 3D dynamic display method according to an embodiment of the present invention.
101. Receiving icon operation, wherein the icon operation is the operation of an icon displayed by a mobile terminal;
in the embodiment of the present invention, the operation of the icon displayed on the mobile terminal by the user may be referred to as an icon operation, and the user may perform the icon operation by using an operation body or a voice or gesture control manner, where the operation body may be a stylus, a finger, or a part of another body other than the finger.
After the user performs the icon operation on the icon of the mobile terminal, the mobile terminal receives the icon operation.
The icon operation may be any one of a floating operation, a clicking operation, a left-right shaking operation, a screen switching operation, an icon dragging operation, and the like.
102. According to the icon operation, acquiring the hierarchical parameters of the icon and the deformation parameters of each layer of the icon, wherein the hierarchical parameters are used for the icon operation;
in the embodiment of the invention, after receiving the icon operation, the mobile terminal acquires the hierarchical parameter of the icon and the deformation parameter of each layer of the icon, which are acted by the icon operation, according to the icon operation.
The hierarchical parameters at least include hierarchical pictures of the icon, and the deformation parameters of each layer of the icon acquired by the mobile terminal may be specifically deformation parameters of each layer of the hierarchical pictures of the icon acquired by the mobile terminal under the icon operation.
103. And determining a deformation image of the icon according to the layering parameter of the icon acted by the icon operation and the deformation parameter of each layer of the icon, and displaying the deformation image of the icon to realize the 3D dynamic display of the icon.
In the embodiment of the invention, after acquiring the layering parameter of the icon for the icon operation and the deformation parameter of each layer of the icon, the mobile terminal determines the deformation image of the icon according to the layering parameter of the icon and the deformation parameter of each layer of the icon, and displays the deformation image of the icon to realize the 3D dynamic display of the icon.
The hierarchical parameters may include an arrangement order of the hierarchical pictures of the icons in addition to the hierarchical pictures of the icons, and the specific manner of determining the deformed image of the icon by the mobile terminal may be as follows: the mobile terminal carries out deformation processing on each layer of layered pictures of the icon according to the deformation parameters of each layer of layered pictures of the icon under the icon operation to obtain the deformation image of each layer of layered pictures of the icon, and determines the deformation image of the icon by utilizing the deformation image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures.
The deformation parameters comprise layer scaling parameters, layer rotation parameters, layer offset parameters, layer inclination parameters and following parameters; therefore, the obtaining, by the mobile terminal, the deformation parameter of each layer of layered picture of the icon under the icon operation specifically includes: under the icon operation, 1 or more deformation parameters corresponding to each layer of layered pictures of the icon are obtained from the layer scaling parameter, the layer rotation parameter, the layer offset parameter, the layer inclination parameter and the following parameter.
The specific meanings and the usage of the above parameters will be described in the following embodiments, which are not repeated herein.
In the embodiment of the invention, the mobile terminal receives icon operation, the icon operation is the operation on the icon displayed by the mobile terminal, the layering parameter of the icon for the icon operation function and the deformation parameter of each layer of the icon are obtained according to the icon operation, the deformation image of the icon is determined according to the layering parameter of the icon for the icon operation function and the deformation parameter of each layer of the icon, and the deformation image of the icon is displayed, so that 3D dynamic display of the icon is realized, a 3D visual effect with better display effect is obtained, the fidelity is better, and the user experience is better.
The method in the embodiment of the present invention is specifically described below by means of fig. 2. Fig. 1 shows another 3D dynamic display method according to an embodiment of the invention.
201. Receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
202. according to the icon operation, acquiring the layering parameters of the icon acted by the icon operation, wherein the layering parameters comprise the layering pictures of the icon and the arrangement sequence of the layering pictures;
203. acquiring deformation parameters of each layer of layered pictures of the icon under the icon operation;
in the embodiment of the present invention, an operation performed by a user on an icon displayed by a mobile terminal may be referred to as an icon operation, and after the user performs the icon operation, the mobile terminal receives the icon operation and obtains a hierarchical parameter of the icon acted by the icon operation according to the icon operation, where the hierarchical parameter includes a hierarchical picture of the icon and an arrangement order of the hierarchical pictures. And the mobile terminal also acquires the deformation parameters of each layer of layered pictures of the icon under the icon operation.
It should be noted that the icon in the embodiment of the present invention refers to a 2D icon, and the hierarchical parameters of all 2D icons on the display screen of the mobile terminal are preset in the database of the mobile terminal. For example: for the WeChat icon, in a normal display state, the WeChat icon is a 2D icon, the database of the mobile terminal stores the layering parameters of the WeChat icon, specifically three layers of layering pictures, namely an A picture, a B picture and a C picture, wherein the arrangement sequence of the three layers of layering pictures is the A picture, the B picture and the C picture, the A picture is a bottom picture, and the C picture is a top picture.
The hierarchical parameters of the icons are obtained by the developer by performing hierarchical splitting according to attributes such as the material and the structural composition of the icons.
In the embodiment of the invention, deformation parameters of each layer of layered pictures of each icon on a display screen under different icon operations are pre-stored in a database of the mobile terminal, wherein the icon operations include, by way of example and not limitation, a floating operation, a clicking operation, a left-right shaking operation, a screen switching operation, an icon dragging operation and the like. In the embodiment of the present invention, the deformation parameter includes a layer rotation parameter, a layer shift parameter, a layer scaling parameter, a layer tilt parameter, a following parameter, and the like, and the deformation parameter used by the icon under different icon operations is at least one of the above parameters.
In the embodiment of the present invention, the layer rotation parameter is used to describe a rotation angle of each layer along the Z axis on the X, Y plane. For example, in a gear graphic icon, as shown in fig. 3, the gear needs to have a rotating effect when clicked. In order to display the 3D visual effect of the gear, the mobile terminal needs to acquire layered pictures of the gear, and acquire layer rotation parameters of each layered picture of the icon under a clicking operation.
The mobile terminal comprises a mobile phone interface, an X plane, a Y plane, a display interface and a Z axis, wherein the X plane and the Y plane are X and Y planes in standard coordinates of the mobile terminal, in the standard coordinates, the X axis is in the horizontal direction, the Y axis is in the vertical direction, the X axis is perpendicular to the Y axis, the display interface of the mobile terminal is parallel to a plane formed by the X axis and the Y axis, the Z axis is perpendicular to the outward direction of the mobile phone interface, and the Z axis is perpendicular to the X axis and the Y axis.
In the embodiment of the invention, the layer shift parameter is used for calculating the shift of the layered picture of the icon on the X and Y axes. Such as: when the icon rotates along the Y axis, the offset of each layer of layered picture of the icon on the X axis and the Y axis can be obtained by calculating the product of the positive rotation value of the rotation angle theta and the layer offset parameter of each layer of layered picture of the icon, so as to perform offset processing on the layered pictures, wherein the offset of each layer of layered picture on the X axis is calculated in the mode of xoffetFactorin theta, wherein xoffetFactor represents the layer offset parameter on the X axis, and the offset of each layer of layered picture on the Y axis is calculated in the mode of yOffsetFactorin theta, wherein yOffsetFactorin represents the layer offset parameter on the Y axis.
For better understanding, please refer to fig. 4, which is a schematic diagram illustrating a variation of a deformed image with a rotation angle according to an embodiment of the present invention. In fig. 4, the arrow direction indicates that the rotation angle of the mobile terminal on the Y axis gradually increases, and as can be seen from fig. 4, when the rotation angle of the icon on the Y axis gradually increases, the rolling width of the ball in the icon also gradually increases.
In the embodiment of the invention, the layer scaling parameter is used for describing the scaling of the icon for reduction and enlargement. Taking a user clicking an icon as an example, when clicking, the overall visual effect of the icon is an effect of being packed into a display screen (namely, being far away from the user side), and since the overall icon is far away from the user, the overall icon needs to be reduced, so that generally, the layer scaling parameter of the layered pictures of each layer of the icon can be set to be less than 1; however, for some special layers, for example, when water drops or other easily deformable objects exist, the special layer may have a flattening effect when clicked, and the value of the set layer scaling parameter is greater than 1.
In the embodiment of the invention, the layer inclination parameter is used for describing the deformation degree of the layered picture when the layered picture is rotated along the X and Y axes. Taking the rotation of the icon along the Y-axis as an example, the image distortion becomes more noticeable as the rotation angle is larger. In the embodiment of the invention, the product of the rotation angle of the layered picture along the X and Y axes and the layer inclination parameter can be used as the deformation degree of the layered picture so as to perform inclination processing on the layered picture.
Wherein, the deformation degree on the X axis is as follows: xSkewFactortan thetaxWhere xSkewFactor represents the layer tilt parameter on the X-axis, θxIndicating the angle of rotation on the X-axis. The degree of deformation on the Y axis is: ySkewFactortan thetayWhere ySkewFactor represents the layer tilt parameter on the Y-axis, θyIndicating the rotation angle on the Y-axis.
In the embodiment of the invention, the following parameter is used for describing the relative displacement of each layered picture and the operation body when the icon is dragged. The faster the dragging speed of the operation body is, the greater the relative distance between the icon and the operation body is; the slower the operation body is dragged, the smaller the relative distance between the icon and the operation body is. If the moving speed of the operation body is sfAnd the relative distance between the layer and the operation body is the product of the moving speed and the following parameter.
It should be noted that, for different icon operations, the types and the parameter sizes of the deformation parameters used for performing deformation processing on the icon to obtain the 3D dynamic display effect may be the same or different, and in practical applications, the deformation parameters required to be used for different icon operations may be selected according to specific needs.
For example, three layered pictures of the WeChat icon may be operated (e.g., clicked) according to different icons, and the parameter size of the distortion parameter corresponding to each layered picture is different.
204. Carrying out deformation processing on each layer of layered pictures of the icon according to the deformation parameters of each layer of layered pictures of the icon under the icon operation to obtain a deformation image of each layer of layered pictures;
in the embodiment of the invention, after acquiring the layering parameter of the icon for the icon operation and the deformation parameter of each layering picture of the icon under the icon operation, the mobile terminal respectively deforms each layering picture of the icon according to the deformation parameter of each layering picture of the icon under the icon operation to obtain the deformation image of each layering picture of the icon.
The icon operation may be an operation for one icon, for example, a click operation of an operator on the icon; the operation may be directed to a plurality of icons, for example, a screen switching operation of an operator on a display interface. And if the icon operation is directed at a plurality of icons, the mobile terminal carries out deformation processing on each layer of layered pictures of each icon in sequence according to the deformation parameters of each layer of layered pictures of each icon to obtain a deformation image of each layer of layered pictures of each icon.
205. And determining the deformed image of the icon by using the deformed image of each layer of layered picture and the arrangement sequence of the layered pictures, and displaying the deformed image of the icon to realize the 3D dynamic display of the icon.
In the embodiment of the present invention, after obtaining the deformed image of each layer of the layered pictures of the icon, the mobile terminal determines the deformed image of the icon by using the deformed image of each layer of the layered pictures and the arrangement order of the layered pictures of the icon, specifically, the deformed images of each layer of the layered pictures are sequentially combined (for example, sequentially superimposed) according to the arrangement order of the layered pictures of the icon, so as to obtain the deformed image of the icon.
In the embodiment of the invention, after obtaining the deformed image of the icon, the mobile terminal displays the deformed image of the icon to realize 3D dynamic display of the icon.
It is understood that, in this step, the deformed image obtained by the mobile terminal is a 3D image.
In the embodiment of the invention, the mobile terminal receives an icon operation, the icon operation is an operation on an icon displayed by the mobile terminal, the hierarchical parameters of the icon are obtained according to the icon operation, the hierarchical parameters comprise the hierarchical pictures of the icon and the arrangement sequence of the hierarchical pictures, the deformation parameters of each hierarchical picture of the icon under the icon operation are obtained, the deformation processing is carried out on each hierarchical picture of the icon according to the deformation parameters of each hierarchical picture disc of the icon under the icon operation, the deformation image of each hierarchical picture is obtained, the deformation image of the icon is determined by using the deformation image of each hierarchical picture and the arrangement sequence of the hierarchical pictures, the deformation image of the icon is displayed to realize the 3D dynamic display of the icon, and the deformation image of the icon is generated by using the hierarchical parameters of the icon and the deformation parameters of each hierarchical picture, the 3D visual effect with better display effect is obtained, the fidelity is better, and the user experience is better.
In order to better understand the technical solution in the embodiment of the present invention, a technical solution for implementing 3D dynamic rendering of an icon under different icon operations will be described in detail below, please refer to fig. 5, which is a method for 3D dynamic display under the condition that the icon operation is a floating operation in the embodiment of the present invention, including:
501. receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
502. when the icon operation is the suspension operation, acquiring the layering parameters of the icon acted by the suspension operation from the database;
503. obtaining deformation parameters of each layer of layered pictures of the icon under the suspension operation, wherein the deformation parameters comprise layer scaling parameters;
in the embodiment of the invention, the user can execute the operation on the icon displayed by the mobile terminal through the operation body, namely, the icon operation is the icon operation, the mobile terminal receives the icon operation, and when the icon operation is the suspension operation, the mobile terminal obtains the layering parameters of the icon acting on the suspension operation from the database, namely, obtains the layering pictures of the icon and the arrangement sequence of the layering pictures.
In the embodiment of the invention, after the mobile terminal acquires the layered parameters of the icon, the deformation parameters of each layered picture of the icon under the suspension operation are acquired, and the deformation parameters comprise layer scaling parameters.
504. Carrying out scaling processing on each layer of layered pictures of the icon according to the layer scaling parameters of each layer of layered pictures of the icon, and determining a deformed image of each layer of layered pictures of the icon;
505. determining the deformed image of the icon by using the deformed image of each layer of layered pictures and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
In the embodiment of the invention, the mobile terminal respectively carries out scaling processing on each layer of layered pictures of the icon according to the layer scaling parameters of each layer of layered pictures of the icon, determines the deformation image of the icon by using the deformation image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures, and displays the deformation image of the icon so as to realize 3D dynamic display of the icon.
For example, for the icon a, when the user performs a hover operation on the icon a through the operation body, the acquiring, by the mobile terminal, the hierarchical parameter of the icon a includes: and the layered picture B and the layered picture C are respectively subjected to zooming processing with the layer zooming parameters to obtain deformed images of the layered picture B and the layered picture C.
In the embodiment of the invention, after obtaining the deformed image of each layer of layered picture of the icon, the mobile terminal determines the deformed image of the icon by using the deformed image of each layer of layered picture of the icon and the arrangement sequence of the layered pictures, and displays the deformed image of the icon to realize the 3D dynamic display of the icon.
In the embodiment of the present invention, when the operation body performs the hovering operation, the icon is dynamically displayed in 3D according to the determined deformed image, and when the operation body does not end the hovering operation, the mobile terminal maintains the display state of the icon in the limited state.
In the embodiment of the invention, when the icon operation executed by the operation body is the suspension operation, the mobile terminal obtains the layering parameters of the icon acted by the suspension operation from the database, and obtains the deformation parameters of each layering picture of the icon under the suspension operation, wherein the deformation parameters comprise layer scaling parameters, the scaling processing is carried out on each layering picture of the icon according to the layer scaling parameters of each layering picture of the icon, the deformation image of each layering picture is determined, the deformation image is displayed to realize the 3D dynamic display of the icon, and the deformation processing is carried out on each layering picture of the icon by utilizing the deformation parameters of each layering picture of the icon, so that the obtained 3D dynamic display effect of the icon is better and finer, and the user experience is better.
Referring to fig. 6, an embodiment of a method for 3D dynamic display when an icon operation is a click operation in the embodiment of the present invention includes:
601. receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
602. when the icon operation is click operation, acquiring the hierarchical parameters of the icon acted by the click operation from the database;
603. obtaining deformation parameters of each layer of layered pictures of the icon under the click operation, wherein the deformation parameters comprise a layer scaling parameter, a layer rotation parameter and a layer offset parameter;
in the embodiment of the present invention, when a user uses an operation body to perform a click operation on an icon displayed by a mobile terminal, the mobile terminal obtains a hierarchical parameter of the icon acted by the click operation and a deformation parameter of each hierarchical image in the hierarchical parameters under the click operation from a database, wherein under the click operation, at least an image layer rotation parameter, an image layer offset parameter and an image layer scaling parameter of the hierarchical image under the click operation are used.
It should be noted that, the values of the same transformation parameter may also be different when the icons are operated by different icons. In practical application, the mobile terminal presets deformation parameters of each layered picture of each icon under different icon operations.
It should be noted that, when the operation body clicks a blank of the touch screen of the mobile terminal, the mobile terminal will not respond to the clicking operation.
604. Respectively carrying out picture rotation, shifting and scaling on each layer of layered pictures of the icon according to the layer rotation parameters, the layer shifting parameters and the layer scaling parameters of each layer of layered pictures of the icon under the click operation to obtain a deformed image of each layer of layered pictures;
in the embodiment of the invention, after acquiring the layering parameter of the icon and the deformation parameter of each layering picture, the mobile terminal respectively performs layer rotation, layer offset and layer scaling on each layering picture of the icon according to the layer rotation parameter, the layer offset parameter and the layer scaling parameter of each layering picture of the icon under the click operation, so as to obtain the deformation image of each layering picture of the icon. The method specifically comprises the following steps: and respectively carrying out image rotation on an X plane and an image shift on an Y plane and an X axis and an image shift on a Y axis on the layered picture by using the layer rotation parameter, the layer shift parameter and the layer scaling parameter of the layered picture of the acquired icon, and carrying out image scaling on the layered picture to obtain a deformed image of the layered picture.
For example: when an operator clicks the icon a, the hierarchical parameters of the icon a are obtained, where the hierarchical parameters include a hierarchical picture B and a hierarchical picture C, the hierarchical picture B is a bottom-layer picture, the hierarchical picture C is an upper-layer picture, and deformation parameters of the hierarchical picture B and the hierarchical picture C of the icon a are obtained at the same time, specifically, the deformation parameters of the hierarchical picture B include a layer rotation parameter H1, a layer offset parameter K1 and a layer scaling parameter L1, the deformation parameters of the hierarchical picture C include a layer rotation parameter H2, a layer offset parameter K2 and a layer scaling parameter L2, and the deformation processing of the hierarchical picture B by using the deformation parameters of the hierarchical picture B specifically includes: rotating the layered picture B by using the layer rotation parameter H1, performing offset processing on the layered picture B after the rotation processing by using the layer offset parameter K1, performing scaling processing on the layered picture B after the rotation processing and the offset processing by using the layer scaling parameter L1 to obtain a deformed image of the layered picture B, performing deformation processing on the layered picture C in a similar mode to obtain a deformed image of the layered picture C, or performing rotation processing on the layered picture B by using the layer rotation parameter H1, performing offset processing on the layered picture B by using the layer offset parameter K1, performing scaling processing on the layered picture B by using the layer scaling parameter L1, and combining the deformed effects of the layered picture B after the rotation processing, the layered picture B after the offset processing and the layered picture B after the scaling processing to obtain a deformed image of the layered picture B.
605. Determining the deformed image of the icon by using the deformed image of each layer of layered pictures and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
In the embodiment of the invention, after obtaining the deformed image of each layered picture of the icon, the mobile terminal determines the deformed image of the icon by using the deformed image of each layered picture of the icon and the arrangement sequence of the layered pictures, and displays the deformed image of the icon to realize the 3D dynamic display of the icon.
In the embodiment of the invention, when the icon of the mobile terminal is operated by the operator as the click operation, the layer rotation parameter, the layer shift parameter and the layer scaling parameter of each layer of layered picture of the icon which is acted by the click operation are utilized to respectively carry out layer rotation, shift and scaling processing on each layer of layered picture of the icon so as to obtain the deformed image of each layer of layered picture, and the deformed image of each layer of layered picture of the icon is utilized to obtain the deformed image of the icon and display the deformed image to obtain better 3D visual effect, so that the effect is vivid and the user experience is better.
Referring to fig. 7, fig. 7 is a diagram illustrating an embodiment of a method for 3D dynamic display when an icon operation is a left-right shaking operation according to an embodiment of the present invention, including:
701. receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
702. when the icon operation is a left-right shaking operation, acquiring the layering parameters of the icon with the left-right shaking effect from the database;
703. obtaining deformation parameters of each layer of layered pictures of the icon under the left-right shaking operation, wherein the deformation parameters comprise layer shift parameters and layer inclination parameters;
in the embodiment of the invention, when the operation body executes the icon operation on the mobile terminal, and the icon operation is a left-right shaking operation, the mobile terminal receives the left-right shaking operation input by the operation body, acquires the layered parameters of the icon acted by the left-right shaking operation from the database, and acquires the deformation parameters of each layered picture of the icon under the left-right shaking operation, wherein the deformation parameters comprise the layer offset parameters and the layer inclination parameters.
When the operation body executes the left-right shaking operation, the icons acted by the left-right shaking operation are all icons on the current display interface of the mobile terminal.
704. Acquiring a rotation angle of a left-right shaking operation in a standard coordinate, which is detected by a gravity sensing device;
705. carrying out migration and inclination processing on each layer of layered pictures of the icons according to the rotation angle, the layer migration parameters and the layer inclination parameters of each layer of layered pictures of the icons, and determining a deformation image of each layer of layered pictures of each icon;
in the embodiment of the invention, the mobile terminal acquires the rotation angle of the left-right shaking operation in the standard coordinate, which is detected by the gravity sensing device.
The standard coordinate means that an X axis points to the right horizontally, a Y axis points to the vertical direction, a display interface of the mobile terminal is parallel to a plane formed by the X axis and the Y axis, and a Z axis is perpendicular to the mobile phone interface and faces outwards.
In the embodiment of the present invention, the gravity sensing device may be a gyroscope or a gravity sensor, and the gravity sensing device is installed in the mobile terminal, or the gravity sensing device may also be an application program capable of sensing an angle change and installed in the mobile terminal.
In the embodiment of the present invention, the mobile terminal determines a deformed image of each layer of layered picture of each icon on the current display interface, specifically: and respectively carrying out migration and inclination processing on each layer of layered picture of each icon according to the rotation angle and the layer migration parameter and the layer inclination parameter of each layer of layered picture in each icon on the current display interface, and determining a deformation image of each layer of layered picture of each icon. The offset processing can obtain the offset of the layered picture, and the inclination processing can obtain the layer inclination of the layered picture.
The offset of the icon in the X axis and the Y axis is calculated by xOffsetFactor sin θ and yOffsetFactor sin θ, where xOffsetFactor represents the layer offset parameter, θ represents the rotation angle, and yOffsetFactor represents the layer inclination parameter. In the case of a left-right shaking operation of the mobile terminal, the value of yOffsetFactor is generally 0, and only the X axis has an offset.
Wherein the layer inclination is obtained based on the layer inclination parameter, and specifically, the layer inclination on the X axis is xSkewFactor tan θxWhere xSkewFactor represents the layer tilt parameter on the X-axis, θxThe rotation angle is a rotation angle on the X axis, and is 0 in the case of a left-right shaking operation of the mobile terminal. The gradient of the layer on the Y axis is ySkewfactor tan thetayWhere ySkewFactor represents the layer tilt parameter on the Y-axis, θyIndicating the rotation angle of the rotation angle on the Y-axis.
By the method, the offset and the layer gradient of each layered picture of the icon can be calculated, and the deformation image of each layered picture is obtained by using the offset and the layer gradient of the layered pictures.
706. Determining the deformed image of the icon by using the deformed image of each layer of layered pictures and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
In the embodiment of the invention, after obtaining the deformed image of each layer of layered picture of each icon, the mobile terminal determines the deformed image of each icon by using the deformed image of each layer of layered picture of each icon and the arrangement sequence of the layered pictures of the icon, and displays the deformed image of each icon at the same time, so as to realize 3D dynamic display of the icon.
It should be noted that the mobile terminal displays the deformed image of the icon until the operation body stops the left-right shaking operation on the mobile terminal, and after the left-right shaking operation is finished, the icon on the current display interface returns to the normal display state.
In the embodiment of the invention, when the operation body executes the left-right shaking operation on the mobile terminal, the mobile terminal acquires the layering parameters of the icon acted by the left-right shaking operation from the database, acquires the layer offset parameters and the layer inclination parameters of each layer of layered picture of the icon under the left-right shaking operation, and determines the deformed image of each icon by utilizing the layer offset parameters and the layer inclination parameters of each layer of layered picture of each icon on the current display interface to deform each layer of layered picture of the icon, so that the 3D dynamic display of the icon can be more finely realized, and the visual effect is more vivid.
It should be noted that, in the embodiment shown in fig. 7, the process of 3D dynamic display of the icon is described by taking a left-right shaking operation as an example, and for those skilled in the art, the method for 3D dynamic display of the icon under the icon operation such as a front-back shaking operation and a top-bottom shaking operation may also be obtained based on the scheme for 3D dynamic display of the icon under the left-right shaking operation, and details are not described here.
Referring to fig. 8, an embodiment of a method for 3D dynamic display of an icon when the icon operation is a screen switching operation according to an embodiment of the present invention includes:
801. receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
802. when the icon operation is screen switching operation, acquiring the layering parameters of all icons on the current screen and the layering parameters of all icons on the next screen;
803. acquiring a deformation parameter of each layer of layered picture of each icon on a current screen under screen switching operation, and acquiring a deformation parameter of each layer of layered picture of each icon on a next screen under screen switching, wherein the deformation parameters comprise a layer shift parameter and a layer inclination parameter;
in the embodiment of the invention, the icons are placed on the current screen of the mobile terminal, and the desktop has multiple screens, so that when the operation body performs screen switching operation, the switching between the current screen and the adjacent screen can be realized.
In the embodiment of the invention, when the icon operation of the mobile terminal by the operation body is the screen switching operation, the mobile terminal receives the screen switching operation input by the operation body, acquires the hierarchical parameters of the icon acted by the screen switching operation from the database, and acquires the deformation parameters of each hierarchical picture of the icon under the screen switching operation, wherein the deformation parameters comprise the layer shift parameters and the layer inclination parameters.
It should be noted that, when the operation body performs the screen switching operation, the icons that are used include all icons on the current display screen of the mobile terminal and all icons on the next screen under the screen switching operation.
804. Determining the sliding distance of the operation body on the display interface, and determining the screen switching angle according to the sliding distance;
after the operation body executes the screen switching operation, the mobile terminal determines the sliding distance of the operation body on the display interface and calculates the screen switching angle according to the sliding distance.
Please refer to fig. 8, which is a schematic diagram of an angle of screen switching according to an embodiment of the present invention, wherein the screen 1 is a current screen, the screen 2 is a next screen, the operation body slides from left to right along the X-axis by a distance d, and a width of each screen on the desktop is wpThe turning angle of the screen is theta1=d/wpPi/2, where the screen 1 makes an angle theta with the desktop1The angle between the screen 2 and the desktop is theta2=π/2-θ1
For better understanding, please refer to fig. 10, which is a schematic diagram illustrating the switching of the screen according to the embodiment of the present invention, wherein the screen 1 and the screen 2 form two surfaces of a three-dimensional rotating structure, and the icons are located on the surfaces of the three-dimensional rotating structure.
In the embodiment of the present invention, the three-dimensional rotating structure is a cube structure, as shown in fig. 10, in practical application, the three-dimensional rotating structure is not limited to a cube structure, and for example, the three-dimensional rotating structure may also be a hexahedron structure.
805. Respectively carrying out migration and inclination processing on each layer of layered picture of each icon according to the layer migration parameter, the layer inclination parameter and the screen switching angle of each layer of layered picture of each icon on the current screen to obtain a deformed image of each layer of layered picture of each icon on the current screen;
806. respectively carrying out offset and inclination processing on each layer of layered picture of the icon according to the layer offset parameter, the layer inclination parameter and the screen switching angle of each layer of layered picture of each icon on the next screen to obtain a deformed image of each layer of layered picture of each icon on the next screen;
807. determining the deformed image of the icon by using the deformed image of each layer of layered pictures and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
In the embodiment of the invention, after obtaining the screen switching angle, the layering parameter of the icon and the deformation parameter, the mobile terminal respectively shifts and tilts each layer of layering picture of each icon according to the layer shift parameter, the layer tilt parameter and the screen switching angle of each layer of layering picture of each icon on the current screen to obtain the deformation image of each layer of layering picture of each icon on the current screen, and shifts and tilts each layer of layering picture of the icon according to the layer shift parameter, the layer tilt parameter and the screen switching angle of each layer of layering picture of each icon on the next screen to obtain the deformation image of each target each layer of layering picture on the next screen.
The mobile terminal calculates the offset of the layered picture by using the layer offset parameter of the layered picture and the screen switching angle, calculates the layer inclination of the layered picture by using the layer inclination parameter of the layered picture and the screen switching angle, and determines the deformed image of the layered picture by using the offset and the layer inclination of the layered picture.
Wherein, for the icon on the screen 1, the offset on the X and Y axes is through the xOffsetFactor sin theta1And yOffsetFactor sin θ1Calculated, where yOffsetFactor represents the layer offset parameter on the Y-axis whereIn a scenario, yOffsetFactor is set to 0, and only the X-axis has an offset xOffsetFactor sin θ1Wherein, the layer gradient is determined by xSkewFactor tan theta1x,ySkewFactor tanθ1yCalculated wherein in the case of the screen switching operation, θ1xIs 0, so xSkewFactor tan theta1xIs 0, and θ1xAngle of the turning angle of the display screen on the X-axis, theta1yIndicating the angle of the screen's flip angle on the Y-axis.
Wherein, for the icon on the screen 2, the offset on the X and Y axes is through the xOffsetFactor sin theta2And yOffsetFactor sin θ2Calculating that under the condition of the screen switching operation, the general yOffsetFactor is set to be 0, and only the X axis has offset; the gradient of the layer is determined by xSkewfactor tan theta2x,ySkewFactor tanθ2yCalculated as theta in the case of this screen switching operation2xIs 0, so xSkewFactor tan theta2xIs 0.
After determining the deformed image of each layer of layered picture of the icon on the screen 1 and the screen 2 according to the above manner, the mobile terminal determines the deformed image of the icon by using the deformed image of each layer of layered picture of the icon and the arrangement sequence of the layered pictures, and displays the deformed image of the icon to realize 3D dynamic display of the icon.
In the embodiment of the invention, when the icon operation received by the mobile terminal is screen switching operation, the hierarchical parameters of all icons on the current screen and the hierarchical parameters of all icons on the next screen are obtained, the deformation parameter of each hierarchical picture of each icon on the current screen under the screen switching operation is obtained, the deformation parameter of each hierarchical picture of each icon on the next screen under the screen switching operation is obtained, the deformation parameter comprises a layer deviation parameter and a layer inclination parameter, the mobile terminal also determines the sliding operation of an operation body on a display interface, determines the angle of the screen switching operation according to the sliding distance, and shifts and inclines each hierarchical picture of each icon according to each hierarchical picture deviation parameter, layer inclination parameter and screen switching angle of each icon on the current screen to obtain the deformation image of each hierarchical picture of each icon on the current screen so as to obtain the icon on the current screen The deformation image of the icon is obtained by obtaining the deformation image of each layer of layered picture of each icon on the next screen according to the layer shift parameter, the layer inclination parameter and the screen switching angle of each layer of layered picture of each icon on the next screen, so that the icon has a fine and vivid 3D display state, and the user experience is effectively improved.
Referring to fig. 11, an embodiment of a method for dynamically displaying an icon in 3D when the icon operation is a drag operation in the embodiment of the present invention includes:
1101. receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
1102. when the icon operation is a dragging operation, acquiring a layering parameter of the dragged icon from a database;
1103. acquiring deformation parameters of each layer of layered pictures of the icon under a dragging operation, wherein the deformation parameters comprise following parameters;
in the embodiment of the present invention, if the operator can press the icon on the display interface for a long time and the long pressing time of the operator is greater than the preset time value, it is determined that the icon enters the drag mode, for example, the user can press the icon on the display interface for a long time with a finger so that the icon pressed for a long time enters the drag mode, and the icon will move along with the movement of the finger. After the icon which is pressed for a long time enters the dragging mode, all icons on the current screen enter the dragging mode, the operation body can drag any icon, and the operation body can exit the dragging mode by clicking or double clicking the blank part of the current screen.
In the embodiment of the invention, when the icon of the mobile terminal is operated by the operation body as the drag operation, the mobile terminal acquires the hierarchical parameter of the icon under the action of the drag operation from the database and acquires the deformation parameter of each hierarchical picture of the icon under the drag operation, wherein the deformation parameter is the following parameter.
1104. Determining the sliding speed of the operation body on the current display interface;
in the embodiment of the invention, the sliding speed can be obtained by the sliding distance and the sliding time of the operating body.
1105. Multiplying the sliding speed by the following parameters of each layer of layered picture of the icon to obtain the dragging displacement of each layer of layered picture of the icon under the dragging operation, and determining a deformation graph of each layer of layered picture of the icon according to the dragging displacement;
1106. determining the deformed image of the icon by using the deformed image of each layer of layered pictures and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
In the embodiment of the invention, after the mobile terminal determines the sliding speed, the mobile terminal further calculates the product of the sliding speed and the following parameter of the layered picture of each layer of the dragged icon, the product is used as the dragging displacement of the layered picture of each layer in the dragging direction of the operation body, the deformation image of each layered picture of the dragged icon is determined according to the dragging displacement of each layered picture, the deformation image of the icon is determined by using the deformation image of each layered picture and the arrangement sequence of the layered pictures, and the deformation image of the icon is displayed, so that the 3D dynamic display of the icon is realized.
In the embodiment of the invention, the deformation image of each layer of layered picture is determined by utilizing the following parameter of each layer of layered picture of the dragged icon and the sliding speed of the dragging operation, and the deformation image of each layer of layered picture is utilized to obtain and display the deformation image of the icon, so that the icon has a more exquisite and vivid 3D dynamic effect, and the user experience is effectively improved.
In an embodiment of the present invention, the above-mentioned 3D dynamic display method is executed by a mobile terminal, and in order to better understand a technical solution in the embodiment of the present invention, please refer to fig. 12, which is a schematic structural diagram of a mobile terminal in an embodiment of the present invention, as shown in fig. 12, the mobile terminal includes a memory 1202, a storage controller 1204, one or more (only one shown in the figure) processors 1206, a peripheral interface 1208, a radio frequency module 1210, a positioning module 1212, a camera module 1214, an audio module 1216, a touch screen 1218, a button module 1220, and a gravity sensing device 1224. These components communicate with one another via one or more communication buses/signal lines 1222.
Specifically applied to the embodiment of the present invention, the touch screen 1218 is configured to display an icon displayed on a current screen;
the processor 1206 is used for receiving icon operation, and acquiring a layered parameter of an icon acted by the icon operation and a deformation parameter of each layer of the icon according to the icon operation; determining a deformation image of the icon according to the layering parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon;
the touch screen 1218 is further configured to display a deformed image of the icon to implement 3D dynamic display of the icon.
It will be appreciated that the configuration shown in fig. 12 is merely illustrative, and that the mobile terminal may include more or fewer components than shown in fig. 12, or may have a different configuration than shown in fig. 12. The components shown in fig. 12 may be implemented in hardware, software, or a combination thereof.
The memory 1202 may be used for storing software programs and modules, such as program instructions/modules corresponding to the character input method and apparatus in the mobile terminal according to the embodiment of the present invention, and the processor 1206 executes various functional applications and data processing by running the software programs and modules stored in the memory 1202, so as to implement the 3D dynamic rendering method.
The memory 1202 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, the memory 1202 may further include memory located remotely from the processor 1206, which may be connected to a mobile terminal via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof. Access to the memory 1202 by the processor 1206, and possibly other components, may be under the control of a memory controller 1204.
The peripherals interface 1208 couples various input/output devices to the processor 1206 and to the memory 1202. The processor 1206 executes various software, instructions within the memory 1202 to perform various functions of the mobile terminal and to perform data processing.
In some embodiments, the peripheral interface 1208, the processor 1206, and the memory controller 1204 may be implemented in a single chip. In other examples, they may be implemented separately from the individual chips.
The rf module 1210 is used for receiving and transmitting electromagnetic waves, and implementing interconversion between the electromagnetic waves and electrical signals, so as to communicate with a communication network or other devices. The rf module 1210 may include various existing circuit elements for performing these functions, such as an antenna, an rf transceiver, a digital signal processor, an encryption/decryption chip, a Subscriber Identity Module (SIM) card, a memory, and so forth. The rf module 1210 may communicate with various networks such as the internet, an intranet, a wireless network, or other devices via a wireless network. The wireless network may comprise a cellular telephone network, a wireless local area network, or a metropolitan area network. The Wireless network may use various Communication standards, protocols, and technologies, including, but not limited to, Global System for Mobile Communication (GSM), Enhanced Mobile Communication (Enhanced Data GSM Environment, EDGE), wideband Code division multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), bluetooth, Wireless Fidelity (WiFi) (e.g., Institute of Electrical and Electronics Engineers (IEEE) standards IEEE802.11 a, IEEE802.11b, IEEE802.1 g, and/or IEEE802.11 n), Voice over internet protocol (VoIP), world wide mail for Microwave, internet-Access (wimax), and any other suitable protocol for instant messaging, including, but not limited to, Wireless systems for Mobile communications, GSM, EDGE, wideband Code division multiple Access (W-CDMA), Wireless Fidelity, WiFi, and may even include those protocols that have not yet been developed.
The positioning module 1212 is configured to obtain a current location of the mobile terminal. Examples of the positioning module 1212 include, but are not limited to, a global positioning satellite system (GPS), a wireless local area network-based positioning technology, or a mobile communication network-based positioning technology.
The camera module 1214 is used to take pictures or videos. The pictures or videos taken may be stored in the memory 1202 and may be transmitted via the radio frequency module 1210.
The audio module 1216 provides an audio interface to the user, which may include one or more microphones, one or more speakers, and audio circuitry. The audio circuitry receives audio data from the peripheral interface 1208, converts the audio data to electrical information, and transmits the electrical information to the speaker. The speaker converts the electrical information into sound waves that the human ear can hear. The audio circuitry also receives electrical information from the microphone, converts the electrical information to voice data, and transmits the voice data to the peripheral interface 1208 for further processing. The audio data may be retrieved from the memory 1202 or through the radio frequency module 1210. In addition, audio data may also be stored in the memory 1202 or transmitted through the radio frequency module 1210. In some instances, the audio module 1216 can also include a headphone jack for providing an audio interface to headphones or other devices.
The touch screen 1218 provides both an output and an input interface between the mobile terminal and the user. In particular, touch screen 1218 displays video output to the user, the content of which may include text, graphics, video, and any combination thereof. Some of the output results are for some of the user interface objects. The touch screen 1218 also receives user inputs, such as user clicks, swipes, and other gesture operations, for example, so that the user interface objects respond to these user inputs. The technique of detecting user input may be based on resistive, capacitive, or any other possible touch detection technique. Specific examples of the touch screen 1218 display unit include, but are not limited to, a liquid crystal display or a light emitting polymer display.
The key module 1220 also provides an interface for a user to input to the mobile terminal, and the user may press various keys to cause the mobile terminal to perform various functions.
The gravity sensing device 1224 is used for sensing a change in a rotation angle of the mobile terminal.
The structure of the mobile terminal in the embodiment shown in fig. 12 is an entity structure of the mobile terminal, and the following describes the structure of the mobile terminal when the mobile terminal executes the method for 3D dynamic display in the embodiment of the present invention.
Referring to fig. 13, an embodiment of a structure of a mobile terminal according to an embodiment of the present invention includes:
a receiving module 1301, configured to receive an icon operation, where the icon operation is an operation on an icon displayed by the mobile terminal;
a first obtaining module 1302, configured to obtain, according to the icon operation, a hierarchical parameter of an icon acted on by the icon operation;
a second obtaining module 1303, configured to obtain a deformation parameter of each layer of the icon;
a processing module 1304, configured to determine a deformed image of the icon according to the hierarchical parameter of the icon for the icon operation and the deformation parameter of each layer of the icon;
a display module 1305, configured to display the deformed image of the icon to implement 3D dynamic display of the icon.
In the embodiment of the present invention, the receiving module 1301 receives an icon operation, where the icon operation is an operation on an icon of a mobile terminal, and the first obtaining module 1302 obtains a hierarchical parameter of the icon according to the icon operation, and the second obtaining module 1303 obtains a deformation parameter of each layer of the icon; then, the processing module 1304 determines a deformed image of the icon according to the layering parameter and the deformation parameter; the deformed image of the icon is displayed to realize 3D dynamic display of the icon, and the method has a fine and vivid display effect and can effectively improve user experience.
To better understand the structure of the mobile terminal in the embodiment of the present invention, please refer to fig. 14, which is a schematic diagram of the structure of the mobile terminal in the embodiment of the present invention, and includes a receiving module 1301, a first obtaining module 1302, a second obtaining module 1303, a processing module 1304, and a determining and displaying module 1305, as shown in fig. 13, and the contents are similar to those described in the embodiment shown in fig. 13, and are not repeated here.
In this embodiment of the present invention, when the icon operation is a floating operation, the first obtaining module 1302 is specifically configured to: acquiring the layering parameters of the icon acted by the suspension operation from a database;
the second obtaining module 1303 is specifically configured to: and acquiring deformation parameters of each layer of layered pictures of the icon under the suspension operation, wherein the deformation parameters comprise layer scaling parameters.
And the processing module 1303 specifically includes:
a first processing module 1401, configured to perform scaling processing on each layer of layered picture of the icon according to the layer scaling parameter of each layer of layered picture of the icon, and determine a deformed image of each layer of layered picture of the icon.
In this embodiment of the present invention, when the icon operation is a click operation, the first obtaining module 1302 is specifically configured to: acquiring the hierarchical parameters of the icon acted by the click operation from a database;
the second obtaining module 1303 is specifically configured to: and obtaining deformation parameters of each layer of layered pictures of the icon under the click operation, wherein the deformation parameters comprise layer rotation parameters, layer offset parameters and layer scaling parameters.
Moreover, the processing module 1304 includes:
the second processing module 1402 is configured to perform picture rotation, shifting, and scaling processing on each layer of layered pictures of the icon according to the layer rotation parameter, the layer shifting parameter, and the layer scaling parameter of each layer of layered pictures of the icon under the click operation, so as to obtain a deformed image of each layer of layered pictures of the icon.
In this embodiment of the present invention, when the icon operation is a left-right shaking operation, the first obtaining module 1302 is specifically configured to: acquiring the layering parameters of all icons on a current screen;
the second obtaining module 1303 is specifically configured to: and acquiring deformation parameters corresponding to each layer of layered pictures of the icon under the left-right shaking operation, wherein the deformation parameters comprise layer shift parameters and layer inclination parameters.
Moreover, the processing module 1304 includes:
an angle obtaining module 1403, configured to obtain a rotation angle of the left-right shaking operation in the standard coordinate, which is detected by the gravity sensing device;
the third processing module 1404 is configured to perform shifting and tilting processing on each layer of layered picture of the icon according to the rotation angle and the layer shifting parameter and the layer tilting parameter of each layer of layered picture in each icon on the current display interface, and determine a deformed image of each layer of layered picture of the icon.
In this embodiment of the present invention, when the icon operation is a screen switching operation, the first obtaining module 1302 is specifically configured to: acquiring the layering parameters of all icons on a current screen and the layering parameters of all icons on a next screen;
the second obtaining module 1303 is specifically configured to: and obtaining a deformation parameter of each layer of layered picture of each icon on the current screen under the screen switching operation, and obtaining a deformation parameter of each layer of layered picture of each icon on the next screen under the screen switching operation, wherein the deformation parameters comprise a layer shift parameter and a layer inclination parameter.
Moreover, the processing module 1304 includes:
an angle determining module 1405, configured to determine a sliding distance of the operation body on the display interface, and determine an angle of the screen switching according to the sliding distance;
a fourth processing module 1406, configured to perform shifting and tilting processing on each layer of layered pictures of each icon on the current screen according to the layer shifting parameter, the layer tilting parameter, and the screen switching angle of each layer of layered pictures of each icon on the current screen, so as to obtain a deformed image of each layer of layered pictures of each icon on the current screen; and respectively carrying out deviation and inclination processing on each layer of layered pictures of each icon on the next screen according to the layer deviation parameter, the layer inclination parameter and the screen switching angle of each layer of layered pictures of each icon on the next screen to obtain a deformed image of each layer of layered pictures of each icon on the next screen.
In this embodiment of the present invention, when the icon operation is an icon dragging operation, the first obtaining module 1302 is specifically configured to: acquiring the hierarchical parameters of the dragged icon from a database;
the second obtaining module 1303 is specifically configured to:
and acquiring a deformation parameter of each layer of layered pictures of the icon under the icon dragging operation, wherein the deformation parameter is a following parameter.
Moreover, the processing module 1304 includes:
a speed determination module 1407, configured to determine a sliding speed of the operation body on the current display interface;
a fifth processing module 1408, configured to multiply the sliding speed with a following parameter of each layer of layered picture of the icon to obtain a drag displacement of each layer of layered picture of the icon under the drag operation, and determine a deformed image of each layer of layered picture of the icon according to the drag displacement.
In the embodiment of the present invention, the determining and displaying module 1305 is specifically configured to: and combining the deformation images of each layer of layered pictures of the icon in sequence according to the arrangement sequence of the layered pictures to obtain the deformation images of the icon.
In this embodiment of the present invention, the receiving module 1301 receives an icon operation, where the icon operation is an operation on an icon of a mobile terminal, and different icon operations have different processing manners, specifically:
when the icon operation is a hover operation, the first obtaining module 1302 obtains the hierarchical parameter of the icon acted by the hover operation from the database; the second obtaining module 1303 obtains deformation parameters of each layer of layered picture of the icon under the suspension operation, where the deformation parameters include layer scaling parameters, then the first processing module 1401 in the processing module 1303 performs scaling processing on each layer of layered picture of the icon according to the layer scaling parameters of each layer of layered picture of the icon, determines a deformed image of each layer of layered picture of the icon, and finally the determining and displaying module 1305 determines a deformed image of the icon by using the deformed image of each layer of layered picture of the icon and the arrangement order of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
When the icon operation is a click operation, the first obtaining module 1302 obtains the hierarchical parameters of the icon acted by the click operation from the database, and the second obtaining module 1303 obtains the deformation parameters of each hierarchical image of the icon under the click operation, where the deformation parameters include an image layer rotation parameter, an image layer offset parameter, and an image layer scaling parameter. Then, the second processing module 1402 in the processing module 1304 performs picture rotation, shift and scaling processing on each layer of layered picture of the icon according to the layer rotation parameter, the layer shift parameter and the layer scaling parameter of each layer of layered picture of the icon under the click operation, so as to obtain a deformed image of each layer of layered picture of the icon, and finally the determining and displaying module 1305 determines the deformed image of the icon by using the deformed image of each layer of layered picture of the icon and the arrangement order of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
When the icon operation is a left-right shaking operation, the first obtaining module 1302 obtains the hierarchical parameters of all icons on the current screen; and the second obtaining module 1303 obtains a deformation parameter corresponding to each layer of layered picture of the icon under the left-right shaking operation, where the deformation parameter includes a layer shift parameter and a layer tilt parameter. An angle obtaining module 1403 in the processing module 1304 obtains the rotation angle of the left-right shaking operation in the standard coordinates detected by the gravity sensing device; and the third processing module 1404 performs offset and tilt processing on each layer of layered picture of each icon according to the rotation angle and the layer offset parameter and the layer tilt parameter of each layer of layered picture in each icon on the current display interface, and determines a deformed image of each layer of layered picture of each icon. Finally, the determining and displaying module 1305 determines the deformed image of the icon by using the deformed image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
When the icon operation is a screen switching operation, the first obtaining module 1302 obtains the hierarchical parameters of all icons on the current screen and the hierarchical parameters of all icons on the next screen; then, the second obtaining module 1303 obtains a deformation parameter of each layer of layered picture of each icon on the current screen under the screen switching operation, and obtains a deformation parameter of each layer of layered picture of each icon on the next screen under the screen switching operation, where the deformation parameter includes a layer offset parameter and a layer tilt parameter, and then the angle determining module 1405 in the processing module 1304 determines a sliding distance of the operating body on the display interface, and determines the screen switching angle according to the sliding distance; the fourth processing module 1406 performs offset and tilt processing on each layer of layered picture of each icon on the current screen according to the layer offset parameter, the layer tilt parameter and the screen switching angle of each layer of layered picture of each icon on the current screen to obtain a deformed image of each layer of layered picture of each icon on the current screen; and carrying out deviation and inclination processing on each layer of layered pictures of each icon according to the layer deviation parameter, the layer inclination parameter and the screen switching angle of each layer of layered pictures of each icon on the next screen to obtain a deformed image of each layer of layered pictures of each icon on the next screen. Finally, the determining and displaying module 1305 determines the deformed image of the icon by using the deformed image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
When the icon operation is an icon dragging operation, the first obtaining module 1302 obtains a hierarchical parameter of a dragged icon from a database; next, the second obtaining module 1303 obtains a deformation parameter of each layer of layered picture of the icon under the icon dragging operation, where the deformation parameter is a following parameter. Next, the speed determining module 1407 in the processing module 1304 determines the sliding speed of the operation body on the current display interface, and the fifth processing module 1408 is configured to calculate the product of the sliding speed and the following parameter of each layer of layered picture of the icon, and obtain the deformed image of each layer of layered picture of the icon by using the product. Finally, the determining and displaying module 1305 determines the deformed image of the icon by using the deformed image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures; and displaying the deformed image of the icon to realize 3D dynamic display of the icon.
In the embodiment of the invention, the mobile terminal can realize more exquisite and vivid 3D dynamic display through the structure, and effectively improve the user experience.
It should be noted that, in the embodiment of the present invention, contents such as information interaction and execution process between modules of the mobile terminal are also applicable to specific contents in the embodiment of the method, because the embodiment of the method is based on the same concept as the embodiment of the method of the present invention. Each unit in the embodiments of the present invention may be implemented as separate hardware or software, and a combination of functions of each unit may be implemented using separate hardware or software as necessary.
Although the present invention has been described with reference to a preferred embodiment, it should be understood that various changes, substitutions and alterations can be made herein without departing from the spirit and scope of the invention as defined by the appended claims.

Claims (29)

1. A method for 3D dynamic display, comprising:
receiving icon operation, wherein the icon operation is the operation of an icon displayed by a mobile terminal;
according to the icon operation, acquiring the hierarchical parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon;
determining a deformation image of the icon according to the layering parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon, and displaying the deformation image of the icon to realize 3D dynamic display of the icon;
the hierarchical parameters comprise hierarchical pictures of the icons;
the obtaining of the deformation parameter of each layer of the icon specifically includes:
and acquiring deformation parameters of each layer of layered pictures of the icon under the icon operation.
2. The method of claim 1, wherein the hierarchical parameters further comprise an arrangement order of the hierarchical pictures;
determining a deformation image of the icon according to the hierarchical parameters of the icon for the icon operation and the deformation parameters of each layer of the icon, specifically comprising:
according to the deformation parameters of each layer of layered pictures of the icon under the icon operation, carrying out deformation processing on each layer of layered pictures of the icon to obtain a deformation image of each layer of layered pictures of the icon;
and determining the deformed image of the icon by utilizing the deformed image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures.
3. The method of claim 2, wherein the warping parameters include layer scaling parameters, layer rotation parameters, layer shift parameters, layer tilt parameters, and following parameters;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and under the icon operation, acquiring 1 or more deformation parameters corresponding to each layer of layered pictures of the icon from the layer scaling parameter, the layer rotation parameter, the layer offset parameter, the layer inclination parameter and the following parameter.
4. The method according to claim 3, wherein the obtaining, according to the icon operation, the hierarchical parameter of the icon acted on by the icon operation specifically includes:
when the icon operation is the suspension operation, acquiring the layering parameters of the icon acted by the suspension operation from a database;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and obtaining deformation parameters of each layer of layered pictures of the icon under the suspension operation, wherein the deformation parameters comprise the layer scaling parameters.
5. The method according to claim 4, wherein the deforming each layer of layered picture of the icon according to the deformation parameter of each layer of layered picture of the icon under the operation of the icon to obtain a deformed image of each layer of layered picture of the icon specifically comprises:
and carrying out scaling processing on each layer of layered pictures of the icon according to the layer scaling parameters of each layer of layered pictures of the icon, and determining a deformed image of each layer of layered pictures of the icon.
6. The method according to claim 3, wherein the obtaining, according to the icon operation, the hierarchical parameter of the icon acted on by the icon operation specifically includes:
when the icon operation is click operation, acquiring the layering parameters of the icon acted by the click operation from a database;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and obtaining deformation parameters of each layer of layered pictures of the icon under the click operation, wherein the deformation parameters comprise layer rotation parameters, layer offset parameters and layer scaling parameters.
7. The method according to claim 6, wherein the deforming each layer of layered picture of the icon according to the deformation parameter of each layer of layered picture of the icon under the operation of the icon to obtain a deformed image of each layer of layered picture of the icon specifically comprises:
and respectively carrying out picture rotation, shifting and scaling on each layer of layered pictures of the icon according to the layer rotation parameters, the layer shifting parameters and the layer scaling parameters of each layer of layered pictures of the icon under the clicking operation to obtain a deformed image of each layer of layered pictures of the icon.
8. The method according to claim 3, wherein the obtaining, according to the icon operation, the hierarchical parameter of the icon acted on by the icon operation specifically includes:
when the icon operation is a left-right shaking operation, acquiring the layering parameters of all icons on the current screen;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and acquiring deformation parameters corresponding to each layer of layered pictures of the icon under the left-right shaking operation, wherein the deformation parameters comprise layer shift parameters and layer inclination parameters.
9. The method according to claim 8, wherein the deforming each layer of layered picture of the icon according to the deformation parameter of each layer of layered picture of the icon under the operation of the icon to obtain a deformed image of each layer of layered picture of the icon specifically comprises:
acquiring a rotation angle of the left-right shaking operation in the standard coordinate, which is detected by the gravity sensing device;
and respectively carrying out migration and inclination processing on each layer of layered picture of the icon according to the rotation angle, the layer migration parameter and the layer inclination parameter of each layer of layered picture of the icon, and determining a deformation image of each layer of layered picture of the icon.
10. The method according to claim 3, wherein the obtaining, according to the icon operation, the hierarchical parameter of the icon acted on by the icon operation specifically includes:
when the icon operation is screen switching operation, acquiring the layering parameters of all icons on the current screen and the layering parameters of all icons on the next screen;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and obtaining a deformation parameter of each layer of layered picture of each icon on the current screen under the screen switching operation, and obtaining a deformation parameter of each layer of layered picture of each icon on the next screen under the screen switching operation, wherein the deformation parameters comprise the layer shift parameter and the layer inclination parameter.
11. The method according to claim 10, wherein the deforming each layer of layered picture of the icon according to the deformation parameter of each layer of layered picture of the icon under the operation of the icon to obtain the deformed image of each layer of layered picture of the icon specifically comprises:
determining the sliding distance of an operation body on a display interface, and determining the screen switching angle according to the sliding distance;
respectively carrying out migration and inclination processing on each layer of layered pictures of each icon on the current screen according to the layer migration parameter, the layer inclination parameter and the screen switching angle of each layer of layered pictures of each icon on the current screen to obtain a deformed image of each layer of layered pictures of each icon on the current screen;
and respectively carrying out offset and inclination processing on each layer of layered picture of each icon on the next screen according to the layer offset parameter, the layer inclination parameter and the screen switching angle of each layer of layered picture of each icon on the next screen, so as to obtain a deformed image of each layer of layered picture of each icon on the next screen.
12. The method according to claim 3, wherein the obtaining, according to the icon operation, the hierarchical parameter of the icon acted on by the icon operation specifically includes:
when the icon operation is icon dragging operation, acquiring the layering parameters of the dragged icon from a database;
the obtaining of the deformation parameters of each layer of layered pictures of the icon under the icon operation specifically includes:
and acquiring a deformation parameter of each layer of layered picture of the icon under the icon dragging operation, wherein the deformation parameter is the following parameter.
13. The method according to claim 12, wherein the deforming each layer of layered picture of the icon according to the deformation parameter of each layer of layered picture of the icon under the operation of the icon to obtain the deformed image of each layer of layered picture of the icon specifically comprises:
determining the sliding speed of the operation body on the current display interface;
multiplying the sliding speed by the following parameters of each layer of layered picture of the icon to obtain the dragging displacement of each layer of layered picture of the icon under the dragging operation, and determining the deformation image of each layer of layered picture of the icon according to the dragging displacement.
14. The method according to claim 2, wherein the determining the deformed image of the icon by using the deformed image of each layered picture of the icon and the arrangement order of the layered pictures specifically comprises:
and combining the deformation images of each layer of layered pictures of the icon in sequence according to the arrangement sequence of the layered pictures to obtain the deformation images of the icon, and displaying the deformation images of the icon to realize the 3D dynamic display of the icon.
15. A mobile terminal, comprising:
the receiving module is used for receiving icon operation, wherein the icon operation is the operation of an icon displayed by the mobile terminal;
the first acquisition module is used for acquiring the hierarchical parameters of the icon acted by the icon operation according to the icon operation;
the second acquisition module is used for acquiring the deformation parameters of each layer of the icon;
the processing module is used for determining a deformation image of the icon according to the layering parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon;
the display module is used for displaying the deformed image of the icon so as to realize 3D dynamic display of the icon;
the hierarchical parameters acquired by the first acquisition module comprise hierarchical pictures of icons;
the first obtaining module is specifically configured to obtain a deformation parameter of each layer of layered pictures of the icon under the icon operation.
16. The mobile terminal according to claim 15, wherein the hierarchical parameters acquired by the first acquiring module further include an arrangement order of the hierarchical pictures;
the processing module is specifically configured to perform deformation processing on each layer of layered pictures of the icon according to deformation parameters of each layer of layered pictures of the icon under the icon operation, so as to obtain a deformed image of each layer of layered pictures of the icon;
and determining the deformed image of the icon by utilizing the deformed image of each layer of layered pictures of the icon and the arrangement sequence of the layered pictures.
17. The mobile terminal according to claim 16, wherein the distortion parameter obtained by the second obtaining module includes a layer scaling parameter, a layer rotation parameter, a layer offset parameter, a layer tilt parameter, and a following parameter;
the second obtaining module is specifically configured to, under the icon operation, obtain 1 or more deformation parameters corresponding to each layer of layered pictures of the icon from the layer scaling parameter, the layer rotation parameter, the layer offset parameter, the layer inclination parameter, and the following parameter.
18. The mobile terminal of claim 17, wherein the first obtaining module is specifically configured to:
when the icon operation is the suspension operation, acquiring the layering parameters of the icon acted by the suspension operation from a database;
the second obtaining module is specifically configured to:
and obtaining deformation parameters of each layer of layered pictures of the icon under the suspension operation, wherein the deformation parameters comprise the layer scaling parameters.
19. The mobile terminal according to claim 18, wherein the processing module specifically includes:
and the first processing module is used for carrying out scaling processing on each layer of layered pictures of the icon according to the layer scaling parameters of each layer of layered pictures of the icon, and determining a deformed image of each layer of layered pictures of the icon.
20. The mobile terminal of claim 17, wherein the first obtaining module is specifically configured to:
when the icon operation is click operation, acquiring the layering parameters of the icon acted by the click operation from a database;
the second obtaining module is specifically configured to:
and obtaining deformation parameters of each layer of layered pictures of the icon under the click operation, wherein the deformation parameters comprise the layer rotation parameters, the layer shift parameters and the layer scaling parameters.
21. The mobile terminal of claim 20, wherein the processing module comprises:
and the second processing module is used for respectively carrying out picture rotation, shifting and scaling on each layer of layered pictures of the icon according to the layer rotation parameters, the layer shifting parameters and the layer scaling parameters of each layer of layered pictures of the icon under the clicking operation to obtain a deformed image of each layer of layered pictures of the icon.
22. The mobile terminal of claim 17, wherein the first obtaining module is specifically configured to:
when the icon operation is a left-right shaking operation, acquiring the layering parameters of all icons on the current screen;
the second obtaining module is specifically configured to:
and acquiring deformation parameters corresponding to each layer of layered pictures of the icon under the left-right shaking operation, wherein the deformation parameters comprise the layer shift parameters and the layer inclination parameters.
23. The mobile terminal of claim 22, wherein the processing module comprises:
the angle acquisition module is used for acquiring the rotation angle of the left-right shaking operation in the standard coordinate, which is detected by the gravity sensing device;
and the third processing module is used for respectively carrying out offset and inclination processing on each layer of layered pictures of the icon according to the rotation angle, the layer offset parameters and the layer inclination parameters of each layer of layered pictures of the icon, and determining a deformed image of each layer of layered pictures of the icon.
24. The mobile terminal of claim 17, wherein the first obtaining module is specifically configured to:
when the icon operation is screen switching operation, acquiring the layering parameters of all icons on the current screen and the layering parameters of all icons on the next screen;
the second obtaining module is specifically configured to:
and obtaining a deformation parameter of each layer of layered picture of each icon on the current screen under the screen switching operation, and obtaining a deformation parameter of each layer of layered picture of each icon on the next screen under the screen switching operation, wherein the deformation parameters comprise the layer shift parameter and the layer inclination parameter.
25. The mobile terminal of claim 24, wherein the processing module comprises:
the angle determining module is used for determining the sliding distance of the operation body on the display interface and determining the screen switching angle according to the sliding distance;
the fourth processing module is configured to perform offset and tilt processing on each layer of layered pictures of each icon on the current screen according to the layer offset parameter, the layer tilt parameter, and the screen switching angle of each layer of layered pictures of each icon on the current screen, so as to obtain a deformed image of each layer of layered pictures of each icon on the current screen; and respectively carrying out offset and inclination processing on each layer of layered picture of each icon on the next screen according to the layer offset parameter, the layer inclination parameter and the screen switching angle of each layer of layered picture of each icon on the next screen to obtain a deformed image of each layer of layered picture of each icon on the next screen.
26. The mobile terminal of claim 17, wherein the first obtaining module is specifically configured to:
when the icon operation is icon dragging operation, acquiring the layering parameters of the dragged icon from a database;
the second obtaining module is specifically configured to:
and acquiring a deformation parameter of each layer of layered picture of the icon under the icon dragging operation, wherein the deformation parameter is the following parameter.
27. The mobile terminal of claim 26, wherein the processing module comprises:
the speed determining module is used for determining the sliding speed of the operation body on the current display interface;
and the fifth processing module is used for multiplying the sliding speed by the following parameter of each layer of layered picture of the icon to obtain the dragging displacement of each layer of layered picture of the icon under the dragging operation, and determining the deformation image of each layer of layered picture of the icon according to the dragging displacement.
28. The mobile terminal of claim 16, wherein the processing module is specifically configured to:
and combining the deformation images of each layer of layered pictures of the icon in sequence according to the arrangement sequence of the layered pictures to obtain the deformation images of the icon, and displaying the deformation images of the icon to realize the 3D dynamic display of the icon.
29. A mobile terminal, characterized in that the mobile terminal comprises:
the touch screen is used for displaying the icon displayed on the current screen;
the processor is used for receiving icon operation, and acquiring the hierarchical parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon according to the icon operation; determining a deformation image of the icon according to the layering parameters of the icon acted by the icon operation and the deformation parameters of each layer of the icon;
the touch screen is further used for displaying the deformed image of the icon to realize 3D dynamic display of the icon;
wherein the hierarchical parameters comprise hierarchical pictures of the icons; the processor is used for acquiring deformation parameters of each layer of layered pictures of the icon under the icon operation.
CN201510344593.8A 2015-06-19 2015-06-19 3D dynamic display method and mobile terminal Expired - Fee Related CN106325649B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510344593.8A CN106325649B (en) 2015-06-19 2015-06-19 3D dynamic display method and mobile terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510344593.8A CN106325649B (en) 2015-06-19 2015-06-19 3D dynamic display method and mobile terminal

Publications (2)

Publication Number Publication Date
CN106325649A CN106325649A (en) 2017-01-11
CN106325649B true CN106325649B (en) 2020-02-07

Family

ID=57727904

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510344593.8A Expired - Fee Related CN106325649B (en) 2015-06-19 2015-06-19 3D dynamic display method and mobile terminal

Country Status (1)

Country Link
CN (1) CN106325649B (en)

Families Citing this family (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106896987B (en) * 2017-02-27 2019-06-25 网易(杭州)网络有限公司 Realize the method and device that interface element follows
CN107193442A (en) * 2017-06-14 2017-09-22 广州爱九游信息技术有限公司 Graphic display method, graphics device, electronic equipment and storage medium
CN107291354A (en) * 2017-06-26 2017-10-24 曾良军 A kind of application display method and device
WO2019001060A1 (en) * 2017-06-26 2019-01-03 曾良军 Application display method and device, three-dimensional space display interface operation method and device, display method and device, application content display method and device, and terminal device
CN107436765A (en) * 2017-07-27 2017-12-05 青岛海信电器股份有限公司 The treating method and apparatus of view control
CN108170499B (en) * 2017-11-17 2021-06-15 深圳依偎控股有限公司 Display method and device of 3D application icon and electronic equipment
CN108319406A (en) * 2017-12-06 2018-07-24 深圳依偎控股有限公司 Desktop icon display method, device and computer readable storage medium
CN109976624A (en) * 2017-12-28 2019-07-05 腾讯科技(深圳)有限公司 Image display method, device, equipment and computer readable storage medium
CN108388465B (en) * 2018-03-15 2021-04-23 阿里巴巴(中国)有限公司 Method and device for realizing dynamic deformation switch assembly and terminal
CN109598773A (en) * 2018-12-05 2019-04-09 麒麟合盛网络技术股份有限公司 A kind of method and apparatus handling static figure layer
CN112256165B (en) * 2019-12-13 2022-05-10 华为技术有限公司 Application icon display method and electronic equipment
CN111610898A (en) * 2020-04-26 2020-09-01 北京小米移动软件有限公司 Application icon display method and device and storage medium
CN112837129A (en) * 2021-02-25 2021-05-25 腾讯科技(深圳)有限公司 Display method and device of application store, electronic equipment and storage medium
CN114020379B (en) * 2021-10-19 2024-06-07 青岛海信移动通信技术有限公司 Terminal equipment, information feedback method and storage medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101620509A (en) * 2008-07-01 2010-01-06 佳能株式会社 Display control apparatus and display control method
CN102662577A (en) * 2012-03-29 2012-09-12 华为终端有限公司 Three-dimensional display based cursor operation method and mobile terminal
CN103092485A (en) * 2013-02-07 2013-05-08 广州市久邦数码科技有限公司 Method and system for achieving desktop dynamic theme based on Android equipment
CN103399688A (en) * 2013-07-26 2013-11-20 三星电子(中国)研发中心 Interaction method and device for dynamic wallpaper and desktop icon
CN103744600A (en) * 2014-01-17 2014-04-23 广州市久邦数码科技有限公司 Method and system for interaction between 3D (three-dimensional) dynamic wallpaper and desktop icon
CN104063136A (en) * 2013-07-02 2014-09-24 姜洪明 Mobile operation system
CN104346029A (en) * 2013-08-01 2015-02-11 无锡华润矽科微电子有限公司 System and method for realizing display control of dynamic icons on OSD (on screen display) interface in electronic equipment

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101740436B1 (en) * 2010-12-08 2017-05-26 엘지전자 주식회사 Mobile terminal and method for controlling thereof

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101620509A (en) * 2008-07-01 2010-01-06 佳能株式会社 Display control apparatus and display control method
CN102662577A (en) * 2012-03-29 2012-09-12 华为终端有限公司 Three-dimensional display based cursor operation method and mobile terminal
CN103092485A (en) * 2013-02-07 2013-05-08 广州市久邦数码科技有限公司 Method and system for achieving desktop dynamic theme based on Android equipment
CN104063136A (en) * 2013-07-02 2014-09-24 姜洪明 Mobile operation system
CN103399688A (en) * 2013-07-26 2013-11-20 三星电子(中国)研发中心 Interaction method and device for dynamic wallpaper and desktop icon
CN104346029A (en) * 2013-08-01 2015-02-11 无锡华润矽科微电子有限公司 System and method for realizing display control of dynamic icons on OSD (on screen display) interface in electronic equipment
CN103744600A (en) * 2014-01-17 2014-04-23 广州市久邦数码科技有限公司 Method and system for interaction between 3D (three-dimensional) dynamic wallpaper and desktop icon

Also Published As

Publication number Publication date
CN106325649A (en) 2017-01-11

Similar Documents

Publication Publication Date Title
CN106325649B (en) 3D dynamic display method and mobile terminal
US11366490B2 (en) User terminal device and displaying method thereof
US11231845B2 (en) Display adaptation method and apparatus for application, and storage medium
CN109712224B (en) Virtual scene rendering method and device and intelligent device
EP3105657B1 (en) User terminal device and displaying method thereof
US11042294B2 (en) Display device and method of displaying screen on said display device
KR102092332B1 (en) Portable apparatus and method for displaying a screen
US9715339B2 (en) Display apparatus displaying user interface and method of providing the user interface
EP3561667B1 (en) Method for displaying 2d application in vr device, and terminal
JP7321466B2 (en) OBJECT CONSTRUCTION METHOD, DEVICE, COMPUTER DEVICE, AND COMPUTER PROGRAM BASED ON VIRTUAL ENVIRONMENT
CN106445340B (en) Method and device for displaying stereoscopic image by double-screen terminal
JP2013142902A (en) Apparatus and method for scaling layout of application program in image display device
CN110928464B (en) User interface display method, device, equipment and medium
WO2021114592A1 (en) Video denoising method, device, terminal, and storage medium
CN105611368A (en) Display apparatus and contol method thereof
CN106325650B (en) 3D dynamic display method based on human-computer interaction and mobile terminal
CN112017133B (en) Image display method and device and electronic equipment
CN112612566A (en) Information display method and device and readable storage medium
WO2018090914A1 (en) Three-dimensional visual effect simulation method and apparatus, storage medium and display device
CN108476316B (en) 3D display method and user terminal
KR20140110646A (en) User termial and method for displaying screen in the user terminal
US9338578B2 (en) Localization control method of sound for portable device and portable device thereof
CN110119233B (en) Content pushing method and device, terminal and storage medium
KR20170098637A (en) Image processing device and Image display apparatus including the same
KR101919778B1 (en) Mobile terminal and method for controlling thereof, and recording medium thereof

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20180725

Address after: 518057 Room 201, building A, 1 front Bay Road, Shenzhen Qianhai cooperation zone, Shenzhen, Guangdong

Applicant after: SUPERD Co.,Ltd.

Address before: 518000 Guangdong Shenzhen Baoan District Xixiang Street Gonghe Industrial Road West hair B District Xu Sheng research and development building 11 story 1113U

Applicant before: TRONXYZ TECHNOLOGY Co.,Ltd.

GR01 Patent grant
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20200207