WO2022227816A1 - Interface interaction method and apparatus, and electronic device and storage medium - Google Patents

Abstract

The present application relates to an interface interaction method and apparatus, and an electronic device and a storage medium. The interface interaction method comprises: during a process of displaying a target interface on the basis of a display screen, and in response to a received first sliding touch-control operation, a terminal displaying the target interface in a sliding manner; during a process of displaying the target interface in a sliding manner, receiving a second touch-control operation; and if the second touch-control operation meets a preset trigger condition, exiting the target interface, wherein the trigger condition comprises that the operation type of the second touch-control operation is the same as that of the first sliding touch-control operation. In the present solution, a terminal displays a target interface in a sliding manner in response to a first sliding touch-control operation for displaying the target interface on the basis of a display screen; receives a second touch-control operation during a process of displaying the target interface in a sliding manner; and when it is determined that the second touch-control operation meets a preset trigger condition, executes an operation of exiting the target interface, such that on the basis of two layers of determination logic, an interface browsing operation can be effectively distinguished from an interface exiting operation, thereby enhancing the intelligence of interface interaction of the terminal.

Description

Interface interaction method, device, electronic device and storage medium

Related applications

This application claims the priority of the Chinese patent application filed on April 28, 2021, the application number is 2021104690701, and the title is "Interface Interaction Method, Apparatus, Electronic Device and Storage Medium", which is hereby incorporated by reference in its entirety.

technical field

The present application relates to the technical field of intelligent terminals, and in particular, to an interface interaction method, apparatus, electronic device and storage medium.

Background technique

In the prior art, the interface interaction mode of the smart terminal can implement different functions through sliding operations in different directions. For example, the application list interface can be swiped up and down to view different applications.

However, with the development of intelligent terminals, the interface interaction modes of intelligent terminals are becoming more and more diverse. However, the user's operation mode is relatively simple. In some cases, the operation of exiting the current interface may conflict with the operation of browsing the interface content. As a result, it is impossible to distinguish between the exit operation and the browsing interface operation.

SUMMARY OF THE INVENTION

The embodiments of the present application provide an interface interaction method, apparatus, electronic device, and storage medium, which can effectively distinguish between a sliding switch interface operation and a sliding exit interface operation, so that the interface interaction is more intelligent.

An interface interaction method, applied to a display screen with a touch function, includes:

During the process of displaying the target interface on the display screen, slidingly displays the target interface in response to the received first sliding touch operation;

In the process of sliding to display the target interface, receiving a second touch operation;

If the second touch operation satisfies a preset trigger condition, exit the target interface; the trigger condition includes that the operation type of the second touch operation is consistent with the operation type of the first sliding touch operation.

Preferably, the operation type of the second touch operation is consistent with that of the first sliding touch operation, including: the second touch operation is a sliding operation, and the sliding direction is the same as that of the first sliding touch operation. the same direction.

Preferably, if the second touch operation satisfies a preset trigger condition, exiting the target interface includes:

If the target interface satisfies a preset interface exit condition, and the second touch operation satisfies the trigger condition, exit the target interface.

Preferably, the interface exit conditions include: the operation state of the target interface is a state to be slid to exit; the state to be slid to exit is a state determined when the target boundary of the target interface is displayed on the display screen.

Preferably, the method further includes:

If the second touch operation does not satisfy the triggering condition, exit the to-be-sliding exit state.

Preferably, the second touch operation is an operation triggered after the target boundary of the target interface is displayed on the display screen during the sliding display of the target interface.

Preferably, the method further includes:

During the process of sliding and displaying the target interface, the interface state of the target interface is obtained; the interface state represents the sliding track of the target interface;

If the interface state is a preset interface state, it is determined that the target boundary of the target interface is displayed on the display screen.

Preferably, the preset interface state is that the target interface slides in the first direction corresponding to the first sliding touch operation until the target boundary stays at the boundary of the display screen; or,

The preset interface state is that the target interface slides in the first direction corresponding to the sliding touch operation until the target boundary crosses the boundary of the display screen, and slides to the preset position and then slides to the second direction. The target boundary stays at the position of the boundary of the display screen; the second direction is opposite to the first direction.

Preferably, the trigger condition further includes: the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition.

Preferably, the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition, including:

The number of pixels between the position of the initial touch point of the second touch operation and the boundary of the display screen is less than a preset number threshold, and/or,

The distance between the position of the initial touch point of the second touch operation and the boundary of the display screen is smaller than a preset distance threshold.

An interface interaction method, applied to a display screen with a touch function, includes:

In the process of displaying the target interface on the display screen, receiving a touch operation;

If the touch operation satisfies a preset trigger condition, exit the target interface; the trigger condition includes that the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, and the operation type of the touch operation is a preset operation type.

Preferably, the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, including:

The number of pixels between the position of the initial touch point of the touch operation and the boundary of the display screen is less than a preset number threshold, and/or,

The distance between the position of the initial touch point of the touch operation and the boundary of the display screen is smaller than a preset distance threshold.

An interface interaction device, the device includes:

a sliding module, used for slidingly displaying the target interface in response to the received first sliding touch operation during the process of displaying the target interface on the display screen;

a receiving module, configured to receive a second touch operation in the process of sliding to display the target interface;

An exit module, configured to exit the target interface if the second touch operation satisfies a preset trigger condition; the trigger condition includes operations of the second touch operation and the first sliding touch operation same type.

Preferably, the operation type of the second touch operation is consistent with that of the first sliding touch operation, including: the second touch operation is a sliding operation, and the sliding direction is the same as that of the first sliding touch operation. the same direction.

Preferably, the exit module is configured to exit the target interface if the target interface satisfies a preset interface exit condition and the second touch operation satisfies the trigger condition.

Preferably, the interface exit conditions include: the operation state of the target interface is a state to be slid to exit; the state to be slid to exit is a state determined when the target boundary of the target interface is displayed on the display screen.

Preferably, the exiting module is configured to exit the to-be-sliding exit state if the second touch operation does not satisfy the triggering condition.

Preferably, the second touch operation is an operation triggered after the target boundary of the target interface is displayed on the display screen during the sliding display of the target interface.

Preferably, the receiving module is configured to acquire the interface state of the target interface during the process of sliding and displaying the target interface; the interface state represents the sliding track of the target interface; if the interface state is a preset If the interface state is set, it is determined that the target boundary of the target interface is displayed on the display screen.

Preferably, the preset interface state is that the target interface slides in the first direction corresponding to the first sliding touch operation until the target boundary stays at the boundary of the display screen; or,

The preset interface state is that the target interface slides in the first direction corresponding to the sliding touch operation until the target boundary crosses the boundary of the display screen, and slides to the preset position and then slides to the second direction. The target boundary stays at the position of the boundary of the display screen; the second direction is opposite to the first direction.

Preferably, the trigger condition further includes: the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition.

Preferably, the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition, including:

The number of pixels between the position of the initial touch point of the second touch operation and the boundary of the display screen is less than the preset number threshold, and/or the position of the initial touch point of the second touch operation is the same as the The distance between the boundaries of the display screen is less than the preset distance threshold.

An interface interaction device, the device includes:

The receiving module is used for receiving the touch operation during the process of displaying the target interface on the display screen;

An exit module, configured to exit the target interface if the touch operation satisfies a preset trigger condition; the trigger condition includes a distance between the position of the touch point of the touch operation and the boundary of the display screen The relationship satisfies the preset threshold condition, and the operation type of the touch operation is the preset operation type.

Preferably, the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, including:

The number of pixels between the position of the initial touch point of the touch operation and the boundary of the display screen is less than a preset number threshold, and/or,

The distance between the position of the initial touch point of the touch operation and the boundary of the display screen is smaller than a preset distance threshold.

An electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the above-mentioned interface interaction method when the computer program is executed.

A computer-readable storage medium on which a computer program is stored, and when the computer program is executed by a processor, realizes the above-mentioned interface interaction method.

In the above interface interaction method, device, electronic device and storage medium, in the process of displaying the target interface based on the display screen, the terminal slides and displays the target interface in response to the received first sliding touch operation, and in the process of slidingly displaying the target interface, receives the For the second touch operation, if the second touch operation satisfies a preset trigger condition, the target interface is exited, wherein the trigger condition includes that the operation type of the second touch operation is the same as that of the first sliding touch operation. In this solution, the terminal performs the sliding display of the target interface in response to the first sliding touch operation based on the display screen to display the target interface. During the sliding display process, the second touch operation and the first sliding touch operation are performed. The target interface is launched when the types are the same, that is, normal interface operations and exit interface operations can be distinguished for touch operations of the same type, which enhances the intelligence of the terminal interface interaction.

Description of drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the following briefly introduces the accompanying drawings required for the description of the embodiments or the prior art. Obviously, the drawings in the following description are only These are some embodiments of the present application. For those of ordinary skill in the art, other drawings can also be obtained based on these drawings without any creative effort.

1 is a schematic diagram of an interface interaction mode in an up and down sliding mode of an intelligent terminal in one embodiment;

2 is a schematic diagram of an interface interaction mode in an omnidirectional sliding mode of an intelligent terminal in one embodiment;

3 is a flowchart of an interface interaction method in one embodiment;

4 is a schematic diagram of interface interaction of an intelligent terminal where an interface interaction method is located in an embodiment;

5 is a schematic diagram of interface interaction of an intelligent terminal where an interface interaction method is located in an embodiment;

6 is a flowchart of an interface interaction method in another embodiment;

7 is a schematic diagram of interface interaction of an intelligent terminal where an interface interaction method is located in an embodiment;

8 is a schematic diagram of interface interaction of an intelligent terminal where an interface interaction method is located in one embodiment;

9 is a schematic diagram of interface interaction of an intelligent terminal where the interface interaction method is located in one embodiment;

10 is a flowchart of an interface interaction method in another embodiment;

11 is a structural block diagram of an interface interaction device in one embodiment;

12 is a structural block diagram of an interface interaction apparatus in another embodiment;

FIG. 13 is a structural block diagram of an electronic device in one embodiment.

Detailed ways

In order to make the purpose, technical solutions and advantages of the present application more clearly understood, the present application will be described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application, but not to limit the present application.

It will be understood that the terms "first", "second", etc. used in this application may be used herein to describe various elements, but these elements are not limited by these terms. These terms are only used to distinguish a first element from another element. For example, a first client may be referred to as a second client, and similarly, a second client may be referred to as a first client, without departing from the scope of this application. Both the first client and the second client are clients, but they are not the same client.

In the prior art, the interface interaction mode of the smart terminal can realize different functions through sliding operations in different directions. For example, the interaction of the application list interface on the watch is the up and down sliding mode, as shown in FIG. 1 , which is shown in FIG. 1 . A dial display interface of a smart watch based on a sliding up and down interaction mode. You can view different applications by sliding up and down. In this interaction mode, you can set the right sliding operation as an operation to exit the current interface.

However, with the development of smart terminals, the interface interaction modes of smart terminals are becoming more and more diverse. For example, it can be omnidirectional interaction modes such as up, down, left, and right, as shown in Figure 2. Figure 2 shows a A dial display interface of a smart watch based on an omnidirectional sliding interaction mode. In the prior art, the operation of swiping right to exit the current interface and the operation of swiping right to switch the interface may conflict, resulting in inability to distinguish between the exit operation of right swiping and the switching interface of right swiping. operation, resulting in less intelligent interface interaction.

Based on the above problems, this embodiment provides a method for interface interaction, which is applied to the display screen with touch function shown in FIG. 2 , and when the touch mode is the omnidirectional interactive mode, the terminal can obtain the The generated touch operation is logically judged at least twice according to the touch operation, and then the corresponding operation is performed, which can effectively distinguish the exit interface operation and the browsing interface operation, and enhance the intelligence of the interface interaction. Optionally, the terminal may also be a mobile phone, a smart watch, a tablet computer, and other portable wearable devices with a touch interface.

FIG. 3 is a flowchart of an interface interaction method in one embodiment. The interface interaction method in this embodiment is described by taking running on the terminal in FIG. 2 as an example. As shown in FIG. 3 , the interface interaction method includes steps 201 to 203 .

Step 201 , in the process of displaying the target interface based on the display screen, slide and display the target interface in response to the received first sliding touch operation.

Optionally, the target interface is a current operation interface, which can be any display interface of the terminal. For example, the target interface can be an application list interface or an application content interface. The first sliding touch operation refers to a sliding behavior performed by the user based on the display screen of the terminal. For example, the first sliding touch operation may be a sliding operation in any direction, such as sliding up, sliding down, sliding left, or sliding right. The sliding display means that the target interface continuously slides along a certain direction on the display screen, for example, the target interface continuously slides to the right on the display screen, or the target interface continuously slides upward on the display screen, and so on.

In this embodiment, when the user generates the first sliding touch operation based on the display screen, the terminal determines the corresponding sliding direction according to the first sliding touch operation in response to the user's first sliding touch operation, so as to The target interface is displayed by sliding in the sliding direction. For example, the user generates a right sliding operation based on the display screen, the terminal responds to the user's first sliding touch operation, determines that the sliding direction of the first sliding touch operation is right sliding, and according to the sliding direction, slides right to display the target interface. . The terminal responding to the first sliding touch operation in other directions is similar to responding to the right sliding operation. Optionally, the terminal may also acquire the sliding range of the first sliding touch operation, so as to perform the operation of sliding to display the target interface according to the sliding range and the sliding direction, which is not limited in this embodiment.

Step 202, in the process of sliding to display the target interface, receive a second touch operation.

Optionally, the second touch operation may be a sliding operation or a touch operation.

In this embodiment, the terminal acquires the second touch operation triggered by the user during the sliding display process of the target interface according to the first sliding touch operation. For example, the terminal may acquire a second sliding operation during the process of sliding to display the target interface, and the second sliding operation may be an omnidirectional sliding operation such as a right sliding operation, a left sliding operation, an upward sliding operation, and a downward sliding operation; optionally, The terminal may also obtain the second touch operation during the process of sliding the display target interface, the second touch operation may be clicking the target interface once, continuously clicking the target interface multiple times, etc. In the case of obtaining the second touch operation, The terminal may also acquire the initial touch point position of the second touch point operation, which is not limited in this embodiment.

Optionally, in one optional embodiment, the second touch operation is an operation triggered after the target boundary of the target interface is displayed on the display screen during the process of sliding to display the target interface.

The terminal may determine the target boundary of the target interface according to user habits or business requirements, where the target boundary is related to the sliding direction of the first sliding touch operation. For example, if the first sliding touch operation is a right sliding operation, then the target boundary is The target boundary of the interface is the left boundary; if the first sliding touch operation is a left sliding operation, then the target boundary of the target interface is the right boundary, and other directions are similar.

In this embodiment, when the terminal performs the sliding display process of the target interface according to the first sliding touch operation, the terminal may judge whether the target boundary of the target interface is in the display screen of the display screen according to the sliding trajectory of the target interface; or, the terminal It is also possible to obtain the position information of the target boundary after the sliding display of the target interface, and determine whether the target boundary is in the display screen according to the position information of the target boundary. The second touch operation triggered by the interface.

Step 203 , exiting the target interface if the second touch operation satisfies a preset trigger condition; the trigger condition includes that the operation type of the second touch operation is consistent with that of the first sliding touch operation.

Optionally, the terminal may determine the exit trigger condition according to user habits or business requirements, wherein the operation type of the second touch operation is consistent with the operation type of the first sliding touch operation, that is, if the first sliding touch operation is a right sliding operation. operation, then the second touch operation is also a right sliding operation, or, if the first sliding touch operation is a left sliding operation, then the second touch operation is also a left sliding operation, which is not limited in this embodiment of the present application.

In this embodiment, when the trigger condition is that the operation type of the second touch operation is the same as that of the first sliding touch operation, for example, the first sliding touch operation is a right swipe, and the second touch operation is not Right swipe operation, at this time, the terminal determines that the second touch operation satisfies the trigger condition, and exits the target interface. Optionally, the trigger condition may further include that the second touch operation is a preset operation type, and the preset operation type may include a preset number of touch operations. For example, the preset number of touch operations is continuous click display. The interface is clicked twice. If the second touch operation is to continuously click the display interface twice, it is determined that the second touch operation satisfies the preset operation type, that is, the trigger condition is satisfied. At this time, the terminal exits the target interface. For example, the target When the interface is the application list interface, the terminal exits the target interface and can return to the main display interface. Optionally, in the scenario where the terminal is a smart watch, the main display interface can be the dial interface, as shown in FIG. 4 . The schematic diagram of the terminal display screen from the target interface to the exit from the target interface is shown.

Take the terminal as a smart watch, and the right swipe operation as the set interface operation to exit, that is, the first sliding touch operation of exiting the interface is the right sliding touch operation, the target boundary of the display screen is the left boundary, and the second The operation types of the touch operation and the first sliding touch operation are the same, that is, they are both right sliding operations as an example to illustrate the interface interaction method in this solution.

In the process of displaying the target interface based on the display screen, the smart watch receives the right swipe touch operation triggered by the user, and slides the target interface to the right in response to the right swipe touch operation; the smart watch obtains the sliding track of the target interface, according to the target interface The sliding trajectory of the target interface determines the interface state of the target interface; if the interface state result of the target interface is that the target interface slides in the right sliding direction until the left border stays at the left border of the display screen; or, the target interface slides in the right sliding direction to the left The border crosses the border of the display screen, slides to the preset position, and then bounces back to the position where the left border stays on the left border of the screen, then the left border of the target interface is determined to be displayed on the screen. At this time, the smart terminal can display the target The operation state of the interface is set to the state to be swiped to exit, and the second touch operation is acquired, and in the case that the second touch operation is also a right swipe operation, the target interface is exited.

In the interface interaction method in this embodiment, in the process of displaying the target interface based on the display screen, the terminal slides to display the target interface in response to the received first sliding touch operation, and in the process of sliding to display the target interface, receives the second touch operation, if the second touch operation satisfies a preset trigger condition, exit the target interface, wherein the trigger condition includes that the operation type of the second touch operation and the first sliding touch operation are consistent. In this solution, the terminal performs the sliding display of the target interface in response to the first sliding touch operation based on the display screen to display the target interface. During the sliding display process, the second touch operation and the first sliding touch operation are performed. The target interface is launched when the types are the same, that is, normal interface operations and exit interface operations can be distinguished for touch operations of the same type, which enhances the intelligence of the terminal interface interaction.

In order to enhance the intelligence of the interface interaction of the terminal and optimize the user's sense of interaction experience, in one optional embodiment, the operation type of the second touch operation and the first sliding touch operation are consistent, including: the second touch operation The operation is a sliding operation, and the sliding direction is consistent with the sliding direction of the first sliding touch operation.

In this embodiment, taking the first sliding touch operation as right sliding as an example, the terminal receives the second touch operation during the process of sliding to the right in response to the right sliding operation to display the target interface. It is a right sliding operation, that is, the terminal determines that the sliding direction of the second touch operation is consistent with the sliding direction of the first sliding touch operation, and both are right sliding. At this time, the terminal performs the operation of exiting the target interface.

In this embodiment, the sliding directions of the first touch operation and the second touch operation are consistent, which can accurately express the user's desire to exit the current target interface, so that the second touch operation is used as a sliding operation, and the sliding direction Consistent with the sliding direction of the first sliding touch operation as the trigger condition, the obtained judgment result is more accurate, that is, the purpose of sliding to exit the interface can be effectively achieved, and the judgment logic is simple and easy to implement.

In some scenarios, in order to more accurately determine whether it is necessary to exit the target interface, the state of the target interface may also be judged. In an optional embodiment, if the second touch operation satisfies a preset trigger condition, then exit The target interface includes: exiting the target interface if the target interface satisfies the preset interface exit condition and the second touch operation satisfies the trigger condition.

Optionally, the preset interface exit condition may include that the target boundary of the target interface appears on the display screen, or the state of the target interface is in the state to be swiped to exit. In this embodiment, the terminal determines to execute the operation of exiting the target interface when it is determined that the target boundary of the target interface appears on the display screen and the second touch operation satisfies the trigger condition; or the terminal determines that the state of the target interface is in When the sliding exit state is pending, and the second touch operation satisfies the trigger condition, it is determined to execute the operation of exiting the target interface.

Optionally, the interface exit conditions include: the operation state of the target interface is a state to be slid to exit; the state to be slid to exit is a state determined when the target boundary of the target interface is displayed on the display screen.

In this embodiment, the terminal can also identify the operation state of the target interface according to the display condition of the target boundary of the target interface. In this case, the terminal sets the interface exit condition as the operation state of the target interface is to be slid to exit state.

In this embodiment, the first sliding touch operation is right sliding, and the target boundary of the target interface is the left boundary. As shown in FIG. 5 , the terminal determines that the target interface is the left boundary. When the left border 1 of the dashed box is in the display screen 2, it is determined that the operation state of the target interface is the state to be slid out. When the terminal detects that the left border of the target interface appears in the display screen, the operation state of the target interface is set to the state of waiting to slide right to exit the interface, and in the state of waiting to slide right to exit the interface, if the detected second touch operation satisfies the trigger condition, exit the target interface.

In this embodiment, the terminal can set the interface exit condition based on the operation state by setting the operation state of the target interface, thereby distinguishing between interface browsing and interface exiting operations through at least two logical judgments, enhancing the intelligence of interface interaction.

When the terminal makes a logical judgment according to the second touch operation and the trigger condition, there is another situation. In an optional embodiment, the above method further includes: if the second touch operation does not satisfy the trigger condition, exiting To be swiped to exit the state.

In this embodiment, when the trigger condition is that the type of the second touch operation is the same as that of the first sliding touch operation, the first sliding touch operation is right sliding as an example, and the second touch operation acquired by the terminal If the operation is a sliding touch operation in other directions other than right sliding, or a touch point operation, it can be considered that the current second touch operation does not meet the exit trigger condition, and at this time, the terminal exits the pending sliding exit state. Optionally, when the trigger condition is that the second touch operation conforms to a preset operation type, and the operation type is double-tap on the screen as an example, the terminal acquires that the second touch operation is another sliding touch operation, Or for a single touch operation, it can be considered that the second touch operation does not meet the triggering conditions, and at this time, the terminal exits the state to be slid out; optionally, the number of times of the touch operation is not limited.

In this embodiment, after determining that the second touch operation does not meet the trigger condition, the terminal exits the to-be-sliding exit state, that is, restores the operation state of the target interface in time, realizes the release of resources corresponding to the marked state, and does not affect other touch control the corresponding functions.

When the terminal determines whether the target boundary of the target interface is in the display screen, it can be determined by various methods. In an optional embodiment, as shown in FIG. 6 , the above method further includes:

Step 301 , in the process of sliding to display the target interface, obtain the interface state of the target interface; the interface state represents the sliding track of the target interface.

Optionally, the sliding track may include the sliding distance, sliding position, sliding amplitude, etc. of the target interface.

In this embodiment, in the process of sliding the target interface in response to the first sliding touch operation, the terminal may optionally determine the sliding range of the target interface according to the sliding range of the first sliding touch operation. , the corresponding relationship between the sliding range of the first sliding touch operation and the sliding range of the target interface should be stored in the terminal. Alternatively, the terminal may also determine the sliding distance of the target interface according to the sliding range of the first sliding touch operation. In this way, the terminal should store the difference between the sliding distance of the first sliding touch operation and the sliding range of the target interface. Correspondence. Optionally, the terminal may also generate a sliding trajectory of the target interface through the sliding range or distance of the target interface, so as to determine the interface state of the target interface. The sliding trajectory of the interface includes sliding the target interface to the right for a certain distance, but the left border of the target interface is not in the display screen; sliding the target interface for a certain distance to the right, the left border of the target interface is located at the left border of the display screen; the target interface is rightward Slide a certain distance, the left border of the target interface is within the display area, and then the target interface bounces to the left, so that the left border of the target interface is located at the left border of the display screen, etc.

Step 302 , if the interface state is the preset interface state, determine that the target boundary of the target interface is displayed on the display screen.

Optionally, in one of the embodiments, the preset interface state is that the target interface slides in the first direction corresponding to the first sliding touch operation until the target boundary stays at the boundary of the display screen; or, the preset interface state is: The target interface slides in the first direction corresponding to the first sliding touch operation until the target boundary crosses the boundary of the display screen, and slides to the preset position and then slides in the second direction to the position where the target boundary stays at the boundary of the display screen; The direction is opposite to the first direction.

In this embodiment, taking the first sliding touch operation as right sliding as an example, the preset interface state includes sliding the target interface to the right until the left border stays at the border of the display screen, or, sliding the target interface to the right until the target boundary Go over the border of the display, and swipe left to bounce back to the position where the left border stays at the border of the display. The preset meeting state can be described with reference to Fig. 7. As shown in Fig. 7, the target interface in the left schematic diagram slides right to the position of the middle schematic diagram along the direction of the right sliding arrow, and then bounces back to the right schematic diagram along the left sliding arrow At this time, the left border 1 of the target interface is in the display screen. Optionally, when the terminal acquires the interface state of the target interface, the target interface slides a certain distance to the right, but the left border of the target interface is not in the display screen, that is, it does not conform to the preset interface state, and the terminal determines the target of the target interface at this time. The border is not in the display.

In this embodiment, the terminal determines whether the target boundary of the target interface is in the display screen through the interface state of the target interface, thereby determining whether the user wants to perform an interface exit operation, which can effectively distinguish interface browsing and interface exit operation, and optimize the interface interaction experience.

The terminal may also determine whether to exit the target interface based on the position of the touch point of the second touch operation. In one optional embodiment, the above triggering condition further includes: the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition.

In this embodiment, the terminal determines whether the relationship between the position of the touch point and the target boundary of the display screen satisfies the preset threshold condition according to the position of the touch point of the second touch operation. If the distance between the target boundaries of the display screen is less than the preset distance threshold, it is considered that the relationship between them satisfies the preset threshold condition; or, if the pixel point between the position of the touch point and the target boundary of the display screen is smaller than the preset pixel the number of points, the relationship between them is considered to satisfy the preset threshold condition; or, if the position of the touch point is within the preset area within the target boundary of the display screen, the relationship between them is considered to satisfy the preset threshold condition , which is not limited in this embodiment.

In this embodiment, the terminal determines that the relationship between the position of the initial touch point of the second touch operation and the target boundary of the display screen satisfies a preset threshold condition, and the operation type of the second touch operation and the first sliding When the operation type of the touch operation is the same, the target interface can be exited, and the operation of browsing the interface and the exit interface can be quickly and effectively distinguished, so as to quickly exit the target interface.

In one optional embodiment, the relationship between the position of the initial touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition, including:

The number of pixels between the position of the initial touch point of the second touch operation and the target boundary of the display screen is less than the preset number threshold, and/or the difference between the position of the initial touch point of the second touch operation and the target boundary of the display screen The distance between them is less than the preset distance threshold.

In this embodiment, the target boundary of the display screen is taken as an example to illustrate the left boundary. For the first case, refer to Fig. 8. In Fig. 8, the black solid circle is the initial touch point. After the position, determine the number n of pixels between the position of the initial touch point and the target boundary 3 of the display screen, if n is less than the preset number threshold, then determine the relationship between the position of the initial touch point and the target boundary of the display screen The preset threshold conditions are met. The preset number threshold may be 10, 11, 12, etc., which is not limited in this embodiment of the present application. For the second case, refer to Fig. 9. The black solid circle in Fig. 9 is the initial touch point. After obtaining the position of the initial touch point, the terminal determines the distance between the position of the initial touch point and the target boundary 3 of the display screen. Distance d, if d is smaller than the preset distance threshold, it is determined that the relationship between the position of the initial touch point and the target boundary of the display screen satisfies the preset threshold condition.

Optionally, in one of the embodiments, the distance between the position of the initial touch point of the second touch operation and the target boundary of the display screen is smaller than the position of the initial touch point of the second touch operation and other boundaries of the display screen. the distance between.

In this embodiment, the target boundary of the display screen may be any one of the left boundary of the display screen, the right boundary of the display screen, the upper boundary of the display screen, and the lower boundary of the display screen. When the user exits the operation based on the trigger interface of the display screen, the distance between the position of the touch point of the second touch operation and the target boundary is set to be smaller than the distance between the position of the initial touch point and other boundaries of the display screen. For example, the target boundary of the display screen is the left boundary, and when it is detected that the distance between the position of the initial touch point of the second touch operation and the left boundary is smaller than the distance between the position of the initial touch point of the second touch operation and other boundaries, The operation of triggering the terminal to exit the target interface is not limited in this embodiment.

In this embodiment, the terminal constructs the preset threshold condition according to the relationship between the position of the initial touch point of the second touch operation and the target boundary of the display screen, and the method of obtaining the position of the initial touch point of the second touch operation is simple, And it is relatively accurate, and the method can effectively determine whether the relationship between the position of the initial touch point of the second touch operation and the boundary of the display screen conforms to the preset threshold condition.

FIG. 9 is a flowchart of an interface interaction method in one embodiment. The interface interaction method in this embodiment is described by taking running on the terminal in FIG. 2 as an example. As shown in FIG. 10 , the interface interaction method includes steps 401 to 402 .

Step 401: Receive a touch operation during the process of displaying the target interface on the display screen.

In this embodiment, during the process of displaying the target interface on the display screen, the terminal acquires the touch operation triggered by the user. For example, the touch operation may be a sliding operation, such as a right sliding operation, a left sliding operation, an upward sliding operation, a sliding operation and other omnidirectional sliding operations; optionally, the touch operation may also be a contact operation, such as , click the target interface once, click the target interface multiple times continuously, etc., which are not limited in this embodiment.

Step 402, if the touch operation satisfies the preset trigger condition, exit the target interface; the trigger condition includes that the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies the preset threshold condition, and the touch operation The action type is the preset action type.

Optionally, the preset operation type may be a sliding operation along a preset direction. For example, the preset operation type is a right sliding operation.

In this embodiment, the preset operation type is a right sliding operation as an example. If the relationship between the position of the touch point obtained by the terminal based on the touch operation and the boundary of the display screen satisfies the preset threshold The operation is a right swipe operation. For example, if the distance between the position of the touch point and the target boundary of the display screen is less than the preset distance threshold, and it is a right swipe operation, the target interface is exited; If the number of pixels between the boundaries is less than the preset number of pixels, and the operation is a right swipe, the target interface is exited; or, if the position of the touch point is within the preset area within the target boundary of the display screen, and it is a right swipe operation, the target interface is exited, which is not limited in this embodiment.

Taking the terminal as a smart watch, the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies the preset threshold condition, and the operation type of the touch operation is the right sliding operation, as an example to illustrate the method in this solution. interface interaction method.

In the process of displaying the target interface based on the display screen, the smart watch obtains the position of the initial touch point of the current touch operation, and the number of pixels between the position of the initial touch point and the left border of the display screen is determined to be less than the preset number threshold, or, When the distance between the position of the initial touch point and the target boundary of the display screen is less than the preset distance threshold, it is detected whether the current touch operation is a right swipe operation, and if the current touch operation is a right swipe operation, the target interface is exited.

In the above interface interaction method, the terminal receives a touch operation during the process of displaying the target interface on the display screen, and if the touch operation satisfies a preset trigger condition, exits the target interface; the trigger condition includes the position and display of the touch point of the touch operation. The relationship between the boundaries of the screens satisfies the preset threshold condition, and the operation type of the touch operation is the preset operation type. In this solution, after the terminal receives the touch operation, according to the preset operation type and trigger condition, it is determined whether the touch operation satisfies the preset trigger condition, and then when it is determined that the current touch operation satisfies the preset trigger condition to exit the target interface. In this solution, operations of browsing the interface and exiting the interface can be quickly and effectively distinguished, which enhances the intelligence of the interface interaction of the terminal.

In one optional embodiment, the relationship between the position of the initial touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, including: the position of the initial touch point of the touch operation and the display screen's boundary The number of pixels between the boundaries is smaller than the preset number threshold, and/or the distance between the position of the initial touch point of the touch operation and the boundary of the display screen is smaller than the preset distance threshold.

In this embodiment, the number of pixels between the position of the initial touch point of the touch operation and the boundary of the display screen is smaller than the preset number threshold, and reference may be made to the embodiment shown in FIG. 8 , wherein the preset number threshold can be set to is n, in the case where the number of pixels between the position of the initial touch point of the touch operation and the boundary of the display screen is less than n, it is determined that the relationship between the position of the initial touch point of the touch operation and the boundary of the display screen satisfies Preset threshold conditions. The distance between the position of the initial touch point of the touch operation and the border of the display screen is smaller than the preset distance threshold, as shown in FIG. 9 , where the distance threshold can be d, and the position of the initial touch point of the touch operation is determined after determining the position of the initial touch point of the touch operation. When the distance from the boundary of the display screen is less than d, it is determined that the relationship between the position of the initial touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, which is not repeated here.

It should be understood that although the steps in the flowcharts of FIGS. 2-10 are shown in sequence according to the arrows, these steps are not necessarily executed in the sequence shown by the arrows. Unless explicitly stated herein, the execution of these steps is not strictly limited to the order, and these steps may be performed in other orders. Moreover, at least a part of the steps in Figs. 2-10 may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily executed and completed at the same time, but may be executed at different times. These sub-steps or stages may be executed at different times. The order of execution of the steps is not necessarily sequential, but may be performed alternately or alternately with other steps or at least a part of sub-steps or stages of other steps.

FIG. 11 is a structural block diagram of an interface interaction apparatus according to an embodiment. As shown in Figure 11, the device includes a sliding module 01, an acquisition module 02 and an operation module 03, wherein:

A display module 01, configured to slide and display the target interface in response to the received first sliding touch operation in the process of displaying the target interface based on the display screen;

A receiving module 02, configured to receive a second touch operation in the process of sliding to display the target interface;

The exit module 03 is configured to exit the target interface if the second touch operation satisfies a preset trigger condition; the trigger condition includes that the operation type of the second touch operation is consistent with the operation type of the first sliding touch operation.

In one optional embodiment, the operation type of the second touch operation is consistent with the operation type of the first sliding touch operation includes: the second touch operation is a sliding operation, and the sliding direction is the same as that of the first sliding touch operation. the same direction.

In one optional embodiment, the exit module 03 is configured to exit the target interface if the target interface satisfies a preset interface exit condition and the second touch operation satisfies the trigger condition.

In an optional embodiment, the above interface exit conditions include: the operation state of the target interface is the state to be slid to exit; the state to be slid to exit is the state determined when the target boundary of the target interface is displayed on the display screen.

In one optional embodiment, the above-mentioned exiting module 03 is further configured to exit the to-be-sliding exit state when the second touch operation does not satisfy the triggering condition.

In one optional embodiment, the second touch operation is an operation triggered after the target boundary of the target interface is displayed on the display screen during the process of sliding to display the target interface.

In one optional embodiment, the above receiving module 02 is further configured to acquire the interface state of the target interface in the process of sliding to display the target interface; the interface state represents the sliding track of the target interface; if the interface state is a preset interface state, the target boundary of the target interface is determined to be displayed on the display screen.

In one optional embodiment, the above-mentioned preset interface state is that the target interface slides in the first direction corresponding to the first sliding touch operation until the target boundary stays at the boundary of the display screen; or, the preset interface state is: The target interface slides in the first direction corresponding to the first sliding touch operation until the target boundary crosses the boundary of the display screen, and slides to the preset position and then slides in the second direction to the position where the target boundary stays at the boundary of the display screen; The direction is opposite to the first direction.

In one optional embodiment, the above triggering condition further includes: the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition.

In one optional embodiment, the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition, including: the position of the initial touch point of the second touch operation reaches The number of pixels between the boundaries of the display screen is smaller than the preset number threshold, and/or the distance between the position of the initial touch point of the second touch operation and the boundary of the display screen is smaller than the preset distance threshold.

FIG. 12 is a structural block diagram of an interface interaction apparatus according to an embodiment. As shown in Figure 12, the device includes a receiving module 11 and an exiting module 12, wherein:

The receiving module 11 is used for receiving a touch operation in the process of displaying the target interface on the display screen;

The exit module 12 is configured to exit the target interface if the touch operation satisfies a preset trigger condition; the trigger condition includes that the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies the preset threshold condition, and the touch The operation type of the control operation is the preset operation type.

In one optional embodiment, the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, including: the position of the initial touch point of the touch operation and the boundary of the display screen The number of pixels between them is less than the preset number threshold, and/or the distance between the position of the initial touch point of the touch operation and the boundary of the display screen is less than the preset distance threshold.

The division of each module in the above-mentioned interface interaction device is only used for illustration. In other embodiments, the interface interaction device may be divided into different modules as required to complete all or part of the functions of the above-mentioned interface interaction device.

For specific limitations on the interface interaction device, reference may be made to the limitations on the interface interaction method above, and details are not described herein again. Each module in the above-mentioned interface interaction apparatus may be implemented in whole or in part by software, hardware and combinations thereof. The above modules can be embedded in or independent of the processor in the computer device in the form of hardware, or stored in the memory in the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

FIG. 13 is a schematic diagram of the internal structure of an electronic device in one embodiment. As shown in FIG. 13, the electronic device includes a processor and a memory connected by a system bus. Among them, the processor is used to provide computing and control capabilities to support the operation of the entire electronic device. The memory may include non-volatile storage media and internal memory. The nonvolatile storage medium stores an operating system and a computer program. The computer program can be executed by the processor to implement an interface interaction method provided by the following embodiments. Internal memory provides a cached execution environment for operating system computer programs in non-volatile storage media. The electronic device may be any terminal device such as a mobile phone, a tablet computer, a PDA (Personal Digital Assistant), a POS (Point of Sales, a sales terminal), a vehicle-mounted computer, a wearable device, and the like.

The implementation of each module in the interface interaction apparatus provided in the embodiments of the present application may be in the form of a computer program. The computer program can be run on a terminal or server. The program modules constituted by the computer program can be stored on the memory of the electronic device. When the computer program is executed by the processor, the steps of the methods described in the embodiments of the present application are implemented.

Embodiments of the present application also provide a computer-readable storage medium. One or more non-transitory computer-readable storage media containing computer-executable instructions, when executed by one or more processors, cause the processors to perform the steps of the interface interaction method.

A computer program product containing instructions that, when run on a computer, cause the computer to perform an interface interaction method.

Any reference to a memory, storage, database, or other medium as used herein may include non-volatile and/or volatile memory. Nonvolatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory may include random access memory (RAM), which acts as external cache memory. By way of illustration and not limitation, RAM is available in various forms such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous Link (Synchlink) DRAM (SLDRAM), Memory Bus (Rambus) Direct RAM (RDRAM), Direct Memory Bus Dynamic RAM (DRDRAM), and Memory Bus Dynamic RAM (RDRAM).

The above-mentioned embodiments only represent several embodiments of the present application, and the descriptions thereof are relatively specific and detailed, but should not be construed as a limitation on the scope of the patent of the present application. It should be noted that, for those skilled in the art, without departing from the concept of the present application, several modifications and improvements can be made, which all belong to the protection scope of the present application. Therefore, the scope of protection of the patent of the present application shall be subject to the appended claims.

Claims (20)

1. An interface interaction method, applied to a display screen with a touch function, is characterized in that, comprising:

   During the process of displaying the target interface on the display screen, slidingly displays the target interface in response to the received first sliding touch operation;

   In the process of sliding to display the target interface, receiving a second touch operation;

   If the second touch operation satisfies a preset trigger condition, exit the target interface; the trigger condition includes that the operation type of the second touch operation is consistent with the operation type of the first sliding touch operation.
2. The method according to claim 1, wherein the operation type of the second touch operation is consistent with the operation type of the first sliding touch operation comprising: the second touch operation is a sliding operation, and the sliding direction is the same as that of the first sliding touch operation. The sliding directions of the first sliding touch operation are the same.
3. The method according to claim 1 or 2, wherein if the second touch operation satisfies a preset trigger condition, exiting the target interface, comprising:

   If the target interface satisfies a preset interface exit condition, and the second touch operation satisfies the trigger condition, exit the target interface.
4. The method according to claim 3, wherein the interface exit condition comprises: the operation state of the target interface is the exit state to be slid; the exit state to be slid is that the target boundary of the target interface is displayed in the The state determined when the display is displayed.
5. The method according to claim 4, wherein the method further comprises:

   If the second touch operation does not satisfy the triggering condition, exit the to-be-sliding exit state.
6. The method according to claim 1 or 2, wherein the second touch operation is triggered after the target boundary of the target interface is displayed on the display screen during the process of sliding to display the target interface operation.
7. The method according to claim 6, wherein the method further comprises:

   During the process of sliding and displaying the target interface, the interface state of the target interface is obtained; the interface state represents the sliding track of the target interface;

   If the interface state is a preset interface state, it is determined that the target boundary of the target interface is displayed on the display screen.
8. The method according to claim 7, wherein the preset interface state is that the target interface slides in a first direction corresponding to the first sliding touch operation until the target boundary stays on the display screen the location of the boundary; or,

   The preset interface state is that the target interface slides in the first direction corresponding to the sliding touch operation until the target boundary crosses the boundary of the display screen, and slides to the preset position and then slides to the second direction. The target boundary stays at the position of the boundary of the display screen; the second direction is opposite to the first direction.
9. The method according to claim 1, wherein the triggering condition further comprises: the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition.
10. The method according to claim 9, wherein the relationship between the position of the touch point of the second touch operation and the boundary of the display screen satisfies a preset threshold condition, comprising:

    The number of pixels between the position of the initial touch point of the second touch operation and the boundary of the display screen is less than a preset number threshold, and/or,

    The distance between the position of the initial touch point of the second touch operation and the boundary of the display screen is smaller than a preset distance threshold.
11. An interface interaction method, characterized in that, applied to a display screen with a touch function, comprising:

    In the process of displaying the target interface on the display screen, receiving a touch operation;

    If the touch operation satisfies a preset trigger condition, exit the target interface; the trigger condition includes that the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, and the operation type of the touch operation is a preset operation type.
12. The method according to claim 11, wherein the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, comprising:

    The number of pixels between the position of the initial touch point of the touch operation and the boundary of the display screen is less than a preset number threshold, and/or,

    The distance between the position of the initial touch point of the touch operation and the boundary of the display screen is smaller than a preset distance threshold.
13. An interface interaction device, characterized in that the device comprises:

    a sliding module, used for slidingly displaying the target interface in response to the received first sliding touch operation during the process of displaying the target interface on the display screen;

    a receiving module, configured to receive a second touch operation in the process of sliding to display the target interface;

    An exit module, configured to exit the target interface if the second touch operation satisfies a preset trigger condition; the trigger condition includes operations of the second touch operation and the first sliding touch operation same type.
14. The device according to claim 13, wherein the operation type of the second touch operation is consistent with that of the first sliding touch operation comprising: the second touch operation is a sliding operation, and the sliding direction is the same as that of the first sliding touch operation. The sliding directions of the first sliding touch operation are the same.
15. The device according to claim 13 or 14, wherein the exit module is configured to: if the target interface satisfies a preset interface exit condition, and the second touch operation satisfies the trigger condition, then Exit the target interface.
16. The device according to claim 15, wherein the interface exit condition comprises: the operation state of the target interface is the exit state to be slid; the exit state to be slid is that the target boundary of the target interface is displayed in the The state determined when the display is displayed.
17. An interface interaction device, characterized in that the device comprises:

    The receiving module is used for receiving the touch operation during the process of displaying the target interface on the display screen;

    An exit module, configured to exit the target interface if the touch operation satisfies a preset trigger condition; the trigger condition includes a distance between the position of the touch point of the touch operation and the boundary of the display screen The relationship satisfies the preset threshold condition, and the operation type of the touch operation is the preset operation type.
18. The device according to claim 17, wherein the relationship between the position of the touch point of the touch operation and the boundary of the display screen satisfies a preset threshold condition, comprising:

    The number of pixels between the position of the initial touch point of the touch operation and the boundary of the display screen is less than a preset number threshold, and/or,

    The distance between the position of the initial touch point of the touch operation and the boundary of the display screen is smaller than a preset distance threshold.
19. A terminal, comprising a memory and a processor, wherein a computer program is stored in the memory, characterized in that, when the computer program is executed by the processor, the processor executes any one of claims 1 to 12. The steps of the terminal touch operation method described in item.
20. A computer-readable storage medium on which a computer program is stored, characterized in that, when the computer program is executed by a processor, the steps of the method for a terminal touch operation according to any one of claims 1 to 12 are implemented.

Images