Method for solving sliding conflict and floating sliding positioning based on mobile terminal

Abstract

The application discloses a solution method of sliding conflict and suspension sliding positioning based on a mobile terminal, and relates to the technical field of interface development and design. The application provides the following scheme: real-time monitoring of the sliding operation of a user, calculation of the sliding distance from the starting point of a finger touch point to the ending point of a release point; judgment of whether the display area B reaches the anchor point area according to the sliding distance; if the display area B does not reach the anchor point area, the display area A is still in the anchor point area and is in a suspension state. In the application, the whole interface is segmented, the suspension anchor point area and the pre-contact area based on the anchor point area are set, and whether the display area enters the pre-contact area or the suspension anchor point area is calculated to judge whether the display area should be in a suspension fixed state or a slidable state, so that the sliding conflict and the suspension sliding positioning problem in the sliding operation process of the interface are solved on the basis of obtaining the multi-area content comparison reading effect.

Description

Technical Field

[0001] This invention relates to the field of interface development and design technology, and specifically to solutions for sliding conflicts and floating sliding positioning on mobile devices. Background Technology

[0002] In software development, many controls support drag-and-drop and swipe operations. As business requirements change and UIs become increasingly complex, nested multiple scrollable Views inevitably arise. Additionally, there are custom-developed controls that accept swipe gestures nested within standard controls. When multiple controls that accept swipe gestures exist along the path from the root to a leaf node in a ViewTree, swipe conflicts may occur.

[0003] In essence, swipe conflicts arise when two views, one in a different (or same) direction, become dominant and always try to handle swipe actions. This leads to an awkward user experience; a simple horizontal swipe can cause a vertical list to move in the vertical direction. In other words, the dominant view involuntarily intercepts the swipe action each time. Therefore, resolving swipe conflicts requires explicitly instructing the dominant view. Thus, those skilled in the art propose a solution based on mobile swipe conflicts and hover swipe positioning. Summary of the Invention

[0004] To address the shortcomings mentioned in the background art and the technical problems to be solved by this invention, a solution is provided for sliding conflicts and hovering sliding positioning on mobile devices. This solution includes the following operational steps:

[0005] S1: When the user swipes across the overall interface, the reading module and the detection module monitor the user's swiping operation in real time and calculate the swiping distance from the finger touch point to the release point.

[0006] S2: Determine whether display area B has reached the anchor point area based on the sliding distance. If display area B has not reached the anchor point area, display area A is still within the anchor point area and is in a floating state.

[0007] S3: When display area B reaches the threshold of the contact range of the anchor point area, display area A is ready to leave the anchor point area, and display area A and display area C are in a sliding state.

[0008] S4: When display area B reaches the anchor point area, display area A is released from the anchor point area control and is released from the overall interface as the sliding operation proceeds. At this time, display area B is controlled by the anchor point area and becomes a floating state, while display area C is in a sliding state.

[0009] In the above technical solution, further, in step S1, the overall interface includes display areas A, B and C arranged from top to bottom, a floating anchor point area fixed above the overall interface, and in the original interface state without sliding operation, the anchor point area coincides with display area A, so that display area A remains floating and fixed; and the content display blocks of display areas A, B and C all have an overview title on the upper layer.

[0010] In the above technical solution, further, in step S3, the threshold for the area where the display area contacts the anchor point is set as follows: let the width of the anchor point area be X, and extend the area above and below the anchor point area upward or downward by 1 / 3X length. The area extending upward and downward from the anchor point area is the pre-contact area between the display area and the anchor point area.

[0011] In the above technical solution, further, the calculation of whether the display area A (B or C) enters the pre-contact area of ​​the anchor point area is based on the following formula:

[0012] Borrowing the Faster R-CNN mechanism;

[0013] After setting the pre-contact area threshold of the anchor point area, the anchor point area threshold, and the coordinates of display area A (or B, C) on the overall interface and the coordinates of the pre-contact area of ​​the anchor point area on the overall interface; calculate the IOU value between each display area and the pre-contact area of ​​the anchor point area to obtain the IOU matrix; and for the IOU matrix, it is necessary to obtain the sliding distance value of the display area, that is, to obtain the maximum IOU value of each display area; judge the maximum IOU value of each display area one by one, mark those greater than the pre-contact area threshold as the current sequence number, mark those less than the background threshold as -1, and discard those in between, and the default is marked as -2;

[0014]

[0015] Wherein, subscript a and subscript t represent the pre-contact area and the display area label area, respectively, that is, the area of ​​their intersection divided by the area of ​​their union. When the IOU value (i.e. the area of ​​intersection) is within the threshold set of the pre-contact area, it means that the current display area has entered or left the pre-contact area; and the calculation steps for the display area to enter the anchor point area are the same.

[0016] In the above technical solution, further, the overall interface includes an anchor point area that coincides with display area A, and the anchor point area has a gap of 1 / 3 of the anchor point area width between it and the top of the overall interface; a display area B located below display area A, and a display area C located below display area B; moreover, the overall interface has built-in detection and reading modules for monitoring and reading the status of each area, as well as a sliding module for supporting sliding operations of each area on the overall interface, and the overall interface is also provided with an acceleration calculation module that works with the detection and reading modules to calculate the sliding acceleration.

[0017] In the above technical solution, the detection module and the reading module further include the following steps:

[0018] Starting from the finger touch point and ending at the release point, the x-coordinate (touch point) and y-coordinate (release point) are set, and the sliding distance between them and the time required during the sliding process are detected. The acceleration calculation module calculates the theoretical final sliding length in this sliding operation according to the acceleration formula.

[0019] If the final sliding length of the theory causes the display area B to be unable to reach the anchor point area or the anchor point pre-contact area, then the display area A is still within the anchor point area.

[0020] If display area B reaches the inside of the anchor point area, display area A will detach from the anchor point area, and display area B will be suspended and fixed in a non-sliding state, while display area C will be in a sliding state.

[0021] If display area B reaches the anchor point pre-contact area, display area A is ready to leave the anchor point area, and display area C is in a sliding state. As the sliding operation continues, display area B will enter the anchor point area.

[0022] In the above technical solution, the sliding module further includes the following definition:

[0023] Touching the screen with a finger; sliding a finger across the screen; lifting a finger off the screen; canceling a touch event for non-human reasons (such as system triggers, popping up other interfaces, events beyond the developer's control).

[0024] As can be seen from the above technical solution, the present invention provides a solution for sliding conflicts and hovering sliding positioning on mobile devices. Compared with the prior art, the present invention has the following beneficial effects:

[0025] In this invention, by segmenting the overall interface and setting a floating anchor point area and a pre-contact area based on the anchor point area, the display area is determined to be in a floating fixed state or a swipeable state by calculating whether the display area enters the pre-contact area or the floating anchor point area. This solves the sliding conflict and floating sliding positioning problems that occur during the sliding operation of the interface while obtaining a multi-area content comparison reading effect. Attached Figure Description

[0026] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the accompanying drawings used in the description of the embodiments of the present invention or the prior art will be briefly introduced and explained below. Obviously, the accompanying drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0027] Figure 1 This is a schematic diagram of the process framework for resolving sliding conflicts and hovering sliding positioning on mobile devices.

[0028] Figure 2 This is a schematic diagram of a solution for mobile-based sliding conflict and hovering sliding positioning. Detailed Implementation

[0029] The technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the embodiments described below are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of the present invention.

[0030] To provide a clearer explanation and description of the technical solution and implementation of the present invention, several preferred specific embodiments for implementing the technical solution of the present invention are described below.

[0031] Example 1

[0032] See appendix Figure 1 As shown;

[0033] The overall interface includes display areas A, B, and C arranged from top to bottom, and a floating anchor point area fixed above the overall interface.

[0034] Furthermore, in the original interface state without any sliding operation, the anchor point area coincides with the display area A, keeping the display area A in a floating and fixed state; and the content display blocks of display areas A, B, and C all have an overview title on top.

[0035] When the user swipes across the entire interface, the reading module and the detection module monitor the user's swipe operation in real time and calculate the swipe distance from the finger touch point to the release point.

[0036] The sliding distance determines whether display area B has reached the anchor point area. If display area B has not reached the anchor point area, display area A remains within the anchor point area and is in a floating state. When display area B reaches within the threshold of the contact range of the anchor point area, display area A prepares to leave the anchor point area, and both display areas A and C are in a sliding state.

[0037] Furthermore, the threshold for the area where the display area contacts the anchor point is set as follows: if the width of the anchor point area is X, the areas above and below the anchor point area extend upwards or downwards by 1 / 3X length, and the areas extending upwards and downwards from the anchor point area are the pre-contact areas between the display area and the anchor point area.

[0038] Furthermore, the calculation of whether display area A (B or C) enters the pre-contact area of ​​the anchor point area requires the following formula:

[0039] This requires utilizing the Faster R-CNN mechanism. After setting the pre-contact area threshold of the anchor point region, the anchor point region threshold, and the coordinates of display region A (or B, C) on the overall interface and the coordinates of the pre-contact area of ​​the anchor point region on the overall interface, the IOU value between each display region and the pre-contact area of ​​the anchor point region is calculated one by one to obtain the IOU matrix. For the IOU matrix, the sliding distance value of the display region needs to be obtained, that is, the maximum IOU value of each display region is obtained. The maximum IOU value of each display region is judged one by one. Those greater than the pre-contact area threshold are marked as the current index, those less than the background threshold are marked as -1, and those in between are discarded and marked as -2 by default.

[0040]

[0041] Wherein, subscript a and subscript t represent the pre-contact area and the display area label area, respectively, that is, the area of ​​their intersection divided by the area of ​​their union. When the IOU value (i.e. the area of ​​intersection) is within the threshold set of the pre-contact area, it means that the current display area has entered or left the pre-contact area; and the calculation steps for the display area to enter the anchor point area are the same.

[0042] And see appendix Figure 2As shown, if the overall interface contains an anchor point area that coincides with display area A, and the anchor point area has a gap of 1 / 3 of the anchor point area width between it and the top of the overall interface; display area B is located below display area A, and display area C is located below display area B; moreover, the overall interface has built-in detection and reading modules for monitoring and reading the status of each area, as well as a sliding module to support sliding operations in each area of ​​the overall interface, and the overall interface also has an acceleration calculation module that works with the detection and reading modules to calculate the sliding acceleration.

[0043] Building upon the existing sliding module's support for finger touch on the screen, it also supports scenarios such as finger swiping on the screen, finger leaving the screen, and touch events being canceled due to non-human causes. In these cases, the x-coordinate (touch point) and y-coordinate (release point) are set, with the finger touch point as the starting point and the release point as the ending point. The sliding distance between the two coordinates and the time required for the sliding process are detected, and the acceleration calculation module calculates the theoretical final sliding length for this sliding operation based on the acceleration formula.

[0044] If the final sliding length of the theory prevents display area B from reaching the anchor point area or the pre-contact area of ​​the anchor point, then display area A remains within the anchor point area. If display area B reaches the interior of the anchor point area, display area A detaches from the anchor point area and is suspended and fixed in a non-sliding state, while display area C is in a sliding state. If display area B reaches the pre-contact area of ​​the anchor point, display area A prepares to detach from the anchor point area, and display area C is in a sliding state. The sliding operation continues until display area B enters the anchor point area.

[0045] Finally, it should be noted that the structures, proportions, sizes, etc., shown in the accompanying drawings are only for the purpose of assisting those skilled in the art in understanding and reading the content disclosed in the specification, and are not intended to limit the conditions under which this application can be implemented. Therefore, they have no substantial technical significance. Any modifications to the structure, changes in the proportions, or adjustments to the size should still fall within the scope of the technical content disclosed in this application, provided that they do not affect the effects and purposes that this application can produce.

Claims

1. A solution to the sliding conflict and hovering positioning issues on mobile devices, which includes the following operational procedures: S1: When the user swipes across the entire interface, the reading module and the detection module monitor the user's swiping operation in real time, and calculate the swiping distance from the finger touch point to the release point. S2: Determine whether display area B has reached the anchor point area based on the sliding distance. If display area B has not reached the anchor point area, display area A is still within the anchor point area and is in a floating state. S3: When display area B reaches the threshold of the contact range of the anchor point area, display area A is ready to leave the anchor point area, and display area A and display area C are in a sliding state. In step S3, the threshold for the contact range between the display area B and the anchor point area is set as follows: the width of the anchor point area is X, and the areas above and below the anchor point area extend upward and downward by X / 3 lengths respectively. The areas extending upward and downward from the anchor point area are the pre-contact areas between the display area and the anchor point area. The calculation of whether display areas A / B / C enter the pre-contact area of ​​the anchor point area includes: Borrowing the Faster R-CNN mechanism; After setting the pre-contact area threshold, anchor area threshold, and the coordinates of display areas A / B / C on the overall interface and the coordinates of the pre-contact area of ​​the anchor area on the overall interface; calculate the IOU value between each display area and the pre-contact area of ​​the anchor area to obtain the IOU matrix; and for the IOU matrix, it is necessary to obtain the sliding distance value of the display area and the maximum IOU value of each display area; judge the maximum IOU value of each display area one by one, mark those greater than the pre-contact area threshold as the current index, mark those less than the background threshold as -1, and discard those in between, and mark them as -2 by default; Wherein, subscripts a and t represent the label areas of the pre-contact area and the display area, respectively, and IOU stands for IoU. area Divide by area When the IOU value is within the threshold set of the pre-contact area, it means that the current display area has entered or left the pre-contact area; and the calculation steps for the display area to enter the anchor point area are the same as the calculation steps for the display area A / B / C to enter the anchor point area of ​​the pre-contact area. S4: When display area B reaches the anchor point area, display area A is released from the anchor point area control and is released from the overall interface as the sliding operation proceeds. At this time, display area B is controlled by the anchor point area and becomes a floating state, while display area C is in a sliding state.

2. The solution to the sliding conflict and hovering sliding positioning based on mobile terminals according to claim 1, characterized in that, In step S1, the overall interface includes display areas A, B, and C arranged from top to bottom, as well as a floating anchor point area fixed above the overall interface. In the original interface state without sliding operations, the anchor point area overlaps with display area A, keeping display area A in a floating and fixed state. Furthermore, the content display blocks of display areas A, B, and C all have an overview title on the upper layer.

3. The solution to the sliding conflict and hovering sliding positioning based on mobile terminals according to claim 1, characterized in that, The overall interface includes an anchor point area that coincides with display area A, a display area B located below display area A, and a display area C located below display area B. The anchor point area has a gap of 1 / 3 of the anchor point area width between it and the top of the overall interface. Furthermore, the overall interface has built-in detection and reading modules for monitoring and reading the status of each area, as well as a sliding module to support sliding operations in each area of ​​the overall interface. The overall interface also has an acceleration calculation module that works with the detection and reading modules to calculate the sliding acceleration.

4. The solution to the sliding conflict and hovering sliding positioning based on mobile terminals according to claim 3, characterized in that, The detection module and the reading module include the following steps: Starting from the finger touch point and ending at the release point, the x and y coordinates are set, and the sliding distance between the start and end points and the time required during the sliding process are detected. The acceleration calculation module calculates the theoretical final sliding length in this sliding operation according to the acceleration formula. If the final sliding length of the theory causes display area B to be unable to reach the anchor point area or the anchor point pre-contact area, then display area A is still within the anchor point area. If display area B reaches the inside of the anchor point area, display area A will detach from the anchor point area, and display area B will be suspended and fixed in a non-sliding state, while display area C will be in a sliding state. If display area B reaches the anchor point pre-contact area, display area A is ready to leave the anchor point area, and display area C is in a sliding state. As the sliding operation continues, display area B will enter the anchor point area.

5. The solution to the sliding conflict and hovering sliding positioning based on mobile terminals according to claim 3, characterized in that, The sliding module includes the following definitions: Touching the screen with your finger; Slide your finger across the screen; Your finger leaves the screen; The touch event was canceled due to non-human causes.

Images