Display method, device and electronic device

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

Technical Field

[0001] The present application belongs to the field of computer technology, and specifically relates to a display method, device and electronic device. Background Art

[0002] In order to realize the interaction between users and electronic devices, icons, bars, views, controls and other interface contents are usually provided through the interactive interface of the desktop (Desktop) or application (Application, App) of the electronic device, so that the user can click, drag and other touch screen operations on the interface content to make the electronic device perform the corresponding function. However, during the interaction process, after the electronic device receives the above-mentioned touch screen operation, it displays ordinary linear animation effects through a two-dimensional plane. For example, after receiving a click operation on the desktop icon, the electronic device directly opens the corresponding App interface from the side or center of the screen. This solidified display effect lacks vividness, resulting in a poor user operation experience. Summary of the invention

[0003] The purpose of the embodiments of the present application is to provide a display method, device and electronic device that can solve the problem of lack of vividness in the display effect of interactive interface content.

[0004] In a first aspect, an embodiment of the present application provides a display method, the method comprising:

[0005] receiving a first input for a first content displayed on the screen;

[0006] In response to the first input, determining a first motion form parameter of the display content on the screen according to a preset model, wherein the preset model is used to simulate the motion form of the interaction between the object and the liquid surface when in contact, and the display content includes at least the first content;

[0007] The display content is dynamically displayed according to the first motion form parameter.

[0008] In a second aspect, an embodiment of the present application provides a display device, the device comprising:

[0009] A first receiving module, configured to receive a first input of a first content displayed on a screen;

[0010] a determination module, configured to determine, in response to a first input, a first motion form parameter of the display content on the screen according to a preset model, wherein the preset model is used to simulate the motion form of the interaction between the object and the liquid surface when in contact, and the display content includes at least the first content;

[0011] The display module is used to dynamically display the display content according to the first motion form parameter.

[0012] In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the method described in the first aspect.

[0013] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.

[0014] In a fifth aspect, an embodiment of the present application provides a chip, comprising a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the method described in the first aspect.

[0015] 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 display content on the screen is determined according to a preset model, the preset model being 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 display content is dynamically displayed, and the display content displayed can present a dynamic effect of the motion morphology of the interaction between the object and the liquid surface when in contact, thereby making the interaction picture between the user and the electronic device screen more vivid and improving the user's operating experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] Figure 1 It is a schematic diagram of a display method flow in one embodiment of the present application;

[0017] Figure 2 In one specific example of the present application, (2a) is a display diagram of a first application page, (2b) is a display diagram of a first application page in a reduced form, (2c) is a display diagram of the first application page further reduced from the form shown in (2b), (2d) is a display diagram of a first icon, (2e) is a display diagram of an enlarged form of the first icon, and (2f) is a display diagram of the first icon after the rebound animation stops displaying.

[0018] Figure 3 (3a) is a schematic diagram of displaying the first content in another specific example of the present application, and (3b) is a schematic diagram of displaying the first content when it passes through the second content;

[0019] Figure 4 (4a) is a schematic diagram of displaying the first content in another specific example of the present application, (4b) is a schematic diagram of displaying the first content when it passes through the second content, and (4c) is a schematic diagram of displaying the first content after it passes through the second content;

[0020] Figure 5 is a structural schematic diagram of a display device in another embodiment of the present application;

[0021] Figure 6 is a schematic diagram of the hardware structure of an electronic device in yet another embodiment of the present application;

[0022] Figure 7 This is a schematic diagram of the hardware structure of an electronic device in another embodiment of the present application. DETAILED DESCRIPTION

[0023] The following will be combined with the drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. All other embodiments obtained by ordinary technicians in this field based on the embodiments in the present application belong to the scope of protection of this application.

[0024] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable under appropriate circumstances, so that the embodiments of the present application can be implemented in an order other than those illustrated or described here, and the objects distinguished by "first", "second", etc. are generally of one type, and the number of objects is not limited. For example, the first object can be one or more. In addition, "and / or" in the specification and claims represents at least one of the connected objects, and the character " / " generally indicates that the objects associated with each other are in an "or" relationship.

[0025] The display method, device and electronic device provided in the embodiments of the present application are described in detail below through specific embodiments and their application scenarios in conjunction with the accompanying drawings.

[0026] Figure 1 FIG. 1 is a flow chart showing a method for displaying interface content provided by an embodiment of the present application. Figure 1 As shown, the method includes steps S101 to S103:

[0027] S101. Receive a first input to first content displayed on a screen.

[0028] The first content is the content displayed in the screen area. The first content may be an interface element, which may include icons, windows, controls, bars, etc.; or the first content may be an application page of an application (Application, App, referred to as "application").

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

[0030] 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 slide gesture, a drag gesture, a zoom gesture, and a rotation gesture.

[0031] S102. In response to the first input, determine first motion morphology parameters of the display content on the screen according to a preset model, the preset model is used to simulate the motion morphology of the interaction between the object and the liquid surface when in contact, and the display content includes at least the first content.

[0032] The displayed content is the content displayed in the screen area, which may include the above-mentioned first content and other content.

[0033] The preset model is used to simulate the motion form of the interaction between the object and the liquid surface, so that the display content on the screen can present the physical motion effect of the object when it contacts the liquid surface based on the preset model. Among them, the motion form of the interaction between the object and the liquid surface when in contact may include the object sinking, floating, floating relative to the liquid surface, and the object sliding on the liquid surface. The physical motion effect presented by the display content based on the preset model can be expressed as the form displayed after the display content is reduced, enlarged, alternately scaled or deformed.

[0034] Exemplarily, the input of the preset model may include the initial position of the first content, and the operation data of the first content determined by the first input, such as the moving speed, moving direction, moving position and other data of the first content, and the output of the preset model is the corresponding operation morphological parameter. After the preset model performs data processing according to the input data, the corresponding output is obtained and reflected on the electronic device interface, generating the change effect of the first content displayed dynamically.

[0035] Exemplarily, 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 displayed content.

[0036] S103. Dynamically display the display content according to the first motion form parameter.

[0037] The display content is dynamically displayed according to the first motion form parameters determined by the preset model, that is, the display content is displayed on the screen of the electronic device in the running form presented by the first motion form parameters to simulate the physical motion effect when the object contacts the liquid surface.

[0038] Thus, in an embodiment of the present application, by receiving a first input to a first content displayed on the screen, it is possible to determine a first motion morphology parameter of the display content on the screen according to a preset model, and then dynamically display the display content according to the first motion morphology parameter, so that the displayed display content can present a dynamic effect of the motion morphology of the interaction between the object and the liquid surface when in contact, thereby making the interaction between the user and the electronic device screen more vivid and improving the user's operating experience.

[0039] Exemplarily, the display method of the embodiment of the present application can be applied to the scenario of exiting an application. In the process of exiting an application, the dynamic effect of an object falling on a liquid surface is simulated through the movement changes of the application page and other displayed content, thereby making the screen display content produce a smoother and more vivid visual effect during the application exit operation.

[0040] In this example, the first content may be a first application page, which is a page of an application program. The content displayed on the screen also includes desktop content set on the desktop, which may include desktop background, application icons, widgets, Dock bar, etc. Figure 2 As shown in (2a), when 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, triggering the subsequent step of exiting the first application page 201.

[0041] The method of the embodiment of the present application is described below by taking the first input being a sliding input as an example.

[0042] After the electronic device 200 receives the sliding input of the user, step S102 determines the first motion form parameter of the displayed content on the screen according to the preset model in response to the first input, which may specifically include steps S301 to S303:

[0043] S301. 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 surface in the preset model;

[0044] S302. Determine the motion morphology parameters of the first application page and the running morphology parameters of the desktop content according to a preset model;

[0045] S303. Determine the motion morphology parameters of the first application page and the motion morphology parameters of the desktop content as the first motion morphology parameters.

[0046] refer to Figure 2As shown in (2b), after receiving the sliding input, the first application page 201 is determined as the object in the preset model through the preset model, and the desktop content 202 is determined as the liquid surface in the preset model, and the motion morphological parameters of the first application page and the running morphological parameters of the desktop content are determined, so that the first application page 201 and the desktop content (such as the desktop background) 202 are changed according to the corresponding running morphological parameters, thereby simulating the dynamic effect of the object falling into the liquid surface.

[0047] When an object falls into a liquid surface (such as a water surface), the object falls into the water surface under the action of gravity acceleration, and the running form generally includes: the object falls into the water surface, floats up after sinking a certain distance from the water surface, and floats up and down after floating to the water surface. Therefore, in this example, according to the preset model, the first application page 201 can be reduced relative to the desktop content 202 to simulate the movement form of the object falling into the water surface and sinking; the first application page 201 disappears after being reduced to a certain size, and then the corresponding application icon is displayed in the desktop area, and the application icon is enlarged relative to other desktop contents, thereby simulating the movement form of the object floating up from under the water surface; the application icon enlarged to a certain size will also be displayed as a rebound animation that alternately enlarges and shrinks with a certain amplitude and frequency for a period of time, simulating the movement state of the object floating up and down due to inertia after floating to the water surface.

[0048] Optionally, the desktop content may include a first icon and a second content. In step S301, the motion morphology parameters of the first application page and the motion morphology parameters of the desktop content are determined according to a preset model, which may specifically include:

[0049] According to the preset model, determining a first reduction form parameter of the first application page; the first reduction form parameter includes a first speed and a first size of the corresponding page reduction. In some examples, the first speed may be gradually increased according to a preset value;

[0050] According to the preset model and the position of the corresponding desktop content on the desktop, the enlargement morphological parameters corresponding to the first icon within the first time length, the second reduction morphological parameters corresponding to the second content, and the alternating scaling morphological parameters corresponding to the first icon within the second time length are determined, wherein the enlargement morphological parameters include the second speed and the second size of the enlargement of the first icon, the second reduction morphological parameters include the third speed and the third size of the reduction of the second content, and the alternating scaling morphological parameters include the amplitude and frequency of the alternating scaling of the first icon.

[0051] Exemplarily, among the first icon and second content included in the desktop content, the first icon may be an application icon corresponding to the first application page, and the second content may include all content elements on the desktop except the first icon, such as the desktop background, other application icons, widgets, dock bar, etc.

[0052] All content elements included in the second content can be enlarged or reduced synchronously, and the first icon and the second content can be enlarged or reduced asynchronously, or the second content can be reduced when the first icon is enlarged, or the second content can be enlarged when the first icon is reduced, or the second content can remain unchanged when the first icon is enlarged or reduced.

[0053] Exemplarily, 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. 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.

[0054] Correspondingly, in one example, the first application page, the first icon and the second content are used to simulate the process of triggering the closing of the first application page: the first application page gradually shrinks from slow to fast to a certain size and then hides; then the first icon of a smaller size is displayed, and within a first time period, the first icon gradually enlarges while the second content gradually shrinks; within a second time period, the first icon is alternately enlarged and shrunk until it stops.

[0055] Therefore, the enlarged form parameters corresponding to the first icon within the first time length may include a second speed and a second size corresponding to the enlargement of the first icon, and the second reduced form parameters of the second content within the first time length include a third speed and a third size corresponding to the reduction of the second content, wherein the values ​​of the second speed and the third speed may be equal or unequal.

[0056] The alternating zooming morphological parameters include the amplitude and frequency of the alternating zooming corresponding to the first icon.

[0057] In some examples, the alternating zooming morphological parameters may also include the amplitude and frequency of the alternating zooming of the second content. 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 must be opposite to the second content, for example, when the first icon is reduced, the second content is enlarged, and when the first icon is enlarged, the second content is reduced.

[0058] Exemplarily, the reduction morphological parameters and the alternating zoom morphological parameters of the first icon can also be determined according to the position of the first icon in the desktop and the speed of the sliding input. The higher the position of the first icon in the desktop and / or the faster the sliding input speed, the smaller the corresponding second size and the greater the alternating zoom amplitude and frequency. Conversely, the lower the position of the first icon in the desktop and / or the slower the sliding input speed, the larger the corresponding second size and the smaller the alternating zoom amplitude and frequency. The "up" and "down" of the desktop position refer to the direction in which the desktop content is displayed forward when the desktop icons and text and other contents are displayed forward, and the direction in which the desktop content is displayed forward is up, and the reverse is down.

[0059] It should be understood that the alternating zooming form can be displayed as a rebound animation (spring). The larger the alternating zooming amplitude, the larger the rebound coefficient of the rebound animation. In one example, when the received sliding input speed is equal, the rebound coefficient of the icons at different height levels can be in the interval of [0.1, 1] according to the position arrangement of the desktop from bottom to top. When the icon positions are at the same height, the rebound coefficient of the icons at the same height level can be in the interval of [0.5, 1] ​​according to the sliding input speed from large to small.

[0060] by Figure 2 Taking the desktop schematic diagrams shown in (2c) and (2d) as an example, the "Photo" application icon 2021, the "Camera" application icon 2022 and the "Communication" application icon 2023 are located on the upper layer of the "E-book" application icon 2024, the "Settings" application icon 2025 and the "Calendar" application icon 2026, and the "Dial" application icon 2027, the "Address Book" application icon 2028 and the "Short Message" application icon 2029 are located at the bottom of the desktop 203. When the received sliding input speed is equal, the second size value corresponding to the "Photo" application icon 2021 is smaller than the second size value corresponding to the "Settings" application icon 2025, and the alternating zoom amplitude and frequency corresponding to the "Photo" application icon 2021 are greater than the alternating zoom amplitude and frequency corresponding to the "Settings" application icon 2025. In this way, it can simulate the operation form that the higher the height of the object, the greater the sinking distance it falls into the water, and the greater the amplitude of the up and down floating after floating, thereby presenting a more realistic and vivid dynamic visual effect.

[0061] After the motion morphology parameters of the first application page and other desktop contents are determined through steps S301 to S302, step S303 is executed. These motion morphology parameters are determined as first motion morphology parameters, and subsequently the first application page and the corresponding desktop contents are dynamically displayed according to the first motion morphology parameters.

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

[0063] S401. Displaying a first application page in a reduced size according to a first speed, and continuously increasing the first speed until the first application interface is reduced to the first size;

[0064] S402. While the first application page is being reduced, the second content is displayed in an enlarged manner according to a second speed.

[0065] When an object falls into the water, it is affected by gravity and its falling speed will continue to increase. Figure 2As shown in (2a), (2b) and (2c), the first application page is reduced at a gradually increasing first speed, that is, the first application page is reduced faster and faster, and at the same time, the second content (such as the desktop background and the currently displayed desktop icons) can be gradually enlarged at the first speed or a suitable speed, so that a relative motion picture is formed between the first application page and the second content, and then a dynamic effect of a simulated object falling onto the water surface is presented.

[0066] Exemplarily, the desktop background may be a three-dimensional view, for example, the desktop background may be presented with a 3D image effect simulating a water surface, or may present dynamic water ripples, icon reflections, etc., to increase the realism of the visual effect.

[0067] S403. The first application page is reduced to a first size and then hidden, and when the first application page is hidden, a first icon is displayed on the desktop.

[0068] Exemplarily, during the process of shrinking the first application page 201 to the first size, the shrinking speed of the first application page may be gradually increased as described in step S401 until it is shrunk to the first size and then hidden.

[0069] In other examples, during the process of shrinking the first application page 201 to the first size, the shrinking speed of the first application page may first gradually increase as described in step S401 until it increases to the first size, and within a short time after shrinking to the first size, the page continues to shrink, and the shrinking speed gradually decreases until it is shrunk to a size smaller than the first size and then hidden, thereby simulating the visual effect of an object falling into the water at an accelerated speed and being affected by the resistance in the water, thereby slowing down its sinking speed.

[0070] like Figure 2 As shown in (2c) and (2d), the first application page 201 disappears after being reduced to the first size, and the page 201 is exited. When the first application page 201 disappears, the first icon 2021 is displayed on the desktop 203.

[0071] It should be understood that when the first application page 201 is displayed, the first icon 2021 is not displayed on the desktop, and the first icon 2021 is displayed after the first application page 201 is exited. And the first icon 2021 displayed in step S403 is smaller than other icons on the desktop (refer to Figure 2 (2d) in the figure is used to simulate the effect of the object sinking below the liquid surface.

[0072] S404. Within the 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.

[0073] refer to Figure 2As shown in (2d) and (2e), during the first time period when the first icon 2021 is displayed, the first icon 2021 is enlarged while the second content is reduced, and the first icon 2021 and the second content form a relative motion change, simulating the dynamic effect of an object floating up from the liquid surface.

[0074] S405. When the first icon is enlarged to the second size, display the first icon alternately enlarged and reduced according to the amplitude and frequency of the alternating scaling within a second duration.

[0075] refer to Figure 2 As shown in (2e) and (2f), when the first icon 2021 is enlarged to the second size, the first icon 2021 is displayed alternately enlarged and reduced according to the amplitude and frequency of the alternating scaling determined above, forming a rebound animation of the first icon 2021 alternately enlarging and reducing, simulating the dynamic effect of an object floating up to the water surface and then falling back due to inertia.

[0076] In this example, in the scenario of receiving the user's sliding input to exit the application page, the first page application and the desktop content generate relative motion patterns, simulating a series of running patterns of an object falling into a liquid surface. This allows the user to exit the application page through the changes in the display content, presenting vivid and smooth motion effects, thereby improving the user's operating experience.

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

[0078] For example, the method of the embodiment of the present application can also be applied to the scene of sorting lists in the interface. Figure 3 As shown in (3a), the list sorting can be performed by moving the elements (302, 303) in the list 301 to adjust the element layout. During the list sorting process, the dynamic effect of the object sliding on the water surface is simulated through the shape changes between the elements in the interface.

[0079] When an object slides on the water surface, with the sliding direction as the front, it will be subject to the resistance of the water surface. The front end of the object will be subject to greater resistance from the water surface and will float up. Correspondingly, the rear end of the object will sink relatively. Therefore, in this example, the running form of the object sliding on the water surface can be simulated by deforming the displayed content. For example, the front end of the displayed content image can be distorted and shaded at a certain angle to present a dynamic effect of the front end tilting up. In addition, the distortion angle can be increased as the sliding speed increases to improve the vividness of the simulated dynamic effect.

[0080] In this example, refer to Figure 3In (3a), the first content 302 may be the first element in the list 301, and the first element may be a list component (item). When the first content 302 is displayed in the screen area of ​​the electronic device 300, the first input to the first content is received through step S101, and the first input may be a sliding input.

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

[0082] S501. Determine a sliding speed and a sliding direction corresponding to a first input.

[0083] According to the sliding input of the user, a sliding speed and direction corresponding to the sliding input are determined.

[0084] S502: Determine a first motion form parameter of the first content according to the sliding speed and the sliding direction and the preset model.

[0085] The first motion form parameter of the first content 301 may include a moving direction and a moving speed corresponding to the first content. Figure 3 As shown in (3a), the moving direction of the first content 302 is upward.

[0086] 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 in the current page except the first element) are determined as liquid surfaces in the preset model. The sliding speed and sliding direction determined in this way can be used as inputs of the preset model, and the preset model outputs the first motion morphology parameters of the first content.

[0087] After determining the first motion form parameter of the first content, step S103 is executed to dynamically display the display content according to the first motion form parameter, which may specifically include S503 to S504:

[0088] S503: Determine a first display style of the first content according to the first motion form parameter.

[0089] The display style of the first content is determined according to the moving direction and moving speed included in the first motion form parameter of the first content, and the display style can be determined by different distortion deformation angles, distortion deformation coefficients, and shadow effect coefficients. For example, the greater the sliding speed, the greater the distortion deformation angle, distortion deformation coefficient, and shadow effect coefficient of the first content, and the display style of the first content can be shown as the greater the distortion deformation degree of the front end, the stronger the shadow effect, and the visual effect of the front end floating up and the rear end sinking, thereby simulating the motion form of the object sliding quickly on the water surface and being affected by the water surface resistance.

[0090] like Figure 3 The display style of the first content 302 shown in (3a) is the first display style, and the upper part is distorted and has a shadow, simulating the dynamic effect of the object tilting upward.

[0091] S504: Display the first content according to the first display style, and move the first content along the sliding direction.

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

[0093] To improve the vividness of the changes in displayed content during the list sorting process, for example, refer to Figure 3 As shown in (3a), the displayed content may also include second content 303. The second content 303 may be other component elements in the list 301 except the first element, and the display style of the second content 303 is a second display style. The second display style is different from the first display style. For example, corresponding to the second display style, the second content 303 has no deformation and shadow.

[0094] In this example, after receiving the user's sliding input and determining the display style of the first content through steps S101 to S102, step S103 dynamically displays the display content according to the first motion form parameter and specifically may include S505 to S506:

[0095] S505. When the first content moves to the second content, according to the first motion pattern parameter, 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.

[0096] When objects slide on the water surface, if one object passes over another object, the object on top will float up due to the buoyancy of the water and the force between the objects, while the object on the bottom will sink. Figure 3 As shown in (3b), when the first content 301 moves to the second content 302, the first content 301 is changed from the first display style to the third display style according to the first motion form parameter, and the second content 302 is changed from the second display style to the fourth display style, wherein the distortion deformation angle, distortion deformation coefficient and shadow effect coefficient corresponding to the third display style are all smaller than the first display style and larger than the second display style, and the distortion deformation angle corresponding to the third display style can be opposite to the fourth display style to simulate the dynamic effect of the first content floating up and the second content sinking.

[0097] S506. 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.

[0098] When the first content passes through the second content, the first content and the second content are deformed at the same time, simulating the movement of one object floating up and the other object sinking when one object passes through the other on the water surface. After the first content passes through the second content, their respective display styles are restored.

[0099] Different content elements in the interface have pre-set grid positions. If a content element is completely moved into a grid, it can stay in the grid position. If the content element stops moving before it is completely moved into the grid, it will return to its initial position before the move.

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

[0101] S507. When the first content stops moving and does not move to the target position, the first content moves to the initial position, where the initial position is the position of the first content before it moves along the sliding direction.

[0102] If, in response to the first input, during the process of moving the first content, the first content stops moving before reaching the target position, the first content quickly returns to the initial position.

[0103] S508. Within the second time period after the first content returns to the initial position, dynamically display the first content alternately enlarged and reduced according to the first motion pattern parameter.

[0104] During the second time period when the first content returns to the initial position, the first content is dynamically displayed alternately enlarged and reduced according to the first motion form parameter, forming a rebound animation of the first content alternately enlarging and reducing. The rebound coefficient of the rebound animation is related to the distance the first content moves. The greater the distance the first content moves, the greater the amplitude of the first content alternately enlarging and reducing after the movement is stopped and the content returns to the initial position, that is, the greater the rebound coefficient of the rebound animation, thereby simulating the motion form of the object floating by inertia when it quickly slides to a certain position on the water surface, so that users have a better sorting operation experience in the list sorting scenario.

[0105] Exemplarily, the display method of the embodiment of the present application can also be applied to the sorting of desktop icons. In the process of sorting desktop icons, the motion form of the object moving on the liquid surface is simulated by the motion form changes of the desktop icons and other icons.

[0106] In this example, Figure 4As shown in (4a), the first content 401 may be a second icon, and the displayed content may further include a third icon (second content) 402. In step S101, in receiving a first input to the second icon 401, the first input may be a sliding input.

[0107] Correspondingly, step S102 determines the first motion form parameter of the display content on the screen according to the preset model in response to the first input, which may specifically include steps S601 to S602:

[0108] S601. Determine the sliding speed and sliding direction corresponding to the first input;

[0109] S602: Determine a first motion pattern parameter of the first content according to the sliding speed and the sliding direction.

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

[0111] After determining the first motion form parameter of the first content, step S103 is executed to dynamically display the display content according to the first motion form parameter, which may specifically include S603 to S604:

[0112] S603. Determine a first display style of the first content according to the first motion form parameter;

[0113] S604: Display the first content according to the first display style, and move the first content along the sliding direction.

[0114] refer to Figure 4 As shown in (4a) and (4b), the display style of the second icon 401 is determined according to the moving direction and the moving speed included in the first motion form parameters of the second icon 401. The display style can be determined by different distortion deformation angles, distortion deformation coefficients and shadow effect coefficients. For example, the greater the sliding speed, the greater the distortion deformation angle, the distortion deformation coefficient and the shadow effect coefficient. The display style of the second icon 401 is characterized by a greater degree of distortion at the front end and a stronger shadow effect, presenting a visual effect of the front end floating up and the rear end sinking, thereby simulating the motion form of the object sliding rapidly on the water surface and being affected by the water surface resistance.

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

[0116] To improve the vividness of the display content changes during the desktop icon sorting process, for example, refer to Figure 4As shown in (4c), the display content may further include a third icon 402. The third icon 402 may be the third icon mentioned above, and the display style of the third icon 402 is a second display style, which is different from the first display style.

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

[0118] S605. When the first content moves to the second content, according to the first motion pattern parameter, 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.

[0119] refer to Figure 4 As shown in (4b) and (4c), when the second icon 401 moves downward and passes the third icon 402, the third display style of the second icon 401 and the fourth display style of the second content are determined according to the first motion form parameter, wherein the distortion deformation angle, distortion deformation coefficient and shadow effect coefficient corresponding to the third display style are all smaller than the first display style and greater than the second display style, and at the same time, the distortion deformation angle corresponding to the third display style can be opposite to the fourth display style to simulate the dynamic effect of the first content floating up and the second content sinking.

[0120] 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.

[0121] like Figure 4 As shown in (4b), when the second icon 401 passes the third icon 402 downward, the second icon and the third icon are deformed at the same time, simulating the movement of one object floating up and the other object sinking when one object passes by the other object on the water surface. Figure 4 As shown in (4c), after the second icon 401 passes the third icon 402, the display styles of the second icon 401 before passing the third icon 402 are restored.

[0122] Finally, different content elements have pre-set grid positions. If a desktop icon is completely moved into a grid, the desktop icon can stay in the grid position. If the desktop icon stops moving before it is completely moved into the grid, the icon will return to its initial position before the move.

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

[0124] S607. When the first content stops moving and does not move to the target position, the first content moves to the initial position, where the initial position is the position of the first content before it moves along the sliding direction;

[0125] S608. Within the second time period after the first content returns to the initial position, dynamically display the first content alternately enlarged and reduced according to the first motion pattern parameter.

[0126] During the second time period when the second icon 401 returns to the initial position, the second icon 402 is dynamically displayed alternately enlarged and reduced according to the first motion form parameter, forming a rebound animation of the second icon 402 alternately enlarging and reducing. The rebound animation coefficient is related to the distance moved by the second icon 402. The greater the distance moved by the second icon 402, the greater the amplitude of the alternate enlargement and reduction of the second icon 402 after the movement is stopped and returned to the initial position, that is, the greater the rebound coefficient of the rebound animation, thereby simulating the motion form of the object floating by inertia when it quickly slides to a certain position on the water surface, so that users have a better sorting operation experience in the desktop icon sorting scenario.

[0127] It should be noted that the display method provided in the embodiment of the present application can be executed by a display device or a control module in the display device for executing the display method. In the embodiment of the present application, the display device provided in the embodiment of the present application is described by taking the display device executing the display method as an example.

[0128] Figure 5 FIG. 1 shows a schematic diagram of the structure of a display device provided in an embodiment of the present application. Figure 5 As shown, the device may include:

[0129] A first receiving module 501 is used to receive a first input of a first content displayed on a screen;

[0130] A determination module 502, configured to determine, in response to a first input, a first motion form parameter of the display content on the screen according to a preset model, wherein the preset model is used to simulate the motion form of the interaction between the object and the liquid surface when in contact, and the display content includes at least the first content;

[0131] The display module 503 is used to dynamically display the display content according to the first motion form parameter.

[0132] The first content is the content displayed in the screen area. The first content may be an interface element, which may include icons, windows, controls, bars, etc.; or the first content may be an application page of an application (Application, App, referred to as "application").

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

[0134] 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 slide gesture, a drag gesture, a zoom gesture, and a rotation gesture.

[0135] The displayed content is the content displayed in the screen area, which may include the above-mentioned first content and other content.

[0136] The preset model is used to simulate the motion form of the interaction between the object and the liquid surface, so that the display content on the screen can present the physical motion effect of the object when it contacts the liquid surface based on the preset model. Among them, the motion form of the interaction between the object and the liquid surface when in contact may include the object sinking, floating, floating relative to the liquid surface, and the object sliding on the liquid surface. The physical motion effect presented by the display content based on the preset model can be expressed as the form displayed after the display content is reduced, enlarged, alternately scaled or deformed.

[0137] Exemplarily, the input of the preset model may include the initial position of the first content, and the operation data of the first content determined by the first input, such as the moving speed, moving direction, moving position and other data of the first content, and the output of the preset model is the corresponding operation morphological parameter. After the preset model performs data processing according to the input data, the corresponding output is obtained and reflected on the electronic device interface, generating the change effect of the first content displayed dynamically.

[0138] Exemplarily, 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 displayed content.

[0139] The display content is dynamically displayed according to the first motion form parameters determined by the preset model, that is, the display content is displayed on the screen in a running form presented by the first motion form parameters to simulate the physical motion effect when the object contacts the liquid surface.

[0140] In an embodiment of the present application, by receiving a first input to a first content displayed on a screen, it is possible to determine a first motion morphology parameter of the display content on the screen according to a preset model, and then dynamically display the display content according to the first motion morphology parameter, so that the displayed display content can present a dynamic effect of the motion morphology of the interaction between the object and the liquid surface when in contact, thereby making the interaction between the user and the electronic device screen more vivid and improving the user's operating experience.

[0141] Optionally, the device of the embodiment of the present application is applied to the scenario of exiting an application, the first content is a first application page, and the displayed content also includes desktop content set on the desktop; the first input received by the first receiving module 501 is a sliding input.

[0142] Correspondingly, the determination module 502 may specifically include:

[0143] 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 determine the desktop content as the liquid surface in the preset model; and

[0144] A second determining submodule 5022 is used to determine the motion form parameters of the first application page and the running form parameters of the desktop content according to a preset model;

[0145] The third determining submodule 5023 determines the motion form parameters of the first application page and the motion form parameters of the desktop content as the first motion form parameters.

[0146] After receiving the sliding input, the first application page is determined as an object in the preset model through the preset model, and the desktop content is determined as the liquid surface in the preset model, and the motion morphology parameters of the first application page and the operation morphology parameters of the desktop content are determined, so that the first application page and the desktop content change according to the corresponding operation morphology parameters respectively, thereby simulating the dynamic effect of the object falling into the liquid surface.

[0147] Optionally, the desktop content may include a first icon and a second content. The first determination submodule 5021 is specifically used for:

[0148] According to the preset model, a first reduction form parameter of the first application page is determined. The first reduction form parameter includes a first speed and a first size of the corresponding page reduction. In some examples, the first speed may also be gradually increased according to a preset value.

[0149] According to the preset model and the position of the corresponding desktop content on the desktop, the enlargement morphological parameters corresponding to the first icon within the first time length, the second reduction morphological parameters corresponding to the second content, and the alternating scaling morphological parameters corresponding to the first icon within the second time length are determined, wherein the enlargement morphological parameters include the second speed and the second size of the enlargement of the first icon, the second reduction morphological parameters include the third speed and the third size of the reduction of the second content, and the alternating scaling morphological parameters include the amplitude and frequency of the alternating scaling of the first icon.

[0150] 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 except the first icon, such as the desktop background, other application icons, widgets, dock bar, etc.

[0151] Optionally, the display module 503 may include:

[0152] A first reduction submodule 5031 is used to reduce and display the first application page according to a first speed, and the first speed continues to increase until the first application interface is reduced to the first size;

[0153] The first magnification submodule 5032 is used to magnify and display the second content according to the second speed while the first application page is reduced;

[0154] The first display submodule 5033 is used to shrink the first application page to a first size and hide it, and when the first application page is hidden, display the first icon on the desktop;

[0155] The second enlarging submodule 5034 is configured to enlarge the first icon to the second size and reduce the second content to the third size within a first duration of displaying the first icon;

[0156] The second display submodule 5035 is used to display the first icon alternately enlarged and reduced according to the amplitude and frequency of alternating scaling within a second duration when the first icon is enlarged to a second size.

[0157] Exemplarily, the first application page is reduced at a gradually increasing first speed, that is, the first application page is reduced faster and faster, and at the same time, the second content (such as the desktop background and the currently displayed desktop icons) is gradually enlarged at a certain speed, so that a relative motion picture is formed between the first application page and the second content, and then a dynamic effect of a simulated object falling onto the water surface is presented.

[0158] The first application page is hidden after being reduced to the first size, and the page is exited. When the first application page is hidden, the first icon is displayed on the desktop. During the first duration of displaying the first icon, the first icon is enlarged while the second content is reduced, and the first icon and the second content form a relative motion morphological change, simulating the dynamic effect of an object floating up from below the liquid surface. When the first icon is enlarged to the second size, the first icon is alternately enlarged and reduced according to the determined amplitude and frequency of the above-mentioned alternating scaling, forming a rebound animation of the first icon alternately enlarging and reducing, simulating the dynamic effect of an object floating up to the water surface and then falling back due to inertia.

[0159] In this example, in the scenario of receiving the user's sliding input to exit the application page, the first page application and the desktop content generate relative motion patterns, simulating a series of running patterns of an object falling into a liquid surface. This allows the user to exit the application page through the changes in the display content, presenting vivid and smooth motion effects, thereby improving the user's operating experience.

[0160] Optionally, the device of the embodiment of the present application can be applied to scenarios of sorting lists in an interface and moving desktop icons.

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

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

[0163] 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;

[0164] The display module 503 specifically includes:

[0165] A sixth determining submodule 5036, configured to determine a first display style of the first content according to the first motion form parameter;

[0166] The first moving submodule 5037 is used to display the first content according to a first display style and move the first content along a sliding direction.

[0167] The display style of the first content is determined according to the moving direction and moving speed included in the first motion form parameters of the first content. The display style can be determined by different distortion deformation angles, distortion deformation coefficients and shadow effect coefficients. For example, the greater the sliding speed, the greater the distortion deformation angle, the distortion deformation coefficient and the shadow effect coefficient. The display style of the first content can be manifested as a greater degree of distortion at the front end and a stronger shadow effect, presenting a visual effect of the front end floating up and the rear end sinking, thereby simulating the motion form of an object sliding quickly on the water surface and being affected by the water surface resistance.

[0168] To improve the vividness of changes in displayed content during list sorting, exemplarily, the displayed content may also include second content, which may be other component elements in the list except the first element, and the display style of the second content is a second display style, which is different from the first display style.

[0169] The display module 503 may further include:

[0170] a change submodule 5038, configured to change the first content from the first display style to the third display style, and change the second content from the second display style to the fourth display style according to the first motion form parameter, when the first content moves the second content;

[0171] The restoration submodule 5039 is configured to restore the first content to the first display style and the second content to the second display style after the first content passes through the second content.

[0172] When the first content moves to the second content, the first content is changed from the first display style to the third display style according to the first motion form parameter, and the second content is changed from the second display style to the fourth display style, wherein the distortion deformation angle, distortion deformation coefficient and shadow effect coefficient corresponding to the third display style are all smaller than the first display style and greater than the second display style, and at the same time, the distortion deformation angle corresponding to the third display style can be opposite to that of the fourth display style to simulate the dynamic effect of the first content floating up and the second content sinking.

[0173] When the first content passes through the second content, the first content and the second content are deformed at the same time, simulating the movement of one object floating up and the other object sinking when one object passes through the other on the water surface. After the first content passes through the second content, their respective display styles are restored.

[0174] Different content elements in the interface have pre-set grid positions. If a content element is completely moved into a grid, it can stay in the grid position. If the content element stops moving before it is completely moved into the grid, it will return to its initial position before the move.

[0175] Optionally, the display device 503 may further include:

[0176] Return submodule 50311, configured to move the first content to an initial position when the first content stops moving and does not move to a target position, where the initial position is the position of the first content before it moves along the sliding direction;

[0177] The third display submodule 50312 is used to dynamically display the first content alternately enlarged and reduced according to the first motion form parameter within a second time period when the first content returns to the initial position.

[0178] If, in response to the first input, the first content stops moving before reaching the target position during the process of moving the first content, the first content quickly returns to the initial position. Within the second time period when the first content returns to the initial position, the first content is dynamically displayed alternately enlarged and reduced according to the first motion form parameter, and a rebound animation of the first content alternately enlarging and reducing is formed. The rebound animation coefficient is related to the distance the first content moves. The greater the distance the first content moves, the greater the amplitude of the alternating enlargement and reduction after the movement is stopped and returned to the initial position, that is, the greater the rebound coefficient of the rebound animation, thereby simulating the motion form of the object floating by inertia when it quickly slides to a certain position on the water surface, so that the user has a better operation experience in the list sorting or icon position movement (i.e., desktop icon) scene.

[0179] Illustratively, the above-mentioned embodiments of list sorting are also applicable to the sorting of desktop icons, so as to increase the interest of the sorting of desktop icons and enhance the user operation experience.

[0180] The display device in the embodiment of the present application can be a device, or a component, integrated circuit, or chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. Exemplarily, the mobile electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc. The non-mobile electronic device can be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), a teller machine or a self-service machine, etc., which is not specifically limited in the embodiment of the present application.

[0181] 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 operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.

[0182] The display device provided in the embodiment of the present application can achieve Figures 1 to 4 To avoid repetition, the various processes implemented by the method embodiment are not described here.

[0183] Figure 6 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application is shown.

[0184] Alternatively, if Figure 6As shown, an embodiment of the present application also provides an electronic device 600, including a processor 601, a memory 602, and a program or instruction stored in the memory 602 and executable on the processor 601. When the program or instruction is executed by the processor 601, each process of the above-mentioned display method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be described here.

[0185] It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and non-mobile electronic devices mentioned above.

[0186] Figure 7 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of the present application.

[0187] 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.

[0188] Those skilled in the art will appreciate that the electronic device 700 may also include a power source (such as a battery) for supplying power to each component, and the power source may be logically connected to the processor 110 through a power management system, thereby implementing functions such as managing charging, discharging, and power consumption management through the power management system. Figure 7 The electronic device structure shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently, which will not be described in detail here.

[0189] The user input unit 707 is used to receive a first input to the first content displayed on the screen;

[0190] The processor 710 is configured to determine, in response to the first input, a first motion form parameter of the displayed content on the screen according to a preset model, wherein the preset model is used to simulate the motion form of the interaction between the object and the liquid surface when in contact with the liquid surface, and the displayed content includes at least the first content; and

[0191] The display content is dynamically displayed according to the first motion form parameter.

[0192] In an embodiment of the present application, by receiving a first input to a first content displayed on a screen, it is possible to determine a first motion morphology parameter of the display content on the screen according to a preset model, and then dynamically display the display content according to the first motion morphology parameter, so that the displayed display content can present a dynamic effect of the motion morphology of the interaction between the object and the liquid surface when in contact, thereby making the interaction between the user and the electronic device screen more vivid and improving the user's operating experience.

[0193] Optionally, the first content is a first application page, and the displayed content further includes desktop content set on the desktop. The processor 710 is further configured to:

[0194] 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 surface in the preset model; and

[0195] Determine the motion morphology parameters of the first application page and the running morphology parameters of the desktop content according to a preset model;

[0196] The motion form parameters of the first application page and the motion form parameters of the desktop content are determined as the first motion form parameters.

[0197] In the scenario of receiving user sliding input to exit the application page, by making the first page application and the desktop content produce relative movement, a series of running forms of an object falling into a liquid surface are simulated, so that when the user exits the application page, the shape changes of the displayed content can present vivid and smooth motion effects, thereby improving the user operation experience.

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

[0199] determining a sliding speed and a sliding direction corresponding to the first input;

[0200] Determining a first motion form parameter of the first content according to the sliding speed, the sliding direction and the preset model;

[0201] Determining a first display style of a first content according to the first motion form parameter;

[0202] The first content is displayed according to the first display style, and the first content is moved along the sliding direction.

[0203] The electronic device of the embodiment of the present application can also be used in the scenarios of sorting lists in the interface and moving the positions of desktop icons. It can simulate the movement of an object sliding on the water surface by deforming the displayed content. For example, the front end of the image of the displayed content is distorted and shaded at a certain angle to present an upward motion effect. Moreover, the angle of the distortion can be increased as the sliding speed increases to enhance the vividness of the simulated motion effect.

[0204] It should be understood that in the embodiment of the present application, the input unit 704 may include a graphics processor (Graphics Processing Unit, GPU) 7041 and a microphone 7042, and the graphics processor 7041 processes the image data of the static picture or video obtained by the image capture device (such as a camera) in the video capture mode or the image capture 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, etc. The user input unit 707 includes a touch panel 7071 and other input devices 7072. The touch panel 7071 is also called 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, a function key (such as a volume control button, a switch button, etc.), a trackball, a mouse, and a joystick, which will not be repeated here. The memory 709 can be used to store software programs and various data, including but not limited to applications and operating systems. The processor 710 may integrate an application processor and a modem processor, wherein the application processor mainly processes an operating system, a user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the modem processor may not be integrated into the processor 710.

[0205] An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, each process of the above-mentioned display method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0206] 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 computer read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0207] The present application also provides a chip, which includes a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the above show The various processes of the method embodiments can achieve the same technical effect, and will not be described again here to avoid repetition.

[0208] It should be understood that the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.

[0209] It should be noted that, in this article, the terms "comprise", "include" or any other variant thereof are intended to cover non-exclusive inclusion, so that the process, method, article or device including a series of elements includes not only those elements, but also includes other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise one..." do not exclude the presence of other identical elements in the process, method, article or device including the element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved, for example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0210] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application is essentially or the part that contributes to the prior art can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM / RAM, a disk, or an optical disk), and includes a number of instructions for a terminal (which can be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods described in each embodiment of the present application.

[0211] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

Claims

1. A display method, characterized in that: The method comprises: Receiving a first input to a first content displayed on a screen, wherein the first content is a first application page; In response to the first input, the first application page is determined as an object in a preset model, and the desktop content is determined as a liquid surface in the preset model, wherein the preset model is used to simulate the motion form of interaction between the object and the liquid surface when they come into contact; Determining first reduction form parameters of the first application page according to the preset model; the first reduction form parameters include a first speed and a first size of the corresponding page reduction; According to the preset model and the position of the corresponding desktop content on the desktop, determine the enlargement form parameters of the corresponding first icon within the first duration, the second reduction form parameters of the corresponding second content, and the alternating scaling form parameters of the corresponding first icon within the second duration, the enlargement form parameters include the second speed and second size of the enlargement of the corresponding first icon, the second reduction form parameters include the third size of the reduction of the corresponding second content, the alternating scaling form parameters include the amplitude and frequency of the alternating scaling of the corresponding first icon, the desktop content includes the first icon and the second content, and the first icon is the application icon corresponding to the first application page; Determine the first reduction morphological parameter, the enlargement morphological parameter, the second reduction morphological parameter, and the alternating enlargement morphological parameter as first motion morphological parameters; The first application page, the first icon, and the second content are dynamically displayed according to the first motion form parameter.

2. The method according to claim 1, characterized in that: The dynamically displaying the first application page, the first icon, and the second content according to the first motion form parameter includes: reducing and displaying the first application page according to the first speed, and continuously increasing the first speed until the first application page is reduced to the first size; While the first application page is being reduced, the second content is displayed in an amplified manner according to the second speed; The first application page is reduced to the first size and then hidden, and when the first application page is hidden, the first icon is displayed on the desktop; During 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; When the first icon is enlarged to a second size, the first icon is displayed alternately enlarged and reduced according to the amplitude and frequency of the alternating scaling within a second duration.

3. The method according to claim 1, characterized in that The method further comprises: receiving a second input of a third content displayed on the screen, wherein the second input is a sliding input, determining a sliding speed and a sliding direction corresponding to the second input; determining a second motion form 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 form parameter; The third content is displayed according to the first display style, and the third content is moved along the sliding direction.

4. The method according to claim 3, characterized in that The method further comprises: Determining a second motion form parameter of a fourth content according to the sliding speed, the sliding direction and the preset model, wherein the display style of the fourth content is the second display style; After moving the third content along the sliding direction, the method includes: When the third content moves to the fourth content, according to the second motion form parameter, the third content is changed from the first display mode to the third display mode, and the fourth content is changed from the second display mode to the fourth display mode; 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. The method according to claim 3, characterized in that: After moving the third content along the sliding direction, the method includes: When the third content stops moving and does not move to the target position, the third content moves to an initial position, where the initial position is the position of the third content before it moves along the sliding direction; During a third time period when the third content returns to the initial position, the third content is dynamically displayed alternately enlarged and reduced according to the second motion pattern parameter.

6. A display device, characterized in that: The device comprises: A first receiving module, configured to receive a first input of a first content displayed on a screen, wherein the first content is a first application page; a first determination submodule, configured to determine, in response to the first input, the first application page as an object in a preset model, and to determine the desktop content as a liquid surface in the preset model, wherein the preset model is used to simulate a motion form of interaction between the object and the liquid surface when in contact; A second determination submodule is used to determine first reduction form parameters of the first application page according to the preset model; the first reduction form parameters include a first speed and a first size of the corresponding page reduction; According to the preset model and the position of the corresponding desktop content on the desktop, determine the enlargement form parameters of the corresponding first icon within the first duration, the second reduction form parameters of the corresponding second content, and the alternating scaling form parameters of the corresponding first icon within the second duration, the enlargement form parameters include the second speed and second size of the enlargement of the corresponding first icon, the second reduction form parameters include the third size of the reduction of the corresponding second content, the alternating scaling form parameters include the amplitude and frequency of the alternating scaling of the corresponding first icon, the desktop content includes the first icon and the second content, and the first icon is the application icon corresponding to the first application page; A third determining submodule is used to determine the first reduction morphological parameter, the enlargement morphological parameter, the second reduction morphological parameter and the alternating zoom morphological parameter as a first motion morphological parameter; A display module is used to dynamically display the first application page, the first icon and the second content according to the first motion form parameter.

7. An electronic device, characterized in that: The method comprises a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the display method according to any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a program or instruction, and when the program or instruction is executed by a processor, the steps of the display method according to any one of claims 1 to 5 are implemented.

Images