CN114138141A

CN114138141A - Display method and device and electronic equipment

Info

Publication number: CN114138141A
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: 2022-03-04

Abstract

The application discloses a display method, a display device and electronic equipment, and belongs to the technical field of computers. In an embodiment of the present application, a first input of first content displayed on a screen is received; responding to the first input, determining a first motion form parameter of display content on a screen according to a preset model, wherein the preset model is used for simulating a motion form of an object interacting with the liquid level when the object is in contact with the liquid level; and dynamically displaying the display content according to the first motion form parameter, wherein the displayed display content can present a dynamic effect of the motion form interacted when the simulation object is contacted with the liquid level.

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 and 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, and controls are generally provided through an interactive interface of a Desktop (Desktop) or an Application (App) of the electronic device, so that the user can perform a touch screen operation such as clicking, dragging, and the like on the interface contents, so that the electronic device executes a corresponding function. However, in the interaction process, after the electronic device receives the touch screen operation, a common linear animation effect is displayed through a two-dimensional plane, for example, a click operation on a desktop icon is received, and the electronic device directly opens a corresponding App interface from one side or the center of a screen. The cured display effect is lack of vividness, and the operation experience of a user is poor.

Disclosure of Invention

The embodiment of the application aims to provide a display method, a display device and electronic equipment, and the problem that the display effect of interactive interface content is lack of vividness can be solved.

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

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

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

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

In a second aspect, an embodiment of the present application provides a display device, 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 a first input and determining a first motion form parameter of display content on a screen according to a preset model, the preset model is used for simulating a motion form of an object interacting with a liquid level when the object is in contact 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 motion form parameter.

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

In a fourth aspect, embodiments of the present application provide a readable storage medium, on which a program or instructions are stored, which when executed by a processor implement 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 the processor is configured to execute a program or instructions to implement the method according to the first aspect.

In an embodiment of the present application, a first input of first content displayed on a screen is received; responding to the first input, determining a first motion form parameter of display content on a screen according to a preset model, wherein the preset model is used for simulating a motion form of an object interacting with the liquid level when the object is in contact with the liquid level; according to the first motion form parameter, the display content is dynamically displayed, and then the displayed display content can present the dynamic effect of the motion form of interaction when the object is in contact with the liquid level, so that the interactive picture of the user and the screen of the electronic equipment is more vivid, and the operation experience of the user is improved.

Drawings

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

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

fig. 3 (3a) is a schematic diagram of displaying a first content in another specific example of the present application, and (3b) is a schematic diagram of displaying the first content when the first content passes through a second content;

fig. 4 (4a) is a schematic diagram of displaying a first content in yet another specific example of the present application, (4b) is a schematic diagram of displaying the first content when the first content passes through a second content, and (4c) is a schematic diagram of displaying the first content after the second content passes through the first content;

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

FIG. 6 is a diagram illustrating a hardware configuration of an electronic device according to still another embodiment of the present 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 in the embodiments of the present application will be described clearly below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments that can be derived by one of ordinary skill in the art from the embodiments given herein are intended to be within the scope of the present disclosure.

The terms first, second and the like in the description and in the claims of the present application are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that embodiments of the application may be practiced in sequences other than those illustrated or described herein, and that the terms "first," "second," and the like are generally used herein in a generic sense and do not limit the number of terms, e.g., the first term can be one or more than one. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.

The display method, the display device, and the electronic device provided by the embodiments of the present application are described in detail below with reference to the accompanying drawings through specific embodiments and application scenarios thereof.

Fig. 1 shows a flowchart of an interface content display method provided in an embodiment of the present application. As shown in fig. 1, the method includes steps S101 to S103:

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

The first content is content displayed in the screen area, the first content may be interface elements, and the interface elements may include icons, windows, controls, bars, and the like; alternatively, the first content may be an Application page of an Application program (App, abbreviated as "Application").

The first input may be a click input of a user on a screen, or a voice instruction input by the user, or a specific gesture or an air gap gesture input by the user, which may be determined according to actual usage requirements, and this embodiment does not limit this.

The click input can be single click input, double click input or click input of any number of times, and can also be long-press input or 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, and a rotate gesture.

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

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

The preset model is used for simulating the motion form of interaction when the object is in contact with the liquid level, so that the display content in the screen can show the physical dynamic effect when the object is in contact with the liquid level based on the preset model. The motion forms of the object interacting when contacting the liquid level may include motion forms of the object sinking, floating relative to the liquid level, and the object sliding on the liquid level, and the physical action presented by the display content based on the preset model may be represented as a form displayed after the display content is reduced, enlarged, alternately zoomed, or deformed.

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 data of a moving speed, a moving direction, a moving position, and the like of the first content, and the output of the preset model is a corresponding operating form parameter. And after the preset model carries out data processing according to the input data, the obtained corresponding output is reflected to an electronic equipment interface, and the change effect of the first content which is dynamically displayed is generated.

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

And S103, dynamically displaying the display content according to the first motion form parameter.

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

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

For example, the display method of the embodiment of the application can be applied to a scene of exiting an application program, and in the process of exiting the application program, a dynamic effect that an object falls on a liquid level is simulated through the movement form change of an application program page and other display contents, so that in the process of exiting the application program, screen display contents generate a more smooth and vivid visual effect.

In this example, the first content may be a first application page, the first application page is a page of an application program, the display content on the screen further includes desktop content set on the desktop, and the desktop content may include a desktop background, an application icon, a pendant, a Dock bar, and the like. As shown in (2a) in fig. 2, in the case that the first application page 201 is displayed in the screen area of the electronic device 200, a first input to the first application page 201 is received through step S101, and the step of subsequently exiting the first application page 201 is triggered.

The method of the embodiment of the present application will be described below by taking the first input as a slide input.

After the electronic device 200 receives a sliding input from a user, the step S102 determines, in response to the first input, a first motion form parameter of display content on the screen according to a 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 (2b) in fig. 2, after receiving the sliding input, determining the first application page 201 as an object in the preset model through the preset model, determining the desktop content 202 as a liquid level in the preset model, and determining the motion form parameter of the first application page and the operation form parameter of the desktop content, so that the first application page 201 and the desktop content (such as the desktop background) 202 change according to the corresponding operation form parameters, thereby simulating the dynamic effect that the object falls into the liquid level.

In the process that the object falls into the liquid surface (for example, water surface), the object falls into the water surface under the action of gravity acceleration, and the operation configuration generally includes: the object falls to the water surface, floats upwards after sinking for a certain distance from the water surface, and also floats upwards and downwards after floating to the water surface. Therefore, in this example, the motion profile of the object falling to the water surface and sinking can be simulated by zooming out the first application page 201 relative to the desktop content 202 according to the preset model; the first application page 201 disappears after being reduced to a certain size, and then a corresponding application icon is displayed in the desktop area, and the application icon is enlarged relative to other desktop contents, so that the motion form of an object floating from the water surface is simulated; the application icon enlarged to a certain size is displayed as a rebound animation which is alternately enlarged and reduced in a certain amplitude and frequency within a period of time, and the motion state that the object floats up and down due to inertia after floating up to the water surface is simulated.

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

determining a first reduction form parameter of a first application page according to a preset model; the first reduction profile parameters include 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 the preset model and the position of the corresponding desktop content on the desktop, determining an amplification form parameter corresponding to the first icon in a first time length, a second reduction form parameter corresponding to the second content and an alternate scaling form parameter corresponding to the first icon in a second time length, wherein the amplification form parameter comprises a second speed and a second size for amplifying the corresponding first icon, the second reduction form parameter comprises a third speed and a third size for reducing the corresponding second content, and the alternate scaling form parameter comprises an amplitude and a frequency for alternately scaling the corresponding first icon.

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

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

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

Correspondingly, in one example, simulating, by the first application page, the first icon and the second content, in triggering the closing process of the first application page: the first application page is gradually reduced from slow to fast to a certain size and then is hidden; then displaying a first icon with a smaller size, wherein the first icon is gradually enlarged and the second content is gradually reduced within a first time period; and in the second time period, the first icon is alternately enlarged and reduced until the second icon is static.

Therefore, the magnification form parameter corresponding to the first icon in the first time period may include a second speed and a second size corresponding to the magnification of the first icon, and the second reduction form parameter corresponding to the second content in the first time period includes a third speed and a third size corresponding to the reduction of the second content, where values of the second speed and the third speed may be equal or unequal.

The alternate scaling modality parameters include a magnitude and a frequency of the alternate scaling corresponding to the first icon.

In some examples, the amplitude and frequency of the alternating scaling of the second content may also be included in the alternating scaling modality parameters. The alternating zooming amplitude of the first icon may be equal to the alternating zooming amplitude of the second content, and the alternating zooming frequency of the first icon may be equal to the alternating zooming frequency of the second content, but the alternating zooming of the first icon is opposite to the alternating zooming of 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.

For example, the zooming-out modality parameter and the alternate zooming modality parameter of the first icon may also be determined according to the position of the first icon in the desktop and the speed of the sliding input. The position of the first icon in the desktop is closer to the upper side and/or the sliding input speed is higher, the corresponding second size is smaller, the alternate scaling amplitude and the frequency are larger, on the contrary, the position of the first icon in the desktop is closer to the lower side and/or the sliding input speed is lower, the corresponding second size is larger, the alternate scaling amplitude and the frequency are smaller, wherein the upper and lower positions of the desktop refer to that the forward display direction of the desktop content is up when the desktop icon and the characters are displayed in the forward direction, and the reverse direction is down.

It should be understood that the alternate zooming state may be displayed as a springback animation (spring), the larger the alternate zooming amplitude is, that is, the larger the springback coefficient of the springback animation is, in one example, the springback coefficient of the icons of different position height 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 received sliding input speed is equal. Under the condition that the heights of the icon positions are the same, the rebound coefficient of the icons in the uniform height layer can be in the interval of [0.5, 1] according to the sliding input speed from large to small.

Taking the desktop diagrams shown in (2c) and (2d) of fig. 2 as an example, the "photo" application icon 2021, the "camera" application icon 2022, and the "news" application icon 2023 are located on the upper layer of the "electronic book" application icon 2024, the "setting" application icon 2025, and the "calendar" application icon 2026, and the "dial" application icon 2027, the "news book" application icon 2028, and the "short message" application icon 2029 are located on the lower layer of the desktop 203. In the case where the received slide input speed is equal, the second size value corresponding to the "photo" app icon 2021 is smaller than the second size value corresponding to the "set" app icon 2025, and the alternating zoom amplitude and frequency corresponding to the "photo" app icon 2021 is larger than the alternating zoom amplitude and frequency corresponding to the "set" app icon 2025. Therefore, the running form that the object with higher height falls in water and has larger sinking distance and larger up-down floating amplitude after floating can be simulated, and a more vivid and vivid dynamic visual effect is further displayed.

After the motion form parameters of the first application page and other desktop contents are determined through the steps S301 to S302, the step S303 is executed, the motion form parameters and the motion form parameters are determined as first motion form parameters, and the subsequent first application page and the corresponding desktop contents are dynamically displayed according to the first motion form parameters.

For example, after obtaining the first motion form parameter through S301 to S303, step S103. according to the first motion form parameter, dynamically displaying the display content may specifically include:

s401, displaying a first application page in a reduced mode according to first speed, and continuously increasing the first speed until the first application interface is reduced to the first size;

s402, magnifying and displaying second content according to a second speed while the first application page is reduced.

Since the object falls into the water surface under the action of gravity, the falling speed is continuously increased, and as shown in (2a), (2b) and (2c) of fig. 2, the first application page is reduced at a first speed which is gradually increased, that is, the first application page is reduced at an increasingly faster speed, and simultaneously the second content (such as the desktop background and the currently displayed desktop icon) is gradually enlarged at the first speed or at a suitable speed, so that a relatively moving picture is formed between the first application page and the second content, and then a dynamic effect of simulating the object falling to the water surface is presented.

Illustratively, the desktop background may be a three-dimensional view, such as rendering the desktop background with a 3D image effect simulating a water surface, or with dynamic water marks, icon reflections, and so on, to increase the realism of the visual effect.

S403, the first application page is hidden after being reduced to the first size, and in the case that the first application page is hidden, the first icon is displayed on the desktop.

For example, in 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 application page is shrunk to the first size, and then the first application page is hidden.

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 until the first application page is increased to the first size as described in step S401, and the page continues to shrink in a short time after being shrunk to the first size, and the speed of shrinking is gradually decreased until the page is shrunk to a smaller size than the first size and then is hidden, so that the visual effect that the object is subjected to underwater resistance and the sinking speed is reduced after falling onto the water surface in an accelerated manner can be simulated.

As shown in (2c) and (2d) of fig. 2, the first application page 201 disappears after being reduced to the first size, the page 201 exits, and in the case where the first application page 201 disappears, the first icon 2021 is displayed on the desktop 203.

It should be appreciated that in the case of the first application page 201 being displayed, 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 other icons on the desktop (refer to (2d) in fig. 2) to simulate the dynamic effect of the presentation object sinking below the liquid level.

S404, within 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 (2d) and (2e) in fig. 2, in a first time period for displaying the first icon 2021, the first icon 2021 is enlarged while the second content is reduced, and the first icon 2021 and the second content form a morphological change of relative motion to simulate a dynamic effect of an object floating from below the liquid surface.

S405, under the condition that the first icon is enlarged to the second size, displaying the first icon which is alternately enlarged and reduced according to the amplitude and the frequency of alternate scaling in the second time length.

Referring to (2e) and (2f) in fig. 2, when the first icon 2021 is enlarged to the second size, the first icon 2021 is displayed in an alternately enlarged and reduced manner according to the above-determined magnitude and frequency of the alternate scaling, and a rebound animation in which the first icon 2021 is alternately enlarged and reduced is formed, thereby simulating the effect of the object falling and sinking due to inertia after floating to the water surface.

In the example, in a scene that a user slides and inputs to exit an application page, a series of running forms of objects falling into the liquid level are simulated through a relative motion form generated by the first page application and the desktop content, so that the user presents vivid and smooth dynamic effects through form changes of the displayed content in the operation of exiting the application page, and the operation experience of the user is improved.

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

For example, the method of the embodiment of the present application may also be applied to a scenario of list sorting in an interface. As shown in fig. 3 (3a), the list ordering may be an adjustment of the layout of elements by moving the elements (302,303) in the list 301. In the process of sorting the list, the dynamic effect of the object sliding on the water surface is simulated through the form change among elements in the interface.

When the object slides on the water surface, the object is subjected to the resistance of the water surface by taking the sliding direction as the front, the front end part of the object is subjected to the large resistance of the water surface and can rise and float, and correspondingly, the rear end part of the object can sink relatively. Therefore, in this example, the operation form of the object sliding on the water surface can be simulated by deforming the display content, for example, the front end of the image of the display content is subjected to distortion deformation and shading at a certain angle, so as to present the dynamic effect of the front end tilting, and the angle of the distortion deformation can be increased according to the increase of the sliding speed, so as to improve the vividness of the simulated dynamic effect.

In this example, referring to (3a) in 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 the screen area of the electronic device 300, the first input may be a slide input in receiving the first input to the first content through step S101.

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

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

And determining the sliding speed and 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 and the sliding direction and the preset model.

The first kinetic configuration parameters of the first content 301 may include a moving direction and a moving speed of the corresponding first content, and the like. As shown in (3a) 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 can be included) are determined as the liquid level in the preset model, so that the determined sliding speed and the sliding direction can be used as the input of the preset model, and the first motion form parameter of the first content is output by the preset model.

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

s503, determining a first display style of the first content according to the first motion form parameter.

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

The display style of the first content 302 is a first display style as shown in (3a) of fig. 3, and the upper part is distorted and shaded to simulate the upwarping animation 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 the 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 improve vividness of display content change in the list sorting process, for example, referring to (3a) in fig. 3, the display content may further include second content 303, the second content 303 may be other component elements in the list 301 except for the first element, and a display style of the second content 303 is a second display style different from the first display style, for example, corresponding to the second display style, and the second content 303 has no deformation and shading.

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

and S505, in the case that the first content is moved to the second content, changing the first content from the first display mode to a third display mode and changing the second content from the second display mode to a fourth display mode according to the first motion form parameter.

When the object objects slide on the water surface, if one object is above another object, the object above the object will float upward and the object below the object will sink downward due to the buoyancy of water and the acting force between the objects. Therefore, in this step, referring to (3b) in fig. 3, when the first content 301 moves to the second content 302, according to the first motion state parameter, 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, wherein a distortion deformation angle, a distortion deformation coefficient, and a shadow effect coefficient corresponding to the third display style are all smaller than the first display style and are all larger than the second display style, and simultaneously, the distortion deformation angle corresponding to the third display style may be opposite to the fourth display style, so as to simulate the motion effect of the first content rising and the second content falling.

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 are deformed at the same time, and the motion form that one object floats upwards and the other object sinks downwards when the object passes through the other object on the water surface is simulated. And restoring the respective display styles after the first content passes through the second content.

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

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

and S507, under the condition that the first content stops moving and is not moved to the target position, the first content moves to the initial position, wherein the initial position is the position where the first content is located before moving along the sliding direction.

If the first content does not reach the target position in the process of moving the first content in response to the first input, the movement is stopped, and the first content is quickly returned to the initial position.

And S508, dynamically displaying the first content which is alternately amplified and reduced within a second time length when the first content returns to the initial position according to the first motion form parameter.

And dynamically displaying the first content which is alternately amplified and reduced according to the first motion form parameter within a second time length when the first content returns to the initial position, and forming the rebound animation in which the first content is alternately amplified and reduced. 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 alternate amplification and reduction of the first content is after the movement is stopped and the initial position is returned, namely the larger the rebound coefficient of the rebound animation is, so that the motion form of the simulation object subjected to inertial floating when the simulation object rapidly slides to a certain position on the water surface is realized, and the sequencing operation experience is better in the list sequencing scene of the user.

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

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

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

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

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

The specific execution process of S601 to S602 is similar to that of S501 to S502, and is not described herein again.

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

s603, determining a first display style of the first content according to the first motion form parameter;

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

Referring to (4a) and (4b) in fig. 4, according to the moving direction and the moving speed included by the first motion form 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 deformation angles, distortion deformation coefficients and shadow effect coefficients, for example, the larger the sliding speed is, the larger the distortion deformation angle, the distortion deformation coefficient and the shadow effect coefficient are, the larger the display style of the second icon 401 shows that the larger the distortion deformation degree of the front end is, the stronger the shadow effect is, the visual effect that the front end floats and upwarps and the rear end sinks is presented, and then the motion form that the object slides rapidly on the water surface and is subjected to the water surface resistance is simulated.

The specific execution process of S603 to S604 is similar to that of S503 to S504, and is not described here again.

To improve the vividness of the display content change in the desktop icon sorting process, for example, as shown in (4c) in fig. 4, the display content may further include a third icon 402, the third icon 402 may be the third icon, and the display style of the third icon 402 is a second display style, which is different from the first display style.

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

s605, under the condition that the first content is moved to the second content, the first content is changed from the first display mode to the third display mode, and the second content is changed from the second display mode to the fourth display mode according to the first motion form parameter.

Referring to (4b) and (4c) in fig. 4, when the second icon 401 moves downward to pass through the third icon 402, according to the first motion state parameter, the third display style of the second icon 401 and the fourth display style of the second content are determined, where a distortion deformation angle, a distortion deformation coefficient, and a shadow effect coefficient corresponding to the third display style are all smaller than the first display style and are all larger than the second display style, and meanwhile, the distortion deformation angle corresponding to the third display style may be opposite to the fourth display style, so as to simulate the motion effect of the first content floating up and the second content sinking down.

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

As shown in fig. 4 (4b), when the second icon 401 passes through the third icon 402 downwards, the second icon and the third icon are deformed at the same time, and a motion form that one object floats upwards and the other object sinks downwards when the object passes through the other object on the water surface is simulated. As shown in fig. 4 (4c), after the second icon 401 passes through the third icon 402, the respective display styles of the second icon 401 before passing through the third icon 402 are restored.

And finally, different content elements in the network have preset grid positions, if one desktop icon is completely moved into one 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 desktop icon returns to the initial position before the movement.

In this example, therefore, after the step S604 of displaying the first content according to the first display style and moving the first content along the sliding direction, 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 the initial position, and the initial position is the position where the first content does not move along the sliding direction;

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

And within a second time length 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, and forming a rebound animation in which the second icon 402 is alternately enlarged and reduced, wherein the coefficient of the rebound animation is related to the moving distance of the second icon 402, the larger the moving distance of the second icon 402 is, the larger the amplitude of the alternate enlargement and reduction of the second icon 402 is after the movement is stopped and the movement is returned to the initial position is, namely, the larger the rebound coefficient of the rebound animation is, and then simulating the motion form of the object which is subjected to inertial floating when the object quickly slides to a certain position on the water surface, so that the user has better sequencing operation experience in a desktop icon sequencing scene.

In the display method provided in the embodiment of the present application, the execution main 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 provided in 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 form parameter of display content on a screen according to a preset model, where the preset model is used to simulate a motion form of an object interacting when the object is in contact with a liquid level, and the display content at least includes first content;

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

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

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

Optionally, the apparatus of the embodiment of the present application is applied to a scene in which an application program exits, the first content is a first application page, and the display content further includes desktop content set on a desktop; the first input received by the first receiving module 501 is a slide input.

Correspondingly, the determining module 502 may specifically include:

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

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

the third determining sub-module 5023 determines the motion shape parameters of the first application page and the motion shape parameters of the desktop content as the first motion shape parameters.

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

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

and determining a first reduction form parameter of the first application page according to a preset model. The first reduction profile parameters include a first speed and a first size corresponding to the reduction of the page. 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, such as a desktop background, other application icons, a pendant, and a dock bar, on the desktop except the first icon.

Optionally, the display module 503 may include:

a first reducing submodule 5031, configured to reduce and display the first application page according to a first speed, and continuously increase the first speed until the first application interface reduces to the first size;

a first enlarging sub-module 5032 configured to enlarge and display 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 being reduced to the first size, and to display a first icon on the desktop if the first application page is hidden;

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

a second display sub-module 5035 for displaying the first icon alternately enlarged and reduced according to the magnitude and frequency of the alternate scaling in the second time period when the first icon is enlarged to the second size.

Illustratively, the first application page is reduced at a first increasing speed, that is, the first application page is reduced at an increasing speed, and simultaneously the second content (such as the desktop background and the currently displayed desktop icon) 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 of the simulated object falling to the water surface is presented.

And when the first application page is hidden, displaying the first icon on the desktop. And in a first time period for displaying the first icon, the first icon is enlarged while the second content is reduced, the first icon and the second content form the form change of relative motion, and the floating effect of the object floating from the liquid level is simulated. And under the condition that the first icon is enlarged to the second size, alternately enlarging and reducing the first icon according to the determined amplitude and frequency of the alternate scaling to form a rebound animation in which the first icon is alternately enlarged and reduced, and simulating the moving effect that the object is subjected to inertia to fall, float and sink after floating to the water surface.

Optionally, the apparatus in the embodiment of the present application may be applied to a scene sorted by a list in an interface and a scene where a position of a desktop icon moves.

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

the fourth determining submodule 5023 is used for determining the sliding speed and the sliding direction corresponding to the first input;

a fifth determining submodule 5024, configured to determine a first motion form 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 sub-module 5036, configured to determine a first display style of the first content according to the first motion shape parameter;

a first moving sub-module 5037 configured to display the first content according to the first display style and move the first content along the sliding direction.

The display style of the first content is determined according to the moving direction and the moving speed included by the first motion form parameter of the first content, and 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 angle, the distortion deformation coefficient and the shadow effect coefficient are, the larger the distortion deformation degree of the front end is, the stronger the shadow effect is, the visual effect that the front end floats and upwarps and the rear end sinks is presented, and then the motion form that the object slides quickly on the water surface and is subjected to the effect of water surface resistance is simulated.

To improve vividness of display content change in the list sorting process, the display content may further include second content, the second content may be other component elements in the list except the first element, and a display style of the second content is a second display style, which is different from the first display style.

The display module 503 may further include:

a variation sub-module 5038 configured to, in a case where the first content moves the second content, vary the first content from the first display style to a third display style and vary the second content from the second display style to a fourth display style according to the first motion shape parameter;

a restoring sub-module 5039 for restoring the first content to the first display mode and restoring the second content to the second display mode 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 the first display mode to a third display mode and the second content is changed from the second display mode to a fourth display mode according to the first motion form parameter, wherein a distortion deformation angle, a distortion deformation coefficient and a shadow effect coefficient corresponding to the third display mode are smaller than the first display mode and larger than the second display mode, and simultaneously, the distortion deformation angle corresponding to the third display mode can be opposite to the fourth display mode so as to simulate the motion effect of the first content rising and the second content sinking.

Optionally, the display device 503 may further include:

a returning sub-module 50311 configured to, in a case where the first content has stopped moving and has not moved to the target position, move the first content to an initial position, where the initial position is a position where the first content was located before moving in the sliding direction;

the third display sub-module 50312 is configured to dynamically display the first content that is alternately enlarged and reduced according to the first motion shape parameter within a second duration when the first content returns to the initial position.

If the first content does not reach the target position in the process of moving the first content in response to the first input, the movement is stopped, and the first content is quickly returned to the initial position. And dynamically displaying the first content which is alternately amplified and reduced within a second time length when the first content returns to the initial position according to the first motion form parameter, wherein when a rebound animation in which the first content is alternately amplified and reduced is formed, the 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 alternate amplification and reduction is after the movement is stopped and the initial position is returned, namely the larger the rebound coefficient of the rebound animation is, so that the motion form of inertial floating when the simulation object quickly slides to a certain position on the water surface is realized, and the user operation experience is better in a list sequencing or icon position moving (namely desktop icon) scene.

Illustratively, the above embodiments of list sorting are also applicable to sorting of desktop icons, so as to increase the interestingness of desktop icon sorting and improve the operation experience of users.

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

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

The display device provided in the embodiment of the present application can implement each process implemented by the method embodiments of fig. 1 to fig. 4, and is not described herein again to avoid repetition.

Fig. 6 shows a hardware structure diagram of an electronic device provided in an embodiment of the present application.

Optionally, as shown in fig. 6, an electronic device 600 is further provided in this embodiment of the present application, and includes a processor 601, a memory 602, and a program or an instruction stored in the memory 602 and capable of being executed on the processor 601, where the program or the instruction is executed by the processor 601 to implement each process of the display method embodiment, and can achieve the same technical effect, and no further description is provided here to avoid repetition.

It should be noted that the electronic device in the embodiment of the present application includes the mobile electronic device and the non-mobile electronic device described above.

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 further include a power source (e.g., a battery) for supplying power to various components, and the power source may be logically connected to the processor 110 via a power management system, so as to implement functions of managing charging, discharging, and power consumption via 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 those shown, or combine some components, or arrange different components, and thus, the description is omitted here.

Wherein the user input unit 707 is used to receive a first input to first content displayed on the screen;

a processor 710, configured to determine, in response to the first input, a first motion shape parameter of display content on a screen according to a preset model, where the preset model is used to simulate a motion shape of an object interacting when the object is in contact with a liquid level, and the display content at least includes the first content; and

Optionally, the first content is a first application page, and the display content further includes desktop content set on a desktop. Processor 710 is further configured to:

in response 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; 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 that a user slides and inputs to exit an application page, a series of running forms of objects falling into a liquid level are simulated by enabling a first page application and desktop contents to generate a relative motion form, so that the user presents vivid and smooth dynamic effects by displaying form changes of the contents in the operation of exiting the application page, and the operation experience of the user is improved.

Optionally, the first input is a slide 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 form parameter of the first content according to the sliding speed, the sliding direction and the preset model;

determining a first display style of first content according to the first motion form parameter;

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

The electronic equipment of the embodiment of the application can also be applied to the scenes of list sorting and desktop icon position moving in the interface, the operation state of the object sliding on the water surface can be simulated by deforming the display content, for example, the front end of the image of the display content is subjected to distortion deformation and shadow at a certain angle, the upwarping 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 as to improve the vividness of the simulation movement effect.

It should be understood that in the embodiment of the present application, the input Unit 704 may include a Graphics Processing Unit (GPU) 7041 and a microphone 7042, and the Graphics Processing Unit 7041 processes image data of still pictures or videos 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 of 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, and a joystick, 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 applications and operating systems. Processor 710 may integrate an application processor, which primarily handles operating systems, user interfaces, applications, etc., and a modem processor, which primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into processor 710.

The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements the processes of the display method embodiment, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.

The processor is the 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 (RAM), a magnetic disk or an optical disk, and so on.

An embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to execute a program or an instruction to implement the foregoing methodDisplay deviceThe processes of the method embodiment can achieve the same technical effect, and are not described herein again to avoid repetition.

It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as system-on-chip, system-on-chip or system-on-chip, 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 an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.

Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present application.

While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.

Claims

1. A method of displaying, the method comprising:

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

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

2. The method of claim 1, wherein the first content is a first application page, and wherein the display content further comprises desktop content disposed on a desktop; the responding to the first input, determining a first motion form parameter of display content on a screen according to a preset model, and the method comprises the following steps:

in response to the 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;

3. The method of claim 2, wherein the desktop content comprises a first icon and a second content, and wherein determining the morphometric parameters of the first application page and the morphometric parameters of the desktop content according to the preset model comprises:

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

according to a preset model and the position of the corresponding desktop content on the desktop, determining an amplification form parameter corresponding to the first icon in a first time length, a second reduction form parameter corresponding to the second content and an alternate scaling form parameter corresponding to the first icon in a second time length, wherein the amplification form parameter comprises a second speed and a second size for amplifying the corresponding first icon, the second reduction form parameter comprises a third size for reducing the corresponding second content, and the alternate scaling form parameter comprises an amplitude and a frequency for alternately scaling the corresponding first icon.

4. The method of claim 3, wherein dynamically displaying the display content according to the first morphometric parameter comprises:

zooming out and displaying the first application page according to the first speed, and continuously increasing the first speed until the first application interface is zoomed out to the first size;

the second content is displayed in an enlarged mode 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;

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

and under the condition that the first icon is enlarged to a second size, displaying the first icon which is alternately enlarged and reduced according to the amplitude and the frequency of the alternate scaling in a second time length.

5. The method of claim 1, wherein the first input is a slide input, and wherein determining a first morphometric parameter of displayed content on a screen according to a preset model in response to the first input comprises:

the dynamically displaying the display content according to the first motion form parameter includes:

6. The method according to claim 5, wherein the display content further comprises second content, and the display style of the second content is a second display style; after the moving the first content along the sliding direction, the method includes:

changing the first content from a first display style to a third display style and the second content from a second display style to a fourth display style according to the first motion form parameter when the first content is moved to the second content;

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

7. The method of claim 5, wherein after the moving the first content along the sliding direction, the method comprises:

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;

and dynamically displaying the first content which is alternately enlarged and reduced within a third time length when the first content returns to the initial position according to the first motion form parameter.

8. A display device, characterized in that the device comprises:

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

9. An electronic device comprising a processor, a memory, and a program or instructions stored on the memory and executable on the processor, the program or instructions when executed by the processor implementing the steps of the display method according to any one of claims 1 to 7.

10. A readable storage medium, characterized in that it stores thereon a program or instructions which, when executed by a processor, implement the steps of the display method according to any one of claims 1 to 7.