CN114138141B

CN114138141B - Display method, device and electronic device

Info

Publication number: CN114138141B
Application number: CN202111275984.0A
Authority: CN
Inventors: 周翔
Original assignee: Vivo Mobile Communication Co Ltd
Current assignee: Vivo Mobile Communication Co Ltd
Priority date: 2021-10-29
Filing date: 2021-10-29
Publication date: 2025-01-07
Anticipated expiration: 2041-10-29
Also published as: CN114138141A

Abstract

The present application discloses a display method, device and electronic device, which belongs to the field of computer technology. In an embodiment of the present application, a first input of a first content displayed on a screen is received; in response to the first input, a first motion morphology parameter of the displayed content on the screen is determined according to a preset model, and the preset model is used to simulate the motion morphology of the interaction between an object and a liquid surface when in contact; according to the first motion morphology parameter, the displayed content is dynamically displayed, and the displayed content can present a dynamic effect of the motion morphology of the interaction between the simulated object and the liquid surface when in contact.

Description

Display method and device and electronic equipment

Technical Field

The application belongs to the technical field of computers, and particularly relates to a display method, a display device and electronic equipment.

Background

In order to realize the interaction between a user and an electronic device, interface contents such as icons, bars, views, controls and the like are generally provided through an interactive interface of a Desktop (Desktop) or an Application (App) of the electronic device, so that the user can click, drag and the like on the interface contents to enable the electronic device to execute corresponding functions. However, in the interaction process, after the electronic device receives the touch screen operation, the electronic device displays a common linear animation effect through a two-dimensional plane, for example, receives a clicking operation on a desktop icon, and directly opens a corresponding App interface from one side or the center of the screen. This cured display effect lacks vividness, resulting in a poor user operation experience.

Disclosure of Invention

The embodiment of the application aims to provide a display method, a display device and electronic equipment, which can solve the problem that the display effect of the interactive interface content lacks mobility.

In a first aspect, an embodiment of the present application provides a display method, including:

receiving a first input of first content displayed on a screen;

in response to a first input, determining a first motion profile parameter of display content on a screen according to a preset model, wherein the preset model is used for simulating a motion profile of interaction when an object is contacted with a liquid level, and the display content at least comprises the first content;

and dynamically displaying the display content according to the first movement form parameter.

In a second aspect, an embodiment of the present application provides a display apparatus, including:

a first receiving module for receiving a first input of first content displayed on a screen;

the determining module is used for responding to the first input, determining a first movement form parameter of display content on a screen according to a preset model, wherein the preset model is used for simulating the movement form of interaction when an object is contacted with the liquid level, and the display content at least comprises the first content;

and the display module is used for dynamically displaying the display content according to the first movement form parameter.

In a third aspect, an embodiment of the present application provides an electronic device, including a processor, a memory, and a program or instruction stored on the memory and executable on the processor, the program or instruction implementing the steps of the method according to the first aspect when executed by the processor.

In a fourth aspect, embodiments of the present application provide a readable storage medium having stored thereon a program or instructions which when executed by a processor perform the steps of the method according to the first aspect.

In a fifth aspect, an embodiment of the present application provides a chip, where the chip includes a processor and a communication interface, where the communication interface is coupled to the processor, and where the processor is configured to execute a program or instructions to implement a method according to the first aspect.

In the embodiment of the application, a first input of first content displayed on a screen is received, a first motion form parameter of the display content on the screen is determined according to a preset model in response to the first input, the preset model is used for simulating the motion form of interaction when an object is contacted with a liquid level, the display content is dynamically displayed according to the first motion form parameter, and the displayed display content can further show the dynamic effect of the motion form of interaction when the object is contacted with the liquid level, so that an interaction picture of a user and the screen of the electronic equipment is more vivid, and user operation experience is improved.

Drawings

FIG. 1 is a schematic flow chart of a method according to an embodiment of the application;

In fig. 2, (2 a) is a display diagram of a first application page, (2 b) is a display diagram of a reduced form of the first application page, (2 c) is a display diagram of a first application page reduced from the form shown in (2 b), (2 d) is a display diagram of a first icon, (2 e) is a display diagram of an enlarged form of the first icon, and (2 f) is a display diagram of the first icon after the rebound animation is stopped being displayed;

Fig. 3 (3 a) is a schematic view showing the first content in another embodiment of the present application, and (3 b) is a schematic view showing the first content passing through the second content;

Fig. 4 (4 a) is a schematic view showing the first content in still another specific example of the present application, (4 b) is a schematic view showing the first content passing through the second content, and (4 c) is a schematic view showing the first content after passing through the second content;

FIG. 5 is a schematic diagram of a display device according to another embodiment of the present application;

FIG. 6 is a schematic diagram of a hardware architecture of an electronic device according to yet another embodiment of the application;

fig. 7 is a schematic diagram of a hardware structure of an electronic device according to another embodiment of the present application.

Detailed Description

The technical solutions of the embodiments of the present application will be clearly described below with reference to the drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which are obtained by a person skilled in the art based on the embodiments of the present application, fall within the scope of protection of the present application.

The terms first, second and the like in the description and in the claims, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged, as appropriate, such that embodiments of the present application may be implemented in sequences other than those illustrated or described herein, and that the objects identified by "first," "second," etc. are generally of a type, and are not limited to the number of objects, such as the first object may be one or more. Furthermore, in the description and claims, "and/or" means at least one of the connected objects, and the character "/", generally means that the associated object is an "or" relationship.

The display method, the display device and the electronic equipment provided by the embodiment of the application are described in detail through specific embodiments and application scenes thereof by combining the attached drawings.

Fig. 1 shows a flow chart of an interface content display method according to an embodiment of the present application. As shown in FIG. 1, the method comprises the steps S101-S103:

S101, receiving a first input of first content displayed on a screen.

The first content is a content displayed in a screen area, and the first content may be an interface element, where the interface element may include an icon, a window, a control, a bar, and the like, or the first content may be an Application page of an Application program (App).

The first input may be a click input of the screen by the user, or a voice command input by the user, or a specific gesture or a space gesture input by the user, which may be specifically determined according to the actual use requirement, and the embodiment is not limited to this.

The click input may be a single click input, a double click input, or any number of click inputs, and may also be a long press input or a short press input. The specific gesture may be any one of a tap gesture, a double tap gesture, a swipe gesture, a drag gesture, a zoom gesture, a rotate gesture.

S102, responding to a first input, and determining a first movement form parameter of display content on a screen according to a preset model, wherein the preset model is used for simulating the movement form of interaction when an object is contacted with a liquid level, and the display content at least comprises the first content.

The display content is a content displayed in the screen area, and may include the first content, or may include other content.

The preset model is used for simulating the interaction movement form when the object is contacted with the liquid level, so that the display content in the screen can show the physical movement effect when the object is contacted with the liquid level based on the preset model. The motion forms of interaction when the object contacts with the liquid level can include motion forms of sinking, floating and sliding of the object relative to the liquid level, and the like, and the physical dynamic effect correspondingly presented by the display content based on the preset model can be represented as a form of reduction, amplification, alternate scaling or deformation of the display content.

For example, the input of the preset model may include an initial position of the first content, and operation data of the first content determined by the first input, such as a moving speed, a moving direction, a moving position, and the like of the first content, where the output of the preset model is a corresponding operation morphological parameter. After the preset model performs data processing according to the input data, corresponding output is obtained and reflected on an electronic equipment interface, and the change effect of the first content dynamically displayed is generated.

For example, the first motion parameter may include a parameter of a reduced form, an enlarged form, and/or a parameter of a deformed form of the display content.

S103, dynamically displaying the display content according to the first motion morphological parameters.

And dynamically displaying the display content according to the first movement form parameter determined by the preset model, namely displaying the display content on a screen of the electronic equipment according to the operation form presented by the first movement form parameter so as to simulate the physical movement effect of the object when the object contacts the liquid level.

In the embodiment of the application, the first motion form parameter of the display content on the screen can be determined according to the preset model by receiving the first input of the first content displayed on the screen, then the display content is dynamically displayed according to the first motion form parameter, and the displayed display content can show the dynamic effect of the interaction motion form when the object is contacted with the liquid level, so that the interaction picture between the user and the screen of the electronic equipment is more vivid, and the operation experience of the user is improved.

The display method of the embodiment of the application can be applied to the scene of exiting the application program, and the dynamic effect that the object falls on the liquid level is simulated through the motion morphological change of the page of the application program and other display contents in the process of exiting the application program, so that the screen display contents generate smoother and lively visual effects in the process of exiting the application program.

In this example, the first content may be a first application page, where the first application page is a page of an application program, and the display content on the screen further includes desktop content disposed on a desktop, where the desktop content may include a desktop background, an application icon, a pendant, a Dock column, and the like. As shown in fig. 2 (2 a), in the case where the first application page 201 is displayed in the screen area of the electronic device 200, the step of receiving the first input to the first application page 201 through step S101 triggers the execution of the subsequent step of exiting the first application page 201.

The method according to the embodiment of the present application will be described below by taking the first input as a sliding input as an example.

After the electronic device 200 receives the sliding input of the user, step S102 determines, in response to the first input, a first motion profile parameter of the display content on the screen according to the preset model, and may specifically include steps S301 to S303:

S301, responding to a first input, determining the first application page as the object in the preset model, and determining the desktop content as the liquid level in the preset model;

S302, determining the motion form parameters of the first application page and the operation form parameters of the desktop content according to a preset model;

s303, determining the motion form parameters of the first application page and the motion form parameters of the desktop content as the first motion form parameters.

Referring to fig. 2 (2 b), after receiving the sliding input, determining, by a preset model, the first application page 201 as an object in the preset model, determining the desktop content 202 as a liquid level in the preset model, and determining a motion morphological parameter of the first application page and an operation morphological parameter of the desktop content, so that the first application page 201 and the desktop content (such as a desktop background) 202 are respectively changed according to the corresponding operation morphological parameters, and further simulating a dynamic effect that the object falls into the liquid level.

In the process that the object falls into the liquid surface (such as the water surface), the object falls into the water surface under the action of gravity acceleration, and the operation mode generally comprises that the object falls into the water surface, floats after sinking a certain distance from the water surface, and floats up and down after floating up to the water surface. Therefore, in this example, according to the preset model, the movement form of the object falling to the water surface and sinking can be simulated by shrinking the first application page 201 relative to the desktop content 202, the first application page 201 disappears after being shrunk to a certain size, then the corresponding application icon is displayed in the desktop area, and the application icon is enlarged relative to other desktop contents, so that the movement form of the object floating up from the lower surface of the water can be simulated, and the application icon enlarged to a certain size is displayed as a rebound animation which is alternately enlarged and shrunk in a certain amplitude and frequency within a period of time, so that the movement state of the object floating up and down due to inertia after floating up to the water surface can be simulated.

Alternatively, the desktop content may include a first icon and a second content. In the step S301, determining the motion morphological parameter of the first application page and the motion morphological parameter of the desktop content according to the preset model may specifically include:

and determining a first reduction form parameter of the first application page according to the preset model, wherein the first reduction form parameter comprises a first speed and a first size corresponding to the reduction of the page. In some examples, the first speed may be gradually increased by a preset value;

according to a preset model and the position of the corresponding desktop content on the desktop, determining an amplifying form parameter of the corresponding first icon in a first time period, a second zooming form parameter of the corresponding second content and an alternate zooming form parameter of the corresponding first icon in a second time period, wherein the amplifying form parameter comprises a second speed and a second size of the corresponding first icon amplifying, the second zooming form parameter comprises a third speed and a third size of the corresponding second content zooming, and the alternate zooming form parameter comprises an amplitude and a frequency of the corresponding first icon alternating zooming.

The desktop content includes a first icon and a second content, where the first icon may be an application icon corresponding to a first application page, and the second content may include all content elements on the desktop, such as a desktop background, other application icons, a pendant, a dock, and the like, except for the first icon.

All content elements included in the second content may be synchronously enlarged or reduced, the first icon and the second content may be not synchronously enlarged or reduced, or the second content may be reduced when the first icon is enlarged, the second content is enlarged when the first icon is reduced, or the second content is unchanged when the first icon is enlarged or reduced.

For example, the speed value of the first icon when enlarged may be the same as or different from the speed value of the second content when enlarged, and similarly, the speed value of the first icon when reduced may be the same as or different from the speed value of the second content when enlarged.

Correspondingly, in one example, the first application page is hidden after being gradually reduced to a certain size from slow to fast in the closing process of the first application page is triggered through the first application page, the first icon and the second content are simulated, then the first icon with the smaller size is displayed, the first icon is gradually enlarged while the second content is gradually reduced in a first duration, and the first icon is alternately enlarged and reduced until the first icon is stationary in a second duration.

Thus, the zoom-in morphological parameter corresponding to the first icon within the first time period may include a second speed and a second size corresponding to the zoom-in of the first icon, and the second zoom-out morphological parameter corresponding to the second content within the first time period includes a third speed and a third size corresponding to the zoom-out of the second content, wherein the values of the second speed and the third speed may be equal or unequal.

The alternate zoom modality parameter includes an amplitude and a frequency of the alternate zoom corresponding to the first icon.

In some examples, the alternately scaled morphological parameters may also include an amplitude and frequency of the alternate scaling of the second content. The first icon alternate zoom amplitude may be equal to the alternate zoom amplitude of the second content, and the first icon alternate zoom frequency may be equal to the alternate zoom frequency of the second content, but the first icon alternate zoom is opposite to the second content, for example, the second content is enlarged when the first icon is reduced, and the second content is reduced when the first icon is enlarged.

Illustratively, the zoom out and zoom in morphological parameters of the first icon may also be determined based on the location of the first icon in the desktop and the speed of the sliding input. The position of the first icon in the desktop is higher and/or the speed of sliding input is higher, the corresponding second size is smaller and the alternating scaling amplitude and frequency are higher, otherwise, the position of the first icon in the desktop is lower and/or the speed of sliding input is lower, the corresponding second size is larger and the alternating scaling amplitude and frequency are lower, wherein the upper and lower of the desktop position means that when the content such as the desktop icon and the text are displayed in the forward direction, the direction conforming to the forward display of the desktop content is the upper direction, and the direction conforming to the lower direction is the lower direction.

It should be understood that the alternate zoom mode may be displayed as a spring animation (spring), and the larger the alternate zoom amplitude, i.e. the larger the coefficient of restitution of the spring animation, in one example, in the case that the received sliding input speeds are equal, the coefficient of restitution of the icons of different positions and high layers may be in the interval of [0.1,1] according to the position arrangement of the desktop from bottom to top. Under the condition that the positions of the icons are the same in height, the rebound coefficient of the uniform height layer icons can be in the [0.5,1] interval according to the sliding input speed from large to small.

Taking the desktop schematic diagrams shown in (2 c) and (2 d) in fig. 2 as an example, the "photo" application icon 2021, the "camera" application icon 2022, and the "communication" application icon 2023 are located at the upper layers of the "electronic book" application icon 2024, the "setting" application icon 2025, and the "calendar" application icon 2026, and the "dialing" application icon 2027, the "address book" application icon 2028, and the "short message" application icon 2029 are located at the lower layers of the desktop 203. In the case where the received slide input speeds are equal, the second size value corresponding to the "photo" application icon 2021 is smaller than the second size value corresponding to the "set" application icon 2025, and the alternate zoom amplitude and frequency corresponding to the "photo" application icon 2021 is greater than the alternate zoom amplitude and frequency corresponding to the "set" application icon 2025. Therefore, the operation mode that the object with higher height falls in water to have larger sinking distance and the floating amplitude is larger after floating up and down can be simulated, and further, more vivid dynamic visual effect is presented.

After determining the motion form parameters of the first application page and other desktop contents through steps S301 to S302, executing step S303, determining the motion form parameters and the motion form parameters as first motion form parameters, and dynamically displaying the subsequent first application page and corresponding desktop contents according to the first motion form parameters.

For example, after the first motion profile parameters are obtained through S301 to S303, step S103. Dynamically displaying the display content according to the first motion profile parameters may specifically include:

S401, reducing and displaying a first application page according to a first speed, and continuously increasing the first speed until the first application interface is reduced to the first size;

S402, zooming in and displaying second content according to a second speed while the first application page is zoomed out.

Because the falling speed of the object is continuously increased under the action of gravity when the object falls into the water surface, as shown in (2 a) and (2 b) and (2 c) in fig. 2, the first application page is reduced at a first speed which is gradually increased, that is, the first application page is reduced more and more rapidly, and meanwhile, the second content (such as a desktop background and a desktop icon which is currently displayed) can be gradually enlarged at a first speed or a proper speed, so that a picture of relative movement is formed between the first application page and the second content, and then a dynamic effect of the simulated object falling into the water surface is presented.

By way of example, the desktop background may be a three-dimensional view, such as by presenting the desktop background as a 3D image effect simulating a water surface, or as a dynamic water wave, an icon reflection, etc., increasing the realism of the visual effect.

S403, hiding the first application page after being reduced to the first size, and displaying a first icon on a desktop under the condition that the first application page is hidden.

Illustratively, in the process of shrinking the first application page 201 to the first size, the speed at which the first application page is shrunk may be gradually increased as described in step S401 until it is shrunk to the first size, and then suppressed.

In other examples, during the process of shrinking the first application page 201 to the first size, the speed of shrinking the first application page may be gradually increased as described in step S401, until the first size is reached, and the page continues to shrink in a short time after the first size is reduced, and the speed of shrinking is gradually reduced until the first application page is hidden after the first size is reduced to a size smaller than the first size, so that the visual effect that the sinking speed is reduced due to resistance in water after the object is accelerated to fall into the water surface can be simulated.

As shown in fig. 2 (2 c) and (2 d), the first application page 201 is reduced to the first size and then disappears, the page 201 exits, and if the first application page 201 disappears, a first icon 2021 is displayed on the desktop 203.

It should be appreciated that in the case of displaying the first application page 201, the desktop does not display the first icon 2021, and the first icon 2021 is displayed after the first application page 201 exits. And the first icon 2021 displayed in this step S403 is smaller than the other icons on the desktop (refer to (2 d) in fig. 2) to simulate the effects of the rendering object sinking below the liquid surface.

S404, in a first duration of displaying the first icon, the first icon is enlarged to a second size, and the second content is reduced to the third size.

Referring to fig. 2 (2 d) and (2 e), during a first period of time in which the first icon 2021 is displayed, the first icon 2021 is enlarged while the second content is reduced, the first icon 2021 and the second content form a morphological change of relative motion, simulating the dynamic effect of the object floating up from below the liquid surface.

S405. in the case where the first icon is enlarged to the second size, displaying the alternately enlarged and reduced first icon according to the magnitude and frequency of the alternate zoom in the second period.

Referring to fig. 2 (2 e) and (2 f), when the first icon 2021 is enlarged to the second size, the alternately enlarged and reduced first icon 2021 is displayed according to the above-determined amplitude and frequency of the alternate enlargement, and a rebound animation in which the first icon 2021 is alternately enlarged and reduced is formed, so that the dynamic effect of the object floating up to the water surface and then falling back and sinking due to inertia is simulated.

In the example, in a scene of receiving the sliding input of the user to exit the application page, a series of operation modes of the object falling into the liquid level are simulated through the relative motion mode generated by the application of the first page and the desktop content, so that the user presents vivid and smooth dynamic effects through the change of the mode of the display content in the operation of exiting the application page, and the user operation experience is improved.

It should be understood that, in this example, the first input may be a click input or other input, and when the first input is not a sliding input, the first motion morphological parameter is determined according to the preset model and the icon position, without considering the sliding speed of the input.

The method of the embodiment of the application can be applied to scenes of list ordering in an interface. As shown in FIG. 3 (3 a), list ordering may be by moving elements (302, 303) in list 301, making adjustments to the layout of the elements. In the list sorting process, the dynamic effect of the sliding of the object on the water surface is simulated through the morphological change among the elements in the interface.

When the object slides on the water surface, the sliding direction is taken as the front direction, the resistance of the water surface is received, the resistance of the water surface is larger at the front end part of the object, the object can lift up and float, and correspondingly, the rear end part of the object can sink relatively. Therefore, in this example, the running form of the object sliding on the water surface can be simulated by deforming the display content, for example, by performing a certain angle of distortion deformation and shading on the front end of the image of the display content, the movement effect of tilting the front end is presented, and the angle of the distortion deformation can be increased according to the increase of the sliding speed, so as to improve the vitality of the simulated movement effect.

In this example, referring to (3 a) of fig. 3, the first content 302 may be a first element in the list 301, the first element may be a list component (item), and in the case that the first content 302 is displayed in a screen area of the electronic device 300, the first input may be a sliding input in receiving the first input of the first content through step S101.

Correspondingly, step S102, in response to the first input, determines, according to a preset model, a first motion profile parameter of the display content on the screen, and may specifically include S501 to S502:

S501, determining a sliding speed and a sliding direction corresponding to the first input.

And determining the sliding speed and the sliding direction corresponding to the sliding input according to the sliding input of the user.

S502, determining a first motion form parameter of the first content according to the sliding speed, the sliding direction and the preset model.

The first motion profile parameter of the first content 301 may include a moving direction, a moving speed, and the like corresponding to the first content. As shown in (3 a) of fig. 3, the moving direction of the first content 302 is upward.

According to the preset model, the first content is determined as an object in the preset model, and other page contents (such as other contents except the first element in the current page) are determined as liquid levels in the preset model, so that the determined sliding speed and the determined sliding direction can be used as input of the preset model, and the preset model outputs the first motion form parameter of the first content.

After determining the first motion profile parameter of the first content, executing step S103 to dynamically display the display content according to the first motion profile parameter, which may specifically include S503 to S504:

S503, determining a first display style of the first content according to the first motion morphological parameter.

And determining a display style of the first content according to the moving direction and the moving speed included in the first movement form parameter of the first content, wherein the display style can be determined through different distortion angles, distortion coefficients and shadow effect coefficients. For example, the larger the sliding speed is, the larger the first content distortion deformation angle, the distortion deformation coefficient and the shadow effect coefficient are, the display style of the first content can be represented as the larger the front end distortion deformation degree is, the stronger the shadow effect is, the visual effect that the front end floats upwards and the rear end sinks is presented, and then the movement form that the object slides rapidly on the water surface and is acted by the water surface resistance is simulated.

As shown in fig. 3 (3 a), the display style of the first content 302 is the first display style, and the upper portion is distorted and deformed and shaded, so as to simulate the upward tilting movement effect of the object.

S504, displaying the first content according to the first display style, and moving the first content along the sliding direction.

The first content 301 is displayed in the first display style while sliding along the sliding direction and sliding speed corresponding to the first input until the first content is moved to the target position, completing the reordering of the list components.

To enhance the liveliness of the display content change in the list sorting process, referring to (3 a) in fig. 3, for example, the display content may further include a second content 303, the second content 303 may be other component elements in the list 301 except for the first element, and the display style of the second content 303 is a second display style, which is different from the first display style, for example, corresponds to the second display style, and the second content 303 has no distortion and shading.

In this example, after receiving the sliding input of the user and determining the display style of the first content through steps S101 to S102, step S103 may dynamically display the display content according to the first motion morphological parameter, and the method may further include steps S505 to S506:

S505. in case the first content is moved to the second content, the first content is changed from the first display style to the third display style and the second content is changed from the second display style to the fourth display style according to the first motion profile parameter.

Since the object objects slide on the water surface, if one object is passed over the other object, the object located above will float up while the object located below will sink under the buoyancy of the water and the force between the objects. Therefore, in this step, referring to (3 b) of fig. 3, when the first content 301 is moved to the second content 302, the first content 301 is changed from the first display style to the third display style and the second content 302 is changed from the second display style to the fourth display style according to the first motion style parameter, wherein the distortion angle, the distortion coefficient and the shadow effect coefficient corresponding to the third display style are smaller than the first display style and larger than the second display style, and the distortion angle corresponding to the third display style may be opposite to the fourth display style to simulate the dynamic effects of the floating of the first content and the sinking of the second content.

S506, after the first content passes through the second content, the first content is restored to the first display mode, and the second content is restored to the second display mode.

When the first content passes through the second content, the first content and the second content deform simultaneously, and the movement form of one object floating and the other object sinking when the object passes through the other object on the water surface is simulated. And restoring the respective display style after the first content passes through the second content.

Different content elements in the interface all have preset grid positions, if one content element is completely moved into one grid, the content element can stay at the grid positions, and if the content element is not completely moved into the grid, the movement is stopped, and the content element can return to the initial position before the movement.

Thus, in this example, after displaying the first content according to the first display style and moving the first content along the sliding direction at step S504, the method may further include:

s507, when the first content stops moving and does not move to the target position, the first content moves to an initial position, and the initial position is a position where the first content is located before moving along the sliding direction.

If the first content is stopped from moving without reaching the target position in the process of moving the first content in response to the first input, the first content is quickly returned to the initial position.

S508, dynamically displaying the first content which is alternately enlarged and reduced according to the first motion morphological parameters within a second time period when the first content returns to the initial position.

And dynamically displaying the first content which is alternately amplified and reduced according to the first motion morphological parameter within a second time period when the first content returns to the initial position, and forming a rebound animation of alternately amplified and reduced of the first content. The rebound coefficient of the rebound animation is related to the moving distance of the first content, the larger the moving distance of the first content is, the larger the amplitude of the first content which is alternately enlarged and reduced after the first content stops moving and returns to the initial position is, namely the larger the rebound coefficient of the rebound animation is, so that the motion form of inertial floating when an object quickly slides to a certain position on the water surface is simulated, and the user has better sequencing operation experience in a list sequencing scene.

The display method of the embodiment of the application can be applied to ordering of desktop icons. In the ordering process of the desktop icons, the movement form of the object moving on the liquid level is simulated through the movement form change of the desktop icons and other icons.

In this example, as shown in (4 a) of fig. 4, the first content 401 may be a second icon, and the display content may further include a third icon (second content) 402. The first input may be a slide input, among the first inputs received to the second icon 401 through step S101.

Correspondingly, step S102, in response to the first input, determines a first motion profile parameter of the display content on the screen according to the preset model, and may specifically include steps S601 to S602:

S601, determining a sliding speed and a sliding direction corresponding to a first input;

S602, determining a first motion morphological parameter of the first content according to the sliding speed and the sliding direction.

The specific execution process of steps S601 to S602 is similar to that of steps S501 to S502, and will not be repeated here.

After determining the first motion profile parameter of the first content, executing step S103 to dynamically display the display content according to the first motion profile parameter may specifically include S603 to S604:

S603, determining a first display style of the first content according to the first motion morphological parameter;

S604, displaying the first content according to the first display style, and moving the first content along the sliding direction.

Referring to fig. 4 (4 a) and (4 b), according to the moving direction and moving speed included in the first movement shape parameter of the second icon 401, the display style of the second icon 401 is determined, and the display style can be determined by different distortion angles, distortion coefficients and shadow effect coefficients, for example, the larger the sliding speed is, the larger the distortion angles, distortion coefficients and shadow effect coefficients are, the larger the distortion degree is, the stronger the shadow effect is, the visual effect that the front end floats upwards and the rear end sinks is presented, and the movement shape that the object slides rapidly on the water surface and is acted by the water surface resistance is simulated.

The specific execution process of steps S603 to S604 is similar to that of steps S503 to S504, and will not be repeated here.

To enhance the liveliness of the display content change in the desktop icon sorting process, referring to (4 c) in fig. 4, for example, the display content may further include a third icon 402, the third icon 402 may be the third icon described above, and the display style of the third icon 402 is a second display style, where the second display style is different from the first display style.

In this example, after receiving the sliding input of the user and determining the display style of the first content through steps S101 to S102, step S103 may further include dynamically displaying the display content according to the first motion morphological parameter:

S605. in case the first content is moved to the second content, the first content is changed from the first display style to the third display style and the second content is changed from the second display style to the fourth display style according to the first motion profile parameter.

Referring to fig. 4 (4 b) and (4 c), in the case that the second icon 401 moves downward to pass through the third icon 402, a third display style of the second icon 401 and a fourth display style of the second content are determined according to the first motion morphological parameter, wherein the distortion angle, the distortion coefficient and the shadow effect coefficient corresponding to the third display style are smaller than the first display style and larger than the second display style, and simultaneously the distortion angle corresponding to the third display style may be opposite to the fourth display style so as to simulate the effects of floating of the first content and sinking of the second content.

S606, after the first content passes through the second content, the first content is restored to the first display mode, and the second interface content is restored to the second display mode.

As shown in fig. 4 (4 b), when the second icon 401 passes down the third icon 402, the second icon and the third icon are deformed at the same time, so as to simulate the movement pattern that one object floats up and the other object sinks when the water surface passes over the other object. As shown in (4 c) of fig. 4, after the second icon 401 passes through the third icon 402, the respective display styles before the second icon 401 passes through the third icon 402 are restored.

Finally, different content elements have preset grid positions, if a desktop icon is completely moved into a grid, the desktop icon can stay at the grid position, and if the desktop icon is not completely moved into the grid, the movement is stopped, and the icon can return to the initial position before the movement.

Thus, in this example, after displaying the first content according to the first display style and moving the first content along the sliding direction at step S604, the method may further include:

S607, under the condition that the first content stops moving and does not move to the target position, the first content moves to an initial position, and the initial position is the position where the first content is positioned before moving along the sliding direction;

and S608, dynamically displaying the first content which is alternately enlarged and reduced according to the first motion morphological parameter within a second time period when the first content returns to the initial position.

And in a second period of time when the second icon 401 returns to the initial position, dynamically displaying the second icon 402 which is alternately enlarged and reduced according to the first motion form parameter to form a rebound animation which is alternately enlarged and reduced by the second icon 402, wherein the rebound animation coefficient is related to the moving distance of the second icon 402, and after stopping moving to return to the initial position, the larger the moving distance of the second icon 402 is, namely, the larger the rebound coefficient of the rebound animation is, then simulating the motion form of inertial floating when an object quickly slides to a certain position on the water surface, so that the ordering operation experience of a user in a desktop icon ordering scene is better.

It should be noted that, in the display method provided by the embodiment of the present application, the execution body may be a display device, or a control module for executing the display method in the display device. In the embodiment of the present application, a display device executing a display method is taken as an example, and the display device provided in the embodiment of the present application is described.

Fig. 5 shows a schematic structural diagram of a display device according to an embodiment of the present application. As shown in fig. 5, the apparatus may include:

A first receiving module 501 for receiving a first input of first content displayed on a screen;

a determining module 502, configured to determine, in response to a first input, a first motion profile parameter of a display content on a screen according to a preset model, where the preset model is used to simulate a motion profile of an interaction when an object contacts a liquid surface, and the display content includes at least the first content;

and the display module 503 is configured to dynamically display the display content according to the first motion profile parameter.

And dynamically displaying the display content according to the first movement form parameter determined by the preset model, namely displaying the display content on a screen according to the operation form presented by the first movement form parameter so as to simulate the physical and dynamic effects when the object contacts the liquid level.

According to the embodiment of the application, the first motion form parameter of the display content on the screen can be determined according to the preset model by receiving the first input of the first content displayed on the screen, then the display content is dynamically displayed according to the first motion form parameter, and further the displayed display content can show the dynamic effect of the interaction motion form when the object is contacted with the liquid level, so that the interaction picture between the user and the screen of the electronic equipment is more vivid, and the user operation experience is improved.

Optionally, the device of the embodiment of the present application is applied to a scene of exiting an application program, the first content is a first application page, the display content further includes desktop content disposed on a desktop, and the first input received by the first receiving module 501 is a sliding input.

Correspondingly, the determining module 502 may specifically include:

A first determining submodule 5021 for determining the first application page as the object in the preset model and the desktop content as the liquid level in the preset model in response to the first input, and

The second determining submodule 5022 is used for determining the motion morphological parameters of the first application page and the operation morphological parameters of the desktop content according to a preset model;

the third determining submodule 5023 determines the motion morphological parameter of the first application page and the motion morphological parameter of the desktop content as the first motion morphological parameter.

After receiving the sliding input, determining a first application page as an object in a preset model through the preset model, determining desktop content as a liquid level in the preset model, and determining a motion form parameter of the first application page and an operation form parameter of the desktop content, so that the first application page and the desktop content are respectively changed according to the corresponding operation form parameters, and further simulating the dynamic effect that the object falls into the liquid level.

Alternatively, the desktop content may include a first icon and a second content. The first determining submodule 5021 is specifically configured to:

And determining a first reduced form parameter of the first application page according to the preset model. The first zoom-out morphology parameter includes a first speed and a first size of a corresponding page zoom-out. In some examples, the first speed may also be gradually increased according to a preset value.

Optionally, the desktop content may include a first icon and a second content, where the first icon is an application icon corresponding to the first application page, and the second content may include all content elements on the desktop, such as a desktop background, other application icons, a pendant, a dock column, and the like, except for the first icon.

Optionally, the display module 503 may include:

a first zoom-out sub-module 5031 for zooming out and displaying a first application page according to a first speed, wherein the first speed is continuously increased until the first application interface is zoomed out to the first size;

a first magnifying sub-module 5032 for magnifying and displaying the second content according to the second speed while the first application page is reduced;

A first display sub-module 5033, configured to hide the first application page after shrinking to the first size, and display a first icon on the desktop under the condition that the first application page is hidden;

a second zoom-in sub-module 5034 for zooming in the first icon to a second size and zooming out the second content to the third size for a first duration of displaying the first icon;

The second display sub-module 5035 is configured to display the alternately enlarged and reduced first icon according to the magnitude and frequency of the alternate zoom in and out in a second duration when the first icon is enlarged to a second size.

The first application page is reduced at a first speed which is gradually increased, that is, the first application page is reduced more and more rapidly, and the second content (such as a desktop background and a desktop icon which is currently displayed) is gradually enlarged at a certain speed, so that a relatively moving picture is formed between the first application page and the second content, and then a dynamic effect that a simulated object falls down to the water surface is displayed.

And the first application page is hidden after being reduced to the first size, the page is withdrawn, and a first icon is displayed on the desktop under the condition that the first application page is hidden. And in the first time period for displaying the first icon, the first icon is enlarged, the second content is reduced, the first icon and the second content form a form change of relative motion, and the dynamic effect that the object floats up from the lower surface of the liquid is simulated. Under the condition that the first icon is enlarged to the second size, the first icon is enlarged and reduced alternately according to the determined amplitude and frequency of the alternate zooming, a rebound animation of the alternate enlargement and reduction of the first icon is formed, and the dynamic effect that the object floats to the water surface and then falls back and floats to sink under inertia is simulated.

Alternatively, the device of the embodiment of the application can be applied to scenes with ordered lists and scenes with shifted positions of desktop icons in the interface.

In this example, the first input received by the first receiving module 501 is a sliding input, and the determining module 502 may include:

a fourth determining submodule 5023, configured to determine a sliding speed and a sliding direction corresponding to the first input;

A fifth determining submodule 5024, configured to determine a first movement shape parameter of the first content according to the sliding speed, the sliding direction and a preset model;

the display module 503 specifically includes:

A sixth determining submodule 5036 for determining a first display style of the first content according to the first motion morphological parameter;

The first moving submodule 5037 is configured to display the first content according to a first display style and move the first content along a sliding direction.

According to the moving direction and moving speed included in the first movement form parameters of the first content, determining a display style of the first content, wherein the display style can be determined through different distortion deformation angles, distortion deformation coefficients and shadow effect coefficients, for example, the larger the sliding speed is, the larger the distortion deformation angles, the distortion deformation coefficients and the shadow effect coefficients are, the larger the display style of the first content can be represented as the front-end distortion deformation degree is, the stronger the shadow effect is, the visual effect that the front end floats upwards and the rear end sinks is presented, and then the movement form that an object slides on the water surface rapidly and is acted by the water surface resistance is simulated.

To enhance the liveliness of the display content change in the list sorting process, the display content may further include a second content, wherein the second content may be another component element in the list except the first element, and the display style of the second content is a second display style, and the second display style is different from the first display style.

The display module 503 may specifically further include:

A change sub-module 5038 for changing the first content from the first display style to the third display style and the second content from the second display style to the fourth display style according to the first motion profile parameter in case the first content moves the second content;

And a restoration submodule 5039, configured to restore the first content to the first display style and restore the second content to the second display style after the first content passes through the second content.

Under the condition that the first content is moved to the second content, the first content is changed from a first display style to a third display style and the second content is changed from a second display style to a fourth display style according to the first motion form parameter, wherein the distortion deformation angle, the distortion deformation coefficient and the shadow effect coefficient corresponding to the third display style are smaller than those of the first display style and larger than those of the second display style, and meanwhile, the distortion deformation angle corresponding to the third display style can be opposite to those of the fourth display style so as to simulate the dynamic effects of floating of the first content and sinking of the second content.

Optionally, the display device 503 may further include:

a return sub-module 50311 for, in a case where the first content is stopped moving and does not move to the target position, moving the first content to an initial position, the initial position being a position where the first content was before not moving in the sliding direction;

And a third display sub-module 50312, configured to dynamically display, in a second period of time when the first content returns to the initial position, the first content that is alternately enlarged and reduced according to the first motion profile parameter.

If the first content is stopped from moving without reaching the target position in the process of moving the first content in response to the first input, the first content is quickly returned to the initial position. And in the second time period when the first content returns to the initial position, dynamically displaying the first content which is alternately amplified and reduced according to the first motion form parameter, wherein when the rebound animation of the first content which is alternately amplified and reduced is formed, the coefficient of the rebound animation is related to the moving distance of the first content, and after the moving distance of the first content is stopped, the moving distance returns to the initial position, the amplitude of the alternate amplification and reduction is larger, namely the rebound coefficient of the rebound animation is larger, so that the motion form of inertial floating when an analog object rapidly slides to a certain position on the water surface is simulated, and the user operation experience is better in a scene of list sorting or icon position moving (namely a desktop icon).

The embodiments of list sorting are also applicable to sorting of desktop icons, so that interestingness of desktop icon sorting is improved, and user operation experience is improved.

The display device in the embodiment of the application can be a device, and can also be a component, an integrated circuit or a chip in a terminal. The device may be a mobile electronic device or a non-mobile electronic device. By way of example, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), etc., and the non-mobile electronic device may be a server, a network attached storage (Network Attached Storage, NAS), a personal computer (personal computer, PC), a Television (TV), a teller machine, a self-service machine, etc., and the embodiments of the present application are not limited in particular.

The display device in the embodiment of the application may be a device having an operating system. The operating system may be an Android operating system, an ios operating system, or other possible operating systems, and the embodiment of the present application is not limited specifically.

The display device provided in the embodiment of the present application can implement each process implemented by the embodiments of the methods of fig. 1 to fig. 4, and in order to avoid repetition, a detailed description is omitted herein.

Fig. 6 shows a schematic hardware structure of an electronic device according to an embodiment of the present application.

Optionally, as shown in fig. 6, the embodiment of the present application further provides an electronic device 600, including a processor 601, a memory 602, and a program or an instruction stored in the memory 602 and capable of running on the processor 601, where the program or the instruction implements each process of the embodiment of the display method when executed by the processor 601, and the process can achieve the same technical effect, so that repetition is avoided, and no further description is given here.

The electronic device in the embodiment of the application includes the mobile electronic device and the non-mobile electronic device.

Fig. 7 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.

The electronic device 700 includes, but is not limited to, a radio frequency unit 701, a network module 702, an audio output unit 703, an input unit 704, a sensor 705, a display unit 706, a user input unit 707, an interface unit 708, a memory 709, and a processor 710.

Those skilled in the art will appreciate that the electronic device 700 may also include a power source (e.g., a battery) for powering the various components, which may be logically connected to the processor 110 by a power management system to perform functions such as managing charge, discharge, and power consumption by the power management system. The electronic device structure shown in fig. 7 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than shown, or may combine certain components, or may be arranged in different components, which are not described in detail herein.

Wherein the user input unit 707 is for receiving a first input of a first content displayed on the screen;

A processor 710 for determining a first motion profile parameter of a display content on a screen according to a predetermined model for simulating a motion profile of an object interacting upon contact with a liquid surface in response to the first input, the display content including at least the first content, and

Optionally, the first content is a first application page, and the display content further includes desktop content disposed on a desktop. The processor 710 is also configured to:

determining the first application page as the object in the preset model and the desktop content as the liquid level in the preset model in response to a first input, and

Determining the motion form parameters of the first application page and the operation form parameters of the desktop content according to a preset model;

And determining the motion form parameters of the first application page and the motion form parameters of the desktop content as the first motion form parameters.

In a scene of receiving the sliding input of a user to exit an application page, a series of operation modes of an object falling into a liquid level are simulated by enabling the first page application and the desktop content to generate relative motion modes, so that the user can present vivid and smooth dynamic effects by displaying the morphological change of the content in the operation of exiting the application page, and the user operation experience is improved.

Optionally, the first input is a sliding input, and the processor 710 is further configured to:

Determining a sliding speed and a sliding direction corresponding to the first input;

Determining a first motion morphological parameter of the first content according to the sliding speed, the sliding direction and the preset model;

Determining a first display style of the first content according to the first motion morphological parameter;

And displaying the first content according to the first display style, and moving the first content along the sliding direction.

The electronic equipment provided by the embodiment of the application can be further applied to scenes with list sorting and desktop icon position moving in an interface, the running form of sliding of an object on the water surface can be simulated by deforming the display content, for example, the front end of an image of the display content is subjected to certain-angle distortion deformation and shadow, the upward-tilting movement effect of the front end is presented, and the angle of the distortion deformation can be increased according to the increase of the sliding speed, so that the mobility of the simulated movement effect is improved.

It should be appreciated that in embodiments of the present application, the input unit 704 may include a graphics processor (Graphics Processing Unit, GPU) 7041 and a microphone 7042, with the graphics processor 7041 processing image data of still pictures or video obtained by an image capturing device (e.g., a camera) in a video capturing mode or an image capturing mode. The display unit 706 may include a display panel 7061, and the display panel 7061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 707 includes a touch panel 7071 and other input devices 7072. The touch panel 7071 is also referred to as a touch screen. The touch panel 7071 may include two parts, a touch detection device and a touch controller. Other input devices 7072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, and so forth, which are not described in detail herein. Memory 709 may be used to store software programs as well as various data including, but not limited to, application programs and an operating system. The processor 710 may integrate an application processor that primarily processes operating systems, user interfaces, applications, etc., with a modem processor that primarily processes wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 710.

The embodiment of the application also provides a readable storage medium, on which a program or an instruction is stored, which when executed by a processor, implements each process of the above-described embodiment of the display method, and can achieve the same technical effects, so that repetition is avoided, and no further description is given here.

Wherein the processor is a processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium such as a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk or an optical disk, and the like.

The embodiment of the application further provides a chip, which comprises a processor and a communication interface, wherein the communication interface is coupled with the processor, and the processor is used for running programs or instructions to realize the processes of the embodiment of the display method, and can achieve the same technical effects, so that repetition is avoided, and the description is omitted here.

It should be understood that the chips referred to in the embodiments of the present application may also be referred to as system-on-chip chips, chip systems, or system-on-chip chips, etc.

It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Furthermore, it should be noted that the scope of the methods and apparatus in the embodiments of the present application is not limited to performing the functions in the order shown or discussed, but may also include performing the functions in a substantially simultaneous manner or in an opposite order depending on the functions involved, e.g., the described methods may be performed in an order different from that described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a computer software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) comprising instructions for causing a terminal (which may be a mobile phone, a computer, a server, or a network device, etc.) to perform the method according to the embodiments of the present application.

The embodiments of the present application have been described above with reference to the accompanying drawings, but the present application is not limited to the above-described embodiments, which are merely illustrative and not restrictive, and many forms may be made by those having ordinary skill in the art without departing from the spirit of the present application and the scope of the claims, which are to be protected by the present application.

Claims

1. A display method, the method comprising:

receiving a first input of first content displayed on a screen, the first content being a first application page;

determining the first application page as an object in a preset model and determining desktop content as a liquid level in the preset model in response to the first input, wherein the preset model is used for simulating a movement form of interaction when the object is in contact with the liquid level;

Determining a first reduction form parameter of the first application page according to the preset model, wherein the first reduction form parameter comprises a first speed and a first size of the corresponding page reduction;

Determining an amplifying form parameter corresponding to a first icon in a first duration, a second reducing form parameter corresponding to a second content and an alternate scaling form parameter corresponding to the first icon in a second duration according to the preset model and the position of the corresponding desktop content on the desktop, wherein the amplifying form parameter comprises a second speed and a second size corresponding to the amplifying of the first icon, the second reducing form parameter comprises a third size corresponding to the shrinking of the second content, the alternate scaling form parameter comprises an amplitude and a frequency corresponding to the alternate scaling of the first icon, the desktop content comprises the first icon and the second content, and the first icon is an application icon corresponding to the first application page;

Determining the first reduced form parameter, the enlarged form parameter, the second reduced form parameter and the alternate scaled form parameter as first motion form parameters;

And dynamically displaying the first application page, the first icon and the second content according to the first motion morphological parameters.

2. The method of claim 1, wherein dynamically displaying the first application page, the first icon, and the second content according to the first motion profile parameter comprises:

displaying the first application page according to the first speed reduction, and continuously increasing the first speed until the first application page is reduced to the first size;

displaying the second content in an enlarged manner according to the second speed while the first application page is reduced;

The first application page is hidden after being reduced to the first size, and the first icon is displayed on the desktop under the condition that the first application page is hidden;

The first icon is enlarged to the second size and the second content is reduced to the third size within a first duration of displaying the first icon;

and displaying the alternately enlarged and reduced first icons according to the amplitude and the frequency of the alternate zoom in a second duration under the condition that the first icons are enlarged to a second size.

3. The method according to claim 1, wherein the method further comprises:

Receiving a second input of a third content displayed on the screen, the second input being a sliding input,

Determining a sliding speed and a sliding direction corresponding to the second input;

Determining a second motion profile parameter of the third content according to the sliding speed, the sliding direction and the preset model;

Determining a first display style of the third content according to the second motion morphological parameter;

And displaying the third content according to the first display style, and moving the third content along the sliding direction.

4. A method according to claim 3, characterized in that the method further comprises:

Determining a second motion morphological parameter of fourth content according to the sliding speed, the sliding direction and the preset model, wherein the display style of the fourth content is a second display style;

After said moving the third content along the sliding direction, the method comprises:

In a case where the third content is moved to the fourth content, changing the third content from a first display style to a third display style and the fourth content from the second display style to a fourth display style according to the second motion profile parameter;

After the third content passes through the fourth content, the third content is restored to the first display style, and the fourth content is restored to the second display style.

5. A method according to claim 3, wherein after said moving the third content along the sliding direction, the method comprises:

when the third content is stopped moving and does not move to the target position, the third content moves to an initial position, and the initial position is a position where the third content is not before moving along the sliding direction;

And dynamically displaying the third content which is alternately enlarged and reduced according to the second motion morphological parameters within a third time period when the third content returns to the initial position.

6. A display device, the device comprising:

the first receiving module is used for receiving a first input of first content displayed on a screen, wherein the first content is a first application page;

A first determining submodule, configured to determine, in response to the first input, the first application page as an object in a preset model, and determine desktop content as a liquid level in the preset model, where the preset model is used to simulate a motion form in which the object interacts when in contact with the liquid level;

The second determining submodule is used for determining a first reduced form parameter of the first application page according to the preset model, wherein the first reduced form parameter comprises a first speed and a first size of corresponding page reduction;

A third determining submodule, configured to determine the first reduced form parameter, the enlarged form parameter, the second reduced form parameter, and the alternate scaled form parameter as a first motion form parameter;

And the display module is used for dynamically displaying the first application page, the first icon and the second content according to the first motion morphological parameter.

7. An electronic device comprising a processor, a memory and a program or instruction stored on the memory and executable on the processor, which when executed by the processor, implements the steps of the display method of any of claims 1-5.

8. A computer readable storage medium, characterized in that the computer readable storage medium stores thereon a program or instructions, which when executed by a processor, implement the steps of the display method according to any of claims 1-5.