Display method, device, electronic device, and storage medium

Abstract

In the embodiments of the present disclosure, a display method, an apparatus, an electronic device, and a storage medium are disclosed, which include: in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, controlling the first interface and a preset second interface to move along a first direction, controlling the second interface to be displayed in the target area, and if the second interface does not satisfy a preset condition, controlling the second interface to enter a first display state so that the upper boundary of the second interface is aligned with the upper boundary of the target area; in response to a second operation acting on the second interface in the first display state, controlling the second interface to move along a second direction so that the second interface enters a second display state from the first display state, and triggering state locking to restrict the second interface from returning from the second display state to the first display state. The display method according to the present disclosure is advantageous for realizing display control for the second interface and improving the interaction effect.

Description

[Technical field]

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS This application is based on and claims priority from a Chinese application having application number 202110559266.X and filing date May 21, 2021, the disclosure of which is hereby incorporated by reference in its entirety into this application.

[0002] The present disclosure relates to the field of information technology, and in particular to a display method, device, electronic device, and storage medium. [Background technology]

[0003] With the development of network technology, various mobile terminal applications are constantly emerging, and users' requirements for the comfort of interaction with mobile terminal applications are also increasing.

[0004] Therefore, in order to improve the interaction effect, it is necessary to further improve the existing interaction methods and continue to improve the comfort during interaction. Summary of the Invention

[0005] In order to solve the above technical problems or at least partially solve the above technical problems, embodiments of the present disclosure provide a display method, device, electronic device, and storage medium that improve the interaction effect by changing the display method during interaction.

[0006] The embodiment of the present disclosure includes: In response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, controlling the first interface and a preset second interface to move along a first direction, and controlling the second interface to be displayed in the target area, and if the second interface does not satisfy a preset condition, controlling the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; In response to a second operation acting on a second interface in a first display state, controlling the second interface to move along a second direction perpendicular to the first direction to cause the second interface to enter a second display state from the first display state and change a display position of the second interface in the target area; and in a second display state, triggering state locking to restrict the second interface from returning from the second display state to the first display state.

[0007] The embodiment of the present disclosure includes: a first display module for controlling, in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, to move the first interface and a preset second interface along a first direction, to control the second interface to be displayed in the target area, and, if the second interface does not satisfy a preset condition, to control the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; a second display module for controlling, in response to a second operation acting on a second interface in a first display state, to move the second interface along a second direction perpendicular to the first direction, thereby causing the second interface to enter a second display state from the first display state and change a display position of the second interface in the target area; and a trigger module for triggering, in a second display state, state locking to restrict the second interface from returning from the second display state to the first display state.

[0008] The embodiment of the present disclosure includes: one or more processors; a storage device for storing one or more programs; The present invention further provides an electronic device that, when the one or more programs are executed by the one or more processors, causes the one or more processors to implement the above display method.

[0009] An embodiment of the present disclosure further provides a computer-readable storage medium having stored thereon a computer program that, when executed by a processor, realizes the above display method.

[0010] An embodiment of the present disclosure further provides a computer program comprising instructions which, when executed by a processor, effectuates the above display method.

[0011] An embodiment of the present disclosure further provides a computer program product including a computer program or instructions that, when executed by a processor, causes the above display method to be implemented.

[0012] The technical solution according to the embodiments of the present disclosure has at least the following advantages:

[0013] A display method according to an embodiment of the present disclosure includes: in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, controlling the first interface and a preset second interface to move along a first direction, controlling the second interface to be displayed in the target area, and if the second interface does not satisfy the preset condition, controlling the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; in response to a second operation acting on the second interface in the first display state, controlling the second interface to move along a second direction perpendicular to the first direction, causing the second interface to enter a second display state from the first display state, thereby changing a display position of the second interface in the target area; and triggering state locking in the second display state to restrict the second interface from returning from the second display state to the first display state. In the display method according to the embodiment of the present disclosure, the state locking of the second display state can effectively ensure the interaction effect and reduce the invalid interaction operation of the user. In addition, by increasing the transition interface, i.e., the first display state of the second interface, during jumping from another interface to the state lock interface, no sudden change occurs when jumping the interaction interface. [Brief description of the drawings]

[0014] The above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent from the following detailed description taken in conjunction with the accompanying drawings, in which the same or similar elements are designated by the same or similar reference numerals in all the accompanying drawings. It should be understood that the accompanying drawings are schematic and that the originals and elements are not necessarily drawn to scale. [Figure 1] 1 is a flowchart of a display method according to an embodiment of the present disclosure. [Diagram 2]FIG. 2 is a schematic diagram of an interaction interface in which a first interface is displayed in an embodiment of the present disclosure. [Diagram 3] FIG. 2 is a schematic diagram of an interaction interface for transitioning from a first interface to a second interface in an embodiment of the present disclosure. [Figure 4] FIG. 2 is a display schematic diagram of a second interface in a first display state in an embodiment of the present disclosure. [Diagram 5] FIG. 13 is a display schematic diagram of a second interface in a second display state in an embodiment of the present disclosure. [Figure 6] FIG. 13 is a schematic diagram of an interaction interface for transitioning from a second interface to a third interface in an embodiment of the present disclosure. [Figure 7] FIG. 13 is a display schematic diagram of a third interface in a third display state in an embodiment of the present disclosure. [Figure 8] FIG. 11 is a schematic diagram of a display of a third interface in an embodiment of the present disclosure. [Figure 9] FIG. 13 is a display schematic diagram of a second interface in a second display state in an embodiment of the present disclosure. [Figure 10] FIG. 13 is a schematic diagram of a display of a second interface in an embodiment of the present disclosure. [Figure 11] FIG. 2 is a schematic diagram of an interaction interface in an embodiment of the present disclosure. [Figure 12] FIG. 2 is a schematic diagram of an interaction interface in an embodiment of the present disclosure. [Figure 13] FIG. 13 is a schematic diagram of a left swipe to jump interface for a second nested interface in an embodiment of the present disclosure. [Figure 14] FIG. 2 is a schematic diagram of an interface in an embodiment of the present disclosure. [Figure 15] FIG. 11 is a display schematic diagram of a fourth interface in a fourth display state in an embodiment of the present disclosure. [Figure 16] FIG. 2 is a schematic diagram of a display of a first interface in an embodiment of the present disclosure. [Figure 17] FIG. 11 is a schematic diagram of a display of a second interface in an embodiment of the present disclosure. [Figure 18] FIG. 13 is a schematic diagram of a first interface that does not satisfy a preset condition in an embodiment of the present disclosure. [Figure 19] FIG. 1 is a schematic diagram illustrating a configuration of a display device according to an embodiment of the present disclosure. [Figure 20] FIG. 1 is a schematic diagram illustrating the configuration of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0015] Hereinafter, the embodiments of the present disclosure will be described in more detail with reference to the accompanying drawings. Although several embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be realized in various forms and should not be construed as being limited to the embodiments described herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the accompanying drawings and embodiments of the present disclosure are merely illustrative and do not limit the scope of protection of the present disclosure.

[0016] It should be understood that the steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. Additionally, method embodiments may include additional steps and / or omit performance of steps shown. The scope of the present disclosure is not limited in this respect.

[0017] As used herein, the term "including" and variations thereof are open-ended, i.e., meaning "including, but not limited to." The term "based on" means "based at least in part on." The term "in one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one other embodiment," and the term "some embodiments" means "at least some embodiments." Relevant definitions of other terms are provided below in the description.

[0018] It should be noted that concepts such as "first" and "second" described in this disclosure are merely intended to distinguish different devices, modules, or units, and are not intended to limit the order or interdependence of functions performed by these devices, modules, or units.

[0019] In addition, the modifications of "one" and "multiple" described in the present disclosure are illustrative and not limiting. It is obvious to those skilled in the art that unless otherwise specified, it should be understood as "one or multiple".

[0020] The names of messages or information exchanged between devices in the embodiments of the present disclosure are merely descriptive and do not limit the scope of these messages or information.

[0021] Existing mobile terminal applications typically include multiple nested interfaces, where each interface supports different gesture operations, or the same gesture operation acting on different interfaces jumps to different display interfaces.

[0022] In this embodiment, in order to reduce invalid operations by the user, in a preset case, state locking is triggered and different nested interfaces are restricted to be displayed in a predetermined area. For example, when the content in the display interface is relatively small and sufficient to be displayed within one screen, invalid up swipe operations by the user can be avoided by displaying different nested interfaces in a predetermined area of ​​the same screen. However, due to the existence of the above state locking, a sudden change is likely to occur in the display interface in nested interface interaction, which is not friendly to visual effects. Therefore, in this embodiment, the transition interface is increased during jumping from another interface to the state lock interface. As a result, a sudden change does not occur when the display interface jumps.

[0023] 1 is a flowchart of a display method in an embodiment of the present disclosure. The method may be performed by a display device, which may be implemented in software and / or hardware manner, and which may be disposed in an electronic device, such as a terminal, including but not limited to a smartphone, palmtop, tablet, wearable device with interaction interface, desktop, laptop, all-in-one device, smart home device, etc.

[0024] As shown in FIG. 1, the method may specifically include the following steps:

[0025] Step 110: In response to a first operation acting on a first interface displayed in a target area of ​​the interaction interface, control the first interface and a predetermined second interface to move along a first direction, control the second interface to be displayed in the target area, and if the second interface does not satisfy the predetermined condition, control the second interface to enter a first display state so that an upper boundary of the second interface is aligned with an upper boundary of the target area.

[0026] In one embodiment, referring to the schematic diagram of the interaction interface in which the first interface is displayed shown in FIG. 2, this diagram includes the first interface 210, and the area currently occupied by the first interface 210 in the interaction interface 220 is the target area. That is, the first interface 210 is displayed in the target area of ​​the interaction interface 220. The first operation may specifically be a horizontal swipe operation, for example, a left swipe operation or a right swipe operation, and the first operation may specifically be an operation that triggers a left / right swipe control. When the first operation is triggered in the first interface 210, the first interface 210 and the preset second interface 230 are controlled to move along a first direction, and the second interface 230 is controlled to be displayed in the target area. Here, the first direction may specifically be a horizontal direction. Specifically, if the first operation is a left swipe operation or an operation that triggers a left swipe control, the first direction is left accordingly. If the first operation is a right swipe operation or an operation that triggers a right swipe control, the first direction is right accordingly. As can be understood, if the first operation is a left swipe operation or an operation that triggers a left swipe control, the first direction may be right accordingly, and if the first operation is a right swipe operation or an operation that triggers a right swipe control, the first direction may be left accordingly.

[0027] The second interface 230 is a different interface from the first interface 210. That is, the content displayed in the second interface 230 is different from the content displayed in the first interface 210. The essence of the above interaction process is to switch to the second interface 230 by horizontally swiping the first interface 210. That is, the display for the first interface 210 is hidden and the second interface 230 is displayed in the interaction interface. Taking the case where the first operation is a left swipe and the first direction is leftward as an example, referring to the schematic diagram of the interaction interface transitioning from the first interface to the second interface shown in FIG. 3, as can be seen by comparing with FIG. 2, the first interface 210 moves a predetermined distance to the left, and a part of the second interface 230 that was not originally displayed in the interaction interface appears.

[0028] Based on FIG. 3, when the user further swipes left, a display schematic diagram of the second interface in the first display state shown in FIG. 4 is obtained. In it, the second interface 230 occupies the display area of ​​the first interface 210 and is displayed in the target area. It should be noted that, if the second interface 230 does not satisfy the preset condition, for example, if the second interface 230 has few contents waiting to be displayed, the second interface 230 is controlled to enter the first display state so that the upper boundary 231 of the second interface 230 is aligned with the upper boundary 232 of the target area (the upper boundary 232 of the target area is shown in FIG. 2 and FIG. 3. In order to display it in distinction from the upper boundary 231 of the second interface 230, only the upper boundary 231 is shown in FIG. 4, and the upper boundary 232 is not shown. This is because the two actually overlap each other). That is, the second interface 230 is displayed relatively above the interaction interface 220. This can improve the interaction effect when used.

[0029] This is because before the second interface 230 is displayed, the first interface 210 occupies a relatively upper position of the interaction interface 220, and at this time, the user's gaze focuses on the relatively upper position of the interaction interface 220, and the second interface 230 has few contents waiting to be displayed, and when state locking is triggered, when switching from the first interface 210 to the second interface 230, the second interface 230 is directly displayed at a relatively lower position of the interaction interface 220, resulting in an abrupt change in the display interface, which brings a bad visual effect to the user and leads to a deterioration in the interaction effect. On the other hand, the display method according to this embodiment changes the interaction method to control that when switching from the first interface 210 to the second interface 230, the upper boundary 231 of the second interface 230 is aligned with the upper boundary 232 of the target area, so that the second interface 230 is displayed at a relatively upper position of the interaction interface 220. This provides the user with a better visual effect and allows the user to have a better interaction effect.

[0030] Here, the preset condition includes that the height of the interface is greater than the height threshold. On the other hand, not satisfying the preset condition indicates that the height of the interface is not greater than the height threshold. In general, the height of the interface is related to the amount of contents waiting to be displayed on the interface, and the height threshold is related to the display height required for other interfaces in the interaction interface. For example, when there are many contents waiting to be displayed on the second interface, even if the second interface fills the entire interaction interface (taking a smartphone as an example, the interaction interface usually refers to the display of a mobile phone), all the contents waiting to be displayed cannot be displayed, and at this time, the interface height of the second interface reaches the height threshold. Conversely, when there are few contents waiting to be displayed on the second interface, the interface height of the second interface is determined according to the contents waiting to be displayed, and is a value smaller than the height threshold.

[0031] Steps 1 20: In response to a second operation acting on the second interface in the first display state, control the second interface to move along a second direction perpendicular to the first direction, causing the second interface to enter a second display state from the first display state and changing a display position of the second interface in the target area.

[0032] In one embodiment, the second operation includes a vertical swipe operation, for example, an up swipe operation, an operation triggering an up swipe control, a down swipe operation, or an operation triggering a down swipe control. If the second operation is an up swipe operation or an operation triggering an up swipe control, the second direction is upward. If the second operation is a down swipe operation or an operation triggering a down swipe control, the second direction is downward. As can be understood, if the second operation is an up swipe operation or an operation triggering an up swipe control, the second direction may be downward, and if the second operation is a down swipe operation or an operation triggering a down swipe control, the second direction may be upward. Taking the case where the second operation is a downward swipe operation or an operation triggering a downward swipe control and the second direction is downward as an example, when the second interface 230 shown in Fig. 4 is swiped downward, the second interface 230 is moved downward, and the second interface 230 is caused to enter the second display state from the first display state, and the display position of the second interface 230 in the target area is controlled to be changed. That is, the upper boundary 231 of the second interface 230 in the second display state is no longer aligned with the upper boundary 232 of the target area, and the second interface 230 is no longer displayed at a relatively upper position in the target area, but moves downward following the downward swipe operation and is displayed at a relatively lower position in the target area. Accordingly, referring to the schematic diagram of the display of the second interface in the second display state shown in FIG. 5, the diagram includes the second interface 230, the upper boundary 231 of the second interface 230, the upper boundary 232 of the target area, and the interaction interface 220, and the upper boundary 231 of the second interface 230 is lower than the preset height 233.

[0033] When switching from the first interface shown in FIG. 2 to the second interface shown in FIG. 5, a more comfortable interaction effect can be obtained by increasing the transition interface shown in FIG.

[0034] Steps 130: In the second presentation state, trigger state locking to restrict the second interface from returning from the second presentation state to the first presentation state.

[0035] That is, triggering any interaction operation (including swipe up, swipe down, swipe left and swipe right) in the second interface in the second display state (as shown in FIG. 5) will not directly return to the first display state (as shown in FIG. 4). Triggering state locking can avoid interaction confusion and avoid falling into invalid overlapping interactions, which is favorable for improving interaction effect and interaction efficiency.

[0036] The display method according to the embodiment of the present disclosure triggers state locking in the second display state, and restricts the second interface from returning from the second display state to the first display state, thereby achieving the purpose of avoiding interaction confusion and avoiding invalid duplicated interaction, and is advantageous for improving the interaction effect and interaction efficiency.

[0037] Based on the above example, in one embodiment, the display method further includes controlling, in response to a first operation acting on the second interface in the first display state, to move the second interface and a preset third interface along a first direction, to display the third interface in the target area, and to cause the third interface to enter a third display state in which the upper boundary of the third interface is aligned with the upper boundary of the target area. That is, when the second interface shown in FIG. 4 is swiped left or right, the second interface and the third interface move left or right. Taking the case where the first operation is a left swipe and the first direction is leftward as an example, refer to the schematic diagram of the interaction interface transitioning from the second interface to the third interface shown in FIG. 6, which includes the second interface 230, the third interface 240, the interaction interface 220, the upper boundary 241 of the third interface 240, and the upper boundary 232 of the target area, and as can be seen by comparing with FIG. 4, the second interface 230 moves a certain distance to the left, and a part of the third interface 240 that was not originally displayed in the interaction interface appears. Based on FIG. 6, when the user further swipes left, a display schematic diagram of the third interface in the third display state shown in FIG. 7 is obtained, in which the third interface 240 occupies the display area of ​​the second interface 230 and is displayed in the target area, and the upper boundary 241 of the third interface 240 is aligned with the upper boundary 232 of the target area. In addition, in Fig. 7, a case where the third interface 240 does not satisfy the preset condition is taken as an example. In Fig. 7, the third display state in which the third interface 240 is placed is substantially the same as the first display state in which the second interface 230 is placed in Fig. 4. Therefore, the interaction logic performed based on the second interface 230 in Fig. 4 is applied to the third interface 240 in Fig. 7. When the third interface 240 satisfies the preset condition, the display schematic diagram of the third interface 240 is as shown in Fig. 8.The third interface 240 fills the entire target area and is substantially the same as the display state of the first interface 210 shown in Fig. 2. Therefore, the interaction logic performed based on the first interface 210 in Fig. 2 is applied to the third interface 240 in Fig. 8.

[0038] As described above, when the second interface 230 in Fig. 4 is swiped left or right, the upper boundary 241 of the third interface 240 is aligned with the upper boundary 232 of the target area, thereby maintaining the same display method as in Fig. 4 and improving the interaction effect when used. This is because the upper boundary 231 of the second interface 230 in Fig. 4 is aligned with the upper boundary 232 of the target area, so that the user's gaze is focused on a relatively upper position of the interaction interface 220. When switching from the second interface 230 to the third interface 240 in Fig. 4, the third interface 240 is displayed at a relatively lower position of the interaction interface 220, which brings a bad visual effect to the user and leads to a deterioration of the interaction effect. On the other hand, in the display method according to the present embodiment, when switching from the second interface 230 to the third interface 240 in FIG. 4, the upper boundary 241 of the third interface 240 is aligned with the upper boundary 232 of the target area by changing the interaction logic. 240 is controlled to be displayed at a relatively upper position of the interaction interface 220, thereby providing the user with a better visual effect and allowing the user to obtain a better interaction effect.

[0039] In one embodiment, the display method further includes maintaining the second interface in the first display state in response to a third operation acting on the second interface in the first display state. Here, the direction of the third operation is opposite to the direction of the above-mentioned second operation. If the second operation is a down swipe operation or an operation triggering a down swipe control, the third operation is an up swipe operation or an operation triggering an up swipe control. In other words, when the second interface 230 shown in FIG. 4 is swiped up, the display state of the second interface does not change, i.e., it continues to maintain the first display state shown in FIG. 4. This is because the second interface in the first display state does not satisfy the preset condition, i.e., the interface height of the second interface is smaller than the height threshold, or in other words, the second interface does not have more contents waiting to be displayed, so that even if the user swipes up on the second interface, the contents of the second interface are not refreshed and the display state of the second interface is not changed, and a good interaction effect is obtained.

[0040] In one embodiment, controlling the second interface to move along the second direction and to enter the second interface from the first display state into the second display state includes controlling the second interface to move along the second direction such that in the second display state, a first height of an upper boundary of the second interface is smaller than a preset height, and the preset height is smaller than a second height at which the upper boundary of the target area is located. With reference to FIG. 4 and FIG. 5, when the second interface 230 in FIG. 4 is swiped down, the second interface 230 is controlled to move down and finally reach the second display state shown in FIG. 5. In FIG. 5, the first height at which the upper boundary 231 of the second interface 230 is located is smaller than a preset height 233, and the preset height 233 is lower than a second height at which the upper boundary 232 of the target area is located. The display schematic diagram after swiping up on the second interface in the second display state may further be as shown in FIG. 9. Comparing Figures 9 and 5, the first height at which the upper boundary 231 of the second interface 230 in Figure 9 is located is higher than the first height at which the upper boundary 231 of the second interface 230 in Figure 5 is located, but both are lower than the second height at which the upper boundary 232 of the target area is located, and both are lower than the preset height 233.

[0041] Further, in one embodiment, after the second interface enters the second display state from the first display state, the display method further includes controlling, in response to a third operation acting on the second interface, to move the second interface along a third direction opposite to the second direction, such that a third height at which an upper boundary of the second interface is located is greater than a first height at which the upper boundary is located when the second interface is in the second display state, and the third height is smaller than a preset height, the preset height being smaller than a second height at which an upper boundary of the target area is located. Specifically, when the height of the second interface 230 is equal to the preset height, swiping up on the second interface 230 shown in FIG. 5 controls the interaction interface to maintain a current state. If the height of the second interface 230 is smaller than the preset height, when the second interface 230 shown in FIG. 5 or FIG. 9 is swiped up, the second interface 230 is moved up, but not moved to a position where the upper boundary 231 of the second interface 230 overlaps with the upper boundary 232 of the target area, and the third height at which the upper boundary 231 of the second interface 230 is located is smaller than the preset height 233, and the preset height 233 is smaller than the second height at which the upper boundary 232 of the target area is located. For example, when the second interface 230 shown in FIG. 5 or FIG. 9 is swiped up, a schematic diagram of the display of the second interface shown in FIG. 10 is obtained. The third height at which the upper boundary 231 of the second interface 230 in FIG. 10 is higher than the first height at which the upper boundary 231 of the second interface 230 in FIG. 5 and FIG. 9 is located, but is not higher than the preset height 233. The advantage of this arrangement is that a third operation triggered by the user can be responded to, further improving the interaction effect.

[0042] In one embodiment, the interaction interface includes a first nested interface, the first nested interface including an interface that jumps based on the first interface by at least one first operation (e.g., a second interface, i.e., the first nested interface includes the second interface). When a height of an upper boundary of the first nested interface is smaller than a second height at which an upper boundary of a target area is located (e.g., when a height of an upper boundary of the second interface in a second display state is smaller than a second height at which an upper boundary of a target area is located), at least one second nested interface is displayed above the first nested interface. 11, the interaction interface includes a first nested interface (i.e., a second interface 230), which is an interface that jumps by at least one first operation based on the first interface 210 shown in FIG. 2, and the height of the upper boundary 231 of the first nested interface is smaller than the second height where the upper boundary 232 of the target area is located, and the second nested interface 250 is displayed above the first nested interface. The interface that jumps in response to the first operation of the first nested interface is different from the interface that jumps in response to the first operation of the second nested interface 250, i.e., the interface that jumps by horizontally swiping the first nested interface is different from the interface that jumps by horizontally swiping the second nested interface 250.

[0043] The above content will be described by taking as an example the case where the display method according to this embodiment is applied to My Page. Referring to the schematic diagram of the interaction interface shown in FIG. 12, the second nested interface 250 is displayed above the first nested interface, the first nested interface 230 is an interface corresponding to the "album" tag, and when the first nested interface 230 is swiped left, it jumps to an interface corresponding to the "Like" tag. On the other hand, when the second nested interface 250 is swiped left, it jumps to a new interface 251, specifically an interface including "My Order, Wallet, Favorites, etc.", and FIG. 13 is a schematic diagram of an interface to be jumped by swiping left on the second nested interface 250. Furthermore, the interface to be jumped in response to the second operation of the first nested interface 230 is the same as the interface to be jumped in response to the second operation of the second nested interface 250. The interface that jumps in response to the third operation of the first nested interface 230 is the same as the interface that jumps in response to the third operation of the second nested interface 250. That is, the interface that jumps by swiping up and down on the first nested interface 230 is the same as the interface that jumps by swiping up and down on the second nested interface 250. Accordingly, when the second interface is swiped up after the second interface enters the second display state from the first display state, the second interface is controlled to move up such that the third height at which the upper boundary of the second interface is located is greater than the first height at which the upper boundary is located when the second interface is in the second display state, and the third height is smaller than a preset height. Here, the preset height may specifically be the difference between the total height of the interaction interface and the minimum height required to fully display the second nested interface.The complete display of the second nested interface may refer to the complete display of preset elements displayed in the second nested interface. The preset elements may include, for example, the tags "Works", "Likes", and "Album" shown in FIG. 12, or may include content such as icons and aliases, and may be determined according to the specific settings of the application scenario.

[0044] In one embodiment, after the second interface enters the second display state from the first display state, the display method further includes controlling the second interface and the preset fourth interface to move along a first direction in response to a first operation acting on the second interface, and controlling the fourth interface to be displayed in a target area and enter a fourth display state in which an upper boundary of the fourth interface is aligned with a first height at which the upper boundary is located when the second interface is in the second display state. Specifically, taking FIG. 5 as an example, when the second interface 230 in FIG. 5 is swiped left, the second interface 230 and the preset fourth interface are controlled to move left. As shown in FIG. 14, the display method includes the second interface 230 and the preset fourth interface 260, and the upper boundary 261 of the fourth interface is aligned with a first height at which the upper boundary 231 is located when the second interface is in the second display state. As can be seen by comparing with FIG. 5, the second interface 230 moves a certain distance to the left, and a part of the fourth interface 240 that was not originally displayed in the interaction interface appears. Based on FIG. 14, when the user further swipes left, the fourth interface is caused to be displayed in the target area, and the fourth interface is controlled to enter a fourth display state in which the upper boundary of the fourth interface is aligned with the first height where the upper boundary is located when the second interface is in the second display state, as shown in FIG. 15, which is a display schematic diagram of the fourth interface in the fourth display state. Therein, the fourth interface 260 occupies the display area of ​​the second interface 230, and is displayed in the target area, and the upper boundary 261 of the fourth interface 260 is aligned with the first height where the upper boundary 231 is located when the second interface is in the second display state.

[0045] What needs to be explained is that when the second interface meets the preset conditions, the second interface can return to any previous state. Specifically, a specific application scenario will be described. Assuming that the display method according to this embodiment is applied to My Page, the first interface is an interface corresponding to the "album" tag in My Page. As shown in FIG. 16, when the first interface 1610 meets the preset conditions and the first interface 1610 is swiped left, it switches to an interface with the "work" tag, for example, the second interface. When the second interface meets the preset conditions, a schematic diagram of switching to the second interface is as shown in FIG. 17, and when the second interface 1710 is swiped right, it can return to the first interface shown in FIG. 16 again. Since both the first interface 1610 and the second interface 1710 meet the preset condition, when the first interface 1610 is swiped up or the second interface 1710 is swiped up, the first interface 1610 or the second interface 1710 will turn the page upward to update the displayed content. Furthermore, referring to the schematic diagram of the first interface not meeting the preset condition shown in FIG. 18, when the first interface 1810 is swiped left, if the corresponding second interface meets the preset condition, the schematic diagram of the second interface after jumping will be as shown in FIG. 17. At this time, when the second interface 1710 is swiped right, it can still return to the first interface 1810 shown in FIG. 18. That is, when the second interface meets the preset condition, the second interface can return to any previous state.

[0046] In one embodiment, how to determine whether the operation triggered by the user based on the interaction interface is an up swipe operation, a down swipe operation, a left swipe operation, or a right swipe operation is described. Specifically, the upper left corner of the interaction interface is labeled as the coordinate origin (0, 0), and when the user taps on the interaction interface, the position coordinate (downX, downY) where the user taps is recorded, and when the user's finger moves, the position coordinate (moveX, moveY) after the movement is recorded and set as deltaX=moveX-downX, deltaY=moveY-downY. If |deltaX|>mTouchSlop (mTouchSlop is the maximum allowable distance where the set interaction operation is a tap instead of a swipe) or |deltaY|>mTouchSlop, it is determined that the current operation is a swipe operation instead of a tap operation. Furthermore, if |deltaX|>|deltaY|, it is determined that the current operation is a horizontal swipe, and if |deltaY|>|deltaX|, it is determined that the current operation is a vertical swipe. If |deltaY|>|deltaX| and deltaY is a negative number, it is determined that the current operation is an up swipe, and if |deltaY|>|deltaX| and deltaY is a positive number, it is determined that the current operation is a down swipe. Similarly, if |deltaX|>|deltaY| and deltaX is a negative number, it is determined that the current operation is a left swipe, and if |deltaX|>|deltaY| and deltaX is a positive number, it is determined that the current operation is a right swipe.

[0047] 19 is a schematic diagram of a configuration of a display device according to an embodiment of the present disclosure. The display device according to the embodiment of the present disclosure may be disposed in a client. Specifically, the display device includes: a first display module 1910 for controlling, in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, to move the first interface and a preset second interface along a first direction, to control the second interface to be displayed in the target area, and, if the second interface does not satisfy a preset condition, to control the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; a second display module 1920 for controlling, in response to a second operation acting on the second interface in the first display state, to move the second interface along a second direction perpendicular to the first direction, to cause the second interface to enter a second display state from the first display state, thereby changing a display position of the second interface in the target area; and a trigger module 1930 for triggering state locking in the second display state to restrict the second interface from returning from the second display state to the first display state.

[0048] Optionally, the display device further includes a third display module for controlling, in response to a first operation acting on the second interface in a first display state, to move the second interface and a preset third interface along a first direction, to display the third interface in the target area, and to cause the third interface to enter a third display state in which an upper boundary of the third interface is aligned with an upper boundary of the target area.

[0049] Optionally, the display device further includes a first control module for controlling the second interface to maintain the second interface in the first display state in response to a third operation acting on the second interface in the first display state, the direction of the third operation being opposite to the direction of the second operation.

[0050] Optionally, the second display module 1920 includes a control unit for controlling, in the second display state, to move the second interface along a second direction so that a first height at which an upper boundary of the second interface is located is smaller than a preset height, the preset height being smaller than a second height at which an upper boundary of the target area is located.

[0051] Optionally, the display device further includes a second control module for controlling, in response to a third operation acting on the second interface after the second interface enters the second display state from the first display state, to move the second interface along a third direction opposite to the second direction such that a third height at which an upper boundary of the second interface is located is greater than a first height at which an upper boundary of the second interface is located when the second interface is in the second display state and the third height is less than a preset height.

[0052] Optionally, the interaction interface includes a first nested interface, the first nested interface including an interface that jumps based on the first interface by at least one first operation, and when a height of an upper boundary of the first nested interface is smaller than a second height at which an upper boundary of the target area is located, at least one second nested interface is displayed above the first nested interface, the interface that jumps in response to a first operation of the first nested interface is different from the interface that jumps in response to a first operation of the second nested interface, the interface that jumps in response to a second operation of the first nested interface is the same as the interface that jumps in response to a second operation of the second nested interface, and the interface that jumps in response to a third operation of the first nested interface is the same as the interface that jumps in response to a third operation of the second nested interface.

[0053] Optionally, the preset height is the difference between the total height of the interaction interface and the minimum height required to fully display the second nested interface.

[0054] Optionally, the first operation includes a horizontal swipe operation or an operation of triggering a left / right swipe control, and the first direction includes a horizontal direction. Optionally, the second operation includes a down swipe operation or an operation of triggering a down swipe control, and the second direction includes a downward direction. Optionally, the third operation includes an up swipe operation or an operation of triggering an up swipe control, and the third direction includes an upward direction. Optionally, the display device further includes a third control module for controlling the second interface and a preset fourth interface to move along a first direction in response to a first operation acting on the second interface after the second interface enters a second display state from a first display state, and for controlling the fourth interface to be displayed in the target area and to enter a fourth display state in which an upper boundary of the fourth interface is aligned with a first height at which an upper boundary of the fourth interface is located when the second interface is in the second display state.

[0055] Optionally, when the second interface satisfies the preset condition, the second interface may revert to any previous state.

[0056] Optionally, the pre-set condition includes an interface height being greater than a height threshold.

[0057] The display device according to the embodiments of the present disclosure can execute the steps executed by the client in the display method according to the method embodiments of the present disclosure, and the execution steps and beneficial effects included therein will not be further described here.

[0058] FIG. 20 is a structural schematic diagram of an electronic device in an embodiment of the present disclosure. Hereinafter, specific reference will be made to FIG. 20 showing a structural schematic diagram of an electronic device 500 suitable for implementing an embodiment of the present disclosure. The electronic device 500 in the embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablets), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and wearable devices, and fixed terminals such as digital TVs, desktop computers, and smart home devices. The electronic device shown in FIG. 20 is merely an example and does not impose any limitations on the functions and scope of use of the embodiment of the present disclosure.

[0059] As shown in Fig. 20, the electronic device 500 may include a processing device (e.g., a central processing unit, a graphic processor, etc.) 501, which can execute various appropriate operations and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503 to realize a display method according to an embodiment of the present disclosure. The RAM 503 further stores various programs and data required for the operation of the electronic device 500. The processing device 501, the ROM 502, and the RAM 503 are connected to each other via a bus 504. An input / output (I / O) interface 505 is also connected to the bus 504.

[0060] In general, input devices 506 including, for example, a touch screen, touch panel, keyboard, mouse, camera head, microphone, accelerometer, gyro, etc., output devices 507 including, for example, a liquid crystal display (LCD), speaker, oscillator, etc., storage devices 508 including, for example, a magnetic tape, hard disk, etc., and communication devices 509 may be connected to the I / O interface 505. The communication devices 509 enable the electronic device 500 to communicate wirelessly or via wires with other devices to exchange data. It should be understood that while FIG. 20 shows the electronic device 500 with various devices, it is not intended to require the electronic device 500 to implement or include all of the devices shown. Alternatively, more or less devices may be implemented or included.

[0061] In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, the computer program including program code for performing the method shown in the flowcharts, thereby implementing the above-mentioned method. In such an embodiment, the computer program can be downloaded and installed from a network by the communication device 509, or installed from the storage device 508, or installed from the ROM 502. When the computer program is executed by the processing device 501, it performs the above-mentioned functions defined in the method of the embodiment of the present disclosure.

[0062] It is necessary to explain that the computer readable medium in the present disclosure may be a computer readable signal medium or a computer readable storage medium or any combination thereof. The computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. The computer readable storage medium may include, but is not limited to, an electrical connection having one or more conductors, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, the computer readable storage medium may be any tangible medium that contains or stores a program, which may be used in or in combination with a command execution system, apparatus, or device. In the present disclosure, the computer readable signal medium may include a data signal propagated in baseband or a data signal propagated as part of a carrier wave, and may carry computer readable program code therein. Such propagated data signals may take many forms, including, but not limited to, electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which may transmit, propagate, or transmit a program for use in or in connection with a command execution system, apparatus, or device. The program code contained in the computer-readable medium may be transmitted over any suitable medium, including, but not limited to, electrical wires, optical cables, RF (radio frequency), or the like, or any suitable combination thereof.

[0063] In some embodiments, the clients and servers may communicate using any now known or later developed network protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communications networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet, and an end-to-end network (e.g., an ad hoc end-to-end network), as well as any network now known or later developed.

[0064] The computer-readable medium may be included in the electronic device, or may be a separate entity not mounted on the electronic device.

[0065] The computer-readable medium includes one or more programs, which, when executed by the electronic device, cause the electronic device to perform the following: That is, in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, the first interface and a preset second interface are controlled to move along a first direction, and the second interface is controlled to be displayed in the target area, and if the second interface does not satisfy a preset condition, the second interface is controlled to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; in response to a second operation acting on the second interface in the first display state, the second interface is controlled to move along a second direction perpendicular to the first direction, so that the second interface enters a second display state from the first display state, thereby changing a display position of the second interface in the target area; and in the second display state, triggering state locking to restrict the second interface from returning from the second display state to the first display state.

[0066] Optionally, when the one or more programs are executed by the electronic device, the electronic device may perform other steps described in the above embodiments.

[0067] Computer program code for carrying out the operations of the present disclosure can be written using one or more programming languages ​​or combinations thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, and general procedural programming languages ​​such as "C" or similar programming languages, but are not limited to these. The program code can run entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer by any network, including a local area network (LAN) or wide area network (WAN), or can be connected to an external computer (e.g., via the Internet using an Internet Service Provider).

[0068] The flowcharts and block diagrams in the accompanying drawings illustrate possible system architectures, functions, and operations of the systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowcharts or block diagrams may represent a module, program segment, or part of code, which includes one or more executable instructions for implementing a specified logical function. It should be noted that in some permutation implementations, the functions depicted in the blocks may be implemented in a different order than that depicted in the drawings. For example, two consecutively depicted blocks may be executed substantially simultaneously, or, depending on the functionality, they may be executed in the reverse order. It should be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented by a dedicated system based on hardware that executes the specified functions or operations, or by a combination of dedicated hardware and computer instructions.

[0069] The units according to the embodiments of the present disclosure may be realized by software or hardware, and the names of the units may not limit the units themselves.

[0070] The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, exemplary hardware logic components that may be used include, but are not limited to, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), etc.

[0071] In the present disclosure, a machine-readable medium may be a tangible medium, and may include or store a program used by or in combination with a command execution system, apparatus, or device. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the above. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memories (RAMs), read-only memories (ROMs), erasable programmable read-only memories (EPROMs or flash memories), optical fibers, portable compact disk read-only memories (CD-ROMs), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0072] According to one or more embodiments of the present disclosure, the present disclosure provides a display method, including: in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, controlling a first interface and a preset second interface to move along a first direction, controlling the second interface to be displayed in the target area, and if the second interface does not satisfy a preset condition, controlling the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; in response to a second operation acting on the second interface in the first display state, controlling the second interface to move along a second direction perpendicular to the first direction, causing the second interface to enter a second display state from the first display state, thereby changing a display position of the second interface in the target area; and triggering a state locking in the second display state to restrict the second interface from returning from the second display state to the first display state.

[0073] According to one or more embodiments of the present disclosure, the display method of the present disclosure further includes selectively controlling, in response to a first operation acting on a second interface in a first display state, to move the second interface and a predetermined third interface along a first direction, to display the third interface in the target area, and to cause the third interface to enter a third display state in which an upper boundary of the third interface is aligned with an upper boundary of the target area.

[0074] According to one or more embodiments of the present disclosure, the display method of the present disclosure further includes selectively controlling the second interface to maintain the second interface in the first display state in response to a third operation acting on the second interface in the first display state, wherein a direction of the third operation is opposite to a direction of the second operation.

[0075] According to one or more embodiments of the present disclosure, in the display method according to the present disclosure, selectively controlling the second interface to move along a second direction to cause the second interface to enter a second display state from a first display state includes: In a second display state, the method includes controlling the second interface to move along a second direction so that a first height at which an upper boundary of the second interface is located is smaller than a preset height, the preset height being smaller than a second height at which an upper boundary of the target area is located.

[0076] According to one or more embodiments of the present disclosure, in the display method according to the present disclosure, optionally, after the second interface enters a second display state from a first display state, the method further includes controlling, in response to a third operation acting on the second interface, to move the second interface along a third direction opposite to the second direction, such that a third height at which an upper boundary of the second interface is located is greater than a first height at which an upper boundary of the second interface is located when the second interface is in the second display state, and the third height is less than a preset height.

[0077] According to one or more embodiments of the present disclosure, in a display method according to the present disclosure, optionally, the interaction interface includes a first nested interface, the first nested interface includes an interface that jumps based on the first interface by at least one first operation, and when a height of an upper boundary of the first nested interface is smaller than a second height at which the upper boundary of the target area is located, at least one second nested interface is displayed above the first nested interface, and the interface that jumps in response to the first operation of the first nested interface is different from the interface that jumps in response to the first operation of the second nested interface, the interface that jumps in response to the second operation of the first nested interface is the same as the interface that jumps in response to the second operation of the second nested interface, and the interface that jumps in response to the third operation of the first nested interface is the same as the interface that jumps in response to the third operation of the second nested interface.

[0078] According to one or more embodiments of the present disclosure, in the display method according to the present disclosure, optionally, the preset height is the difference between the total height of the interaction interface and the minimum height required to completely display the second nested interface.

[0079] According to one or more embodiments of the present disclosure, in a display method according to the present disclosure, selectively, the first operation includes a horizontal swipe operation or an operation triggering a left / right swipe control, and the first direction includes a horizontal direction, and / or the second operation includes a down swipe operation or an operation triggering a down swipe control, and the second direction includes a downward direction, and / or the third operation includes an up swipe operation or an operation triggering an up swipe control, and the third direction includes an upward direction.

[0080] According to one or more embodiments of the present disclosure, in the display method according to the present disclosure, optionally, after the second interface enters a second display state from a first display state, the method further includes: in response to a first operation acting on the second interface, controlling the second interface and a predetermined fourth interface to move along a first direction, and controlling the fourth interface to be displayed in the target area, and controlling the fourth interface to enter a fourth display state in which an upper boundary of the fourth interface is aligned with a first height at which the upper boundary is located when the second interface is in the second display state.

[0081] According to one or more embodiments of the present disclosure, in the display method according to the present disclosure, optionally, if the second interface satisfies the preset condition, the second interface can return to any previous state.

[0082] According to one or more embodiments of the present disclosure, in the display method according to the present disclosure, optionally, the pre-set condition includes that the height of the interface is greater than a height threshold.

[0083] According to one or more embodiments of the present disclosure, the present disclosure provides a display device including: a first display module for, in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, controlling the first interface and a preset second interface to move along a first direction, controlling the second interface to be displayed in the target area, and, if the second interface does not satisfy a preset condition, controlling the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; a second display module for, in response to a second operation acting on the second interface in the first display state, controlling the second interface to move along a second direction perpendicular to the first direction, causing the second interface to enter a second display state from the first display state, thereby changing a display position of the second interface in the target area; and a trigger module for triggering state locking in the second display state to restrict the second interface from returning from the second display state to the first display state.

[0084] According to one or more embodiments of the present disclosure, the display device according to the present disclosure further includes a third display module for selectively controlling, in response to a first operation acting on a second interface in a first display state, to move the second interface and a predetermined third interface along a first direction, to display the third interface in the target area, and to cause the third interface to enter a third display state in which an upper boundary of the third interface is aligned with an upper boundary of the target area.

[0085] According to one or more embodiments of the present disclosure, the display device according to the present disclosure further includes a first control module for selectively controlling the second interface to maintain the second interface in the first display state in response to a third operation acting on the second interface in the first display state, wherein a direction of the third operation is opposite to a direction of the second operation.

[0086] According to one or more embodiments of the present disclosure, in a display device according to the present disclosure, optionally, the second display module includes a control unit for controlling the second interface to move along a second direction so that, in a second display state, a first height at which an upper boundary of the second interface is located is smaller than a preset height, and the preset height is smaller than a second height at which an upper boundary of the target area is located.

[0087] According to one or more embodiments of the present disclosure, the display device according to the present disclosure optionally further includes a second control module for controlling, in response to a third operation acting on the second interface after the second interface enters the second display state from the first display state, to move the second interface along a third direction opposite to the second direction such that a third height at which an upper boundary of the second interface is located is greater than a first height at which an upper boundary of the second interface is located when the second interface is in the second display state, and the third height is less than a preset height.

[0088] According to one or more embodiments of the present disclosure, in a display device according to the present disclosure, optionally, the interaction interface includes a first nested interface, the first nested interface includes an interface that jumps based on the first interface by at least one first operation, and when a height of an upper boundary of the first nested interface is smaller than a second height at which the upper boundary of the target area is located, at least one second nested interface is displayed above the first nested interface, and the interface that jumps in response to a first operation of the first nested interface is different from the interface that jumps in response to a first operation of the second nested interface, the interface that jumps in response to a second operation of the first nested interface is the same as the interface that jumps in response to a second operation of the second nested interface, and the interface that jumps in response to a third operation of the first nested interface is the same as the interface that jumps in response to a third operation of the second nested interface.

[0089] According to one or more embodiments of the present disclosure, in a display device according to the present disclosure, optionally, the pre-set height is the difference between the total height of the interaction interface and the minimum height required to completely display the second nested interface.

[0090] According to one or more embodiments of the present disclosure, in a display device according to the present disclosure, selectively, the first operation includes a horizontal swipe operation or an operation triggering a left / right swipe control, and the first direction includes a horizontal direction, and / or the second operation includes a down swipe operation or an operation triggering a down swipe control, and the second direction includes a downward direction, and / or the third operation includes an up swipe operation or an operation triggering an up swipe control, and the third direction includes an upward direction.

[0091] According to one or more embodiments of the present disclosure, in the display device according to the present disclosure, selectively, in response to a first operation acting on the second interface after the second interface enters the second display state from the first display state, the display device further includes a third control module for selectively controlling the second interface and a predetermined fourth interface to move along a first direction, and displaying the fourth interface in the target area, so as to control the fourth interface to enter a fourth display state in which an upper boundary of the fourth interface is aligned with a first height at which the upper boundary is located when the second interface is in the second display state.

[0092] According to one or more embodiments of the present disclosure, in a display device according to the present disclosure, optionally, if the second interface satisfies the preset condition, the second interface can return to any previous state.

[0093] According to one or more embodiments of the present disclosure, in the display device according to the present disclosure, optionally, the pre-set condition includes that the height of the interface is greater than a height threshold.

[0094] According to one or more embodiments of the present disclosure, the present disclosure provides a method for producing a liquid crystal display comprising: one or more processors; a memory for storing one or more programs; The present invention also provides an electronic device that, when the one or more programs are executed by the one or more processors, causes the one or more processors to realize any one of the display methods described herein.

[0095] According to one or more embodiments of the present disclosure, the present disclosure provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, causes any of the display methods described herein to be implemented.

[0096] An embodiment of the present disclosure further provides a computer program comprising instructions which, when executed by a processor, effectuates the above display method.

[0097] An embodiment of the present disclosure further provides a computer program product including a computer program or instructions that, when executed by a processor, causes the above display method to be implemented.

[0098] The above is merely a description of the preferred embodiments and the technical principles applied in the present disclosure. It is obvious to those skilled in the art that the scope of the disclosure of the present disclosure is not limited to the technical solution based on the specific combination of the above technical features, but should also include other technical solutions formed by any combination of the above technical features or features equivalent thereto without departing from the concept of the above disclosure. For example, it also includes technical solutions formed by replacing the above features with technical features having similar functions (including but not limited to those) disclosed in the present disclosure.

[0099] Also, although operations are described in a particular order, this should not be understood as requiring such operations to be performed in the particular order shown, or in sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, although certain specific implementation details are included in the above description, they should not be construed as limiting the scope of the disclosure. Certain features described in a single embodiment may be implemented in a single embodiment in combination. Conversely, various features described in a single embodiment may be implemented in multiple embodiments separately or in any suitable subcombination.

[0100] Although the present subject matter has been described in language specific to structural features and / or methodological operations, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or operations described above. Rather, the specific features and operations described above are merely example forms of implementing the claims.

Claims

1. in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, controlling the first interface and a preset second interface to move along a first direction, controlling the first interface to be switched to the second interface for display in the target area, and, if the second interface does not satisfy a preset condition, controlling the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; in response to a second operation acting on a second interface in a first display state, controlling the second interface to move along a second direction perpendicular to the first direction to cause the second interface to enter a second display state from the first display state and change a display position of the second interface in the target area; and in a second display state, triggering state locking to restrict the second interface from returning from the second display state to the first display state.

2. 2. The method of claim 1, further comprising: in response to a first operation acting on a second interface in a first display state, controlling the second interface and a preset third interface to move along a first direction, cause the third interface to be displayed in the target area, and cause the third interface to enter a third display state in which an upper boundary of the third interface is aligned with an upper boundary of the target area.

3. 2. The method of claim 1, further comprising: in response to a third operation acting on a second interface in a first display state, controlling the second interface to maintain the second display state, the direction of the third operation being opposite to the direction of the second operation.

4. The step of controlling the second interface to move along a second direction to cause the second interface to enter a second display state from a first display state includes:

2. The method of claim 1, further comprising: controlling, in a second display state, to move the second interface along a second direction such that a first height at which an upper boundary of the second interface is located is smaller than a preset height, the preset height being smaller than a second height at which an upper boundary of the target area is located.

5. After the second interface enters a second display state from a first display state, the method further comprises:

5. The method of claim 4, further comprising: in response to a third operation acting on the second interface, controlling the second interface to move along a third direction opposite to the second direction such that a third height at which an upper boundary of the second interface is located is greater than a first height at which an upper boundary of the second interface is located when the second interface is in a second display state, and the third height is less than a preset height.

6. The interaction interface includes a first nested interface, the first nested interface including an interface that jumps based on the first interface by at least one first operation, and when a height of an upper boundary of the first nested interface is smaller than a second height at which an upper boundary of the target area is located, displaying at least one second nested interface above the first nested interface; an interface that jumps in response to a first operation of the first nested interface is different from an interface that jumps in response to a first operation of the second nested interface; an interface that jumps in response to a second operation of the first nested interface is the same as an interface that jumps in response to a second operation of the second nested interface; 6. The method of claim 5, wherein an interface to jump to in response to a third operation of the first nested interface is the same as an interface to jump to in response to a third operation of the second nested interface.

7. The method of claim 6 , wherein the preset height is the difference between a total height of the interaction interface and a minimum height required to fully display the second nested interface.

8. The first operation includes a horizontal swipe operation or an operation triggering a left / right swipe control, and the first direction includes a horizontal direction; The second operation includes a downward swipe operation or an operation triggering a downward swipe control, and the second direction includes a downward direction; The method of any one of claims 5 to 7, further comprising at least one of: the third operation includes an up swipe operation or an operation that triggers an up swipe control; and the third direction includes an upward direction.

9. After the second interface enters a second display state from a first display state, the method further comprises:

8. The method of claim 1, further comprising: in response to a first operation acting on the second interface, controlling the second interface and a preset fourth interface to move along a first direction, and controlling the fourth interface to be displayed in the target area and to enter a fourth display state in which an upper boundary of the fourth interface is aligned with a first height at which an upper boundary is located when the second interface is in the second display state.

10. 8. The method of claim 1, wherein if the second interface satisfies the preset condition, the second interface can revert from a current display state to any display state before the second interface, or switch back to the first interface.

11. The method of any one of claims 1 to 7, wherein the pre-set condition includes an interface height being greater than a height threshold.

12. a first display module for controlling, in response to a first operation acting on a first interface displayed in a target area of ​​an interaction interface, to move the first interface and a preset second interface along a first direction, to switch from the first interface to the second interface to be displayed in the target area, and, if the second interface does not satisfy a preset condition, to control the second interface to enter a first display state such that an upper boundary of the second interface is aligned with an upper boundary of the target area; a second display module for controlling, in response to a second operation acting on a second interface in a first display state, to move the second interface along a second direction perpendicular to the first direction to cause the second interface to enter a second display state from the first display state and change a display position of the second interface in the target area; a trigger module for triggering state locking in a second display state to restrict the second interface from returning from the second display state to the first display state.

13. 13. The display device of claim 12, further comprising a third display module for controlling, in response to a first operation acting on a second interface in a first display state, to move the second interface and a preset third interface along a first direction, to display the third interface in the target area, and to cause the third interface to enter a third display state in which an upper boundary of the third interface is aligned with an upper boundary of the target area.

14. 13. The display device of claim 12, further comprising a first control module for controlling the second interface to maintain the second interface in the first display state in response to a third operation acting on the second interface in the first display state, the direction of the third operation being opposite to the direction of the second operation.

15. The display device of claim 12, wherein the second display module includes a control unit for controlling the second interface to move along a second direction so that, in a second display state, a first height at which an upper boundary of the second interface is located is smaller than a preset height, and the preset height is smaller than a second height at which an upper boundary of the target area is located.

16. 16. The display device of claim 15, further comprising a second control module for controlling, in response to a third operation acting on the second interface after the second interface enters the second display state from the first display state, to move the second interface along a third direction opposite to the second direction such that a third height at which an upper boundary of the second interface is located is greater than a first height at which an upper boundary of the second interface is located when the second interface is in the second display state and the third height is less than a preset height.

17. The interaction interface includes a first nested interface, the first nested interface including an interface that jumps based on the first interface by at least one first operation, and when a height of an upper boundary of the first nested interface is smaller than a second height at which an upper boundary of the target area is located, displaying at least one second nested interface above the first nested interface; an interface that jumps in response to a first operation of the first nested interface is different from an interface that jumps in response to a first operation of the second nested interface; an interface that jumps in response to a second operation of the first nested interface is the same as an interface that jumps in response to a second operation of the second nested interface; 17. The display device of claim 16, wherein an interface that jumps in response to a third operation of the first nested interface is the same as an interface that jumps in response to a third operation of the second nested interface.

18. 18. The display device of claim 17, wherein the preset height is the difference between a total height of an interaction interface and a minimum height required to completely display the second nested interface.

19. The first operation includes a horizontal swipe operation or an operation of triggering a left / right swipe control, and the first direction includes a horizontal direction; The second operation includes a downward swipe operation or an operation that triggers a downward swipe control, and the second direction includes a downward direction; The display device according to any one of claims 16 to 18, wherein the third operation includes an up swipe operation or an operation that triggers an up swipe control, and the third direction includes an upward direction.

20. The display device of any one of claims 12 to 18, further comprising a third control module for controlling, in response to a first operation acting on the second interface after the second interface has entered the second display state from the first display state, to control the second interface and a predetermined fourth interface to move along a first direction, to display the fourth interface in the target area, and to control the fourth interface to enter a fourth display state in which an upper boundary of the fourth interface is aligned with a first height at which the upper boundary is located when the second interface is in the second display state.

21. A display device according to any one of claims 12 to 18, wherein if the second interface satisfies the preset condition, the second interface can return from a current display state to any display state before the second interface, or switch back to the first interface.

22. The display device according to any one of claims 12 to 18, wherein the preset condition includes that the height of the interface is greater than a height threshold value.

23. one or more processors; a storage device for storing one or more programs; An electronic device, wherein said one or more programs, when executed by said one or more processors, cause said one or more processors to implement the method according to any one of claims 1 to 7.

24. A computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the method according to any one of claims 1 to 7.

25. A computer program comprising instructions which, when executed by a processor, causes the computer to implement the method according to any one of claims 1 to 7.

26. A computer program comprising computer programs or instructions which, when executed by a processor, cause the computer to implement the method according to any one of claims 1 to 7.

Images