Android circular interactive scrolling method and system, electronic equipment and storage medium

Abstract

The invention provides an Android circular interactive scrolling method which comprises the following steps: S1, constructing a circular graphical interface, and displaying the circular graphical interface on an operation interface; s2, determining a circle center point of the circular ring graphical interface, and segmenting the operation interface into a plurality of quadrants through segmentation lines penetrating through the circle center point; s3, receiving a touch event of a user on the operation interface; s4, generating a touch track according to the touch event, wherein the touch track is formed by connecting a plurality of touch points; and S5, taking two adjacent touch points according to a time sequence, sequentially recording the two adjacent touch points as a touch point P0 and a touch point P1, and judging the rotation intention direction of the user according to the position relation of the touch point P0 and the touch point P1 in the quadrant. By means of quadrant segmentation, gesture analysis can be simplified, the direction and distance of the rotation gesture can accurately judge the direction of the rotation intention of the user according to the change of the quadrant position, and therefore smoother scroll bar movement interaction can be achieved.

Description

Technical Field

[0001] The present invention relates to the field of computer and software technology production, and in particular to an Android circular interactive scrolling method, system, electronic device and storage medium. Background Art

[0002] In Android development, gesture operations are widely used in various application scenarios, such as sliding, double-clicking, and long pressing. The circular graphical interface is not only beautiful, but also provides users with intuitive visual feedback. However, in the process of implementing the scrolling of the circular graphical interface, developers often face the problem of unfriendly gesture interaction. Especially when users expect to operate the scrolling of the circular graphical interface by continuously drawing circles around the center of the circle, the system often cannot accurately recognize the user's intention, resulting in unsmooth operation and a degraded user experience. Summary of the invention

[0003] In view of the deficiencies in the prior art, the purpose of the present invention is to propose an Android circular interactive scrolling method, system, electronic device and storage medium to solve the problems mentioned in the above background technology section.

[0004] The present invention is achieved through the following technical solutions:

[0005] An Android circular interactive scrolling method comprises the following steps:

[0006] S1. Construct a circular graphic interface and display the circular graphic interface on the operation interface;

[0007] S2, determining the center point of the circular graphic interface, and dividing the operation interface into multiple quadrants through a dividing line passing through the center point;

[0008] S3, receiving a touch event of the user on the operation interface;

[0009] S4, generating a touch track according to the touch event, where the touch track is formed by connecting multiple touch points;

[0010] S5. Take two adjacent touch points in time sequence and record them as touch point P0 and touch point P1 in sequence, and determine the user's rotation intention direction according to the positional relationship between the touch point P0 and the touch point P1 in the quadrant.

[0011] The beneficial effects of the present invention are as follows: the present invention helps to simplify gesture analysis through quadrant segmentation, so that the direction and distance of the rotation gesture can be accurately determined by the change of the quadrant position, thereby achieving a smoother scroll bar movement interaction. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] Figure 1 The present invention is a flow chart of an Android circular interactive scrolling method.

[0013] Figure 2 It is a schematic diagram of the present invention when the touch point P0 and the touch point P1 are in the same quadrant.

[0014] Figure 3 It is a schematic diagram of the present invention when the touch point P0 and the touch point P1 are in adjacent quadrants.

[0015] Figure 4 It is a schematic diagram of the present invention when the touch point P0 and the touch point P1 are in diagonal quadrants.

[0016] Figure 5 It is a schematic diagram of the present invention when the touch point P0 and the touch point P1 are located in another diagonal quadrant.

[0017] Figure 6 This is a schematic diagram of the present invention when the circular graphic interface is not constructed.

[0018] Figure 7 This is a schematic diagram of constructing a circular graphic interface according to the present invention.

[0019] Figure 8 It is a schematic diagram of the rotation change of the circular graphic interface of the present invention.

[0020] Fig. 9 It is a schematic diagram of the rotation increment angle conversion of the present invention. DETAILED DESCRIPTION

[0021] In order to make the purpose, technical solution and advantages of the embodiments of the present invention clearer, the technical solution in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. It should be noted that the description of these embodiments is used to help understand the present invention, but does not constitute a limitation of the present invention. In addition, the technical features involved in each embodiment of the present invention described below can be combined with each other as long as they do not conflict with each other.

[0022] Reference Figures 1 to 9 As shown, an Android circular interactive scrolling method includes the following steps:

[0023] S1. Construct a circular graphic interface and display the circular graphic interface on the operation interface;

[0024] S2, determining the center point of the circular graphic interface, and dividing the operation interface into multiple quadrants through a dividing line passing through the center point;

[0025] S3, receiving a touch event of the user on the operation interface;

[0026] S4, generating a touch track according to the touch event, where the touch track is formed by connecting multiple touch points;

[0027] S5. Take two adjacent touch points in time sequence and record them as touch point P0 and touch point P1 in sequence, and determine the user's rotation intention direction according to the positional relationship between the touch point P0 and the touch point P1 in the quadrant.

[0028] Specifically, step S1 specifically goes through an initialization process, and the initialization process includes calling a constructor and calling an init() method.

[0029] Constructors: Through different constructors of RoundListView, they accept different parameters to initialize its properties when creating a RoundListView instance.

[0030] init() method: This is an initialization method used to set the initial state of the component, as follows:

[0031] Initialize mOnGestureListener, which is a gesture listener used to monitor and process user gesture operations.

[0032] Create a GestureDetector object, which is used to recognize and process common gestures.

[0033] Initialize ScheduledThreadPoolExecutor and start the scheduled task. ScheduledThreadPoolExecutor is used to execute the inertial scrolling of the display ring graphical interface.

[0034] In step S1, as a first embodiment, the circular graphical interface is constructed in the following manner. Figure 6 As shown, the user can add operation components to the operation interface according to their own needs; as an extended embodiment, the programmer can add operation components to build a circular graphic interface. Figure 7 As shown, the operation components are arranged in a circular pattern to form a circular graphical interface. Figure 8 As shown, the user slides on the circular graphic interface to control the rotation of the operating component.

[0035] In step S2, the dividing line is not displayed in the operation interface. Preferably, the dividing line is two straight lines parallel to the horizontal and vertical directions of the screen and passing through the center point of the circle, thereby dividing the operation interface into four quadrants.

[0036] In other embodiments, the number of dividing lines is not limited, for example, three or more dividing lines are set to divide the image into six or more quadrants. Those skilled in the art can adjust the number of quadrants accordingly based on the relevant contents of the present invention.

[0037] In step S3, the touch event is processed by the following steps:

[0038] Process different touch events according to event.getAction();

[0039] ACTION_DOWN: Record the coordinates of the touch point, that is, create a click event;

[0040] ACTION_MOVE: updates the touch state and notifies touch state changes, i.e., slide events and termination events;

[0041] ACT ION_UP and ACT ION_CANCEL: update the touch state and notify the touch state change;

[0042] Call GestureDetector to handle gesture events.

[0043] During use, through the cooperation of the touch state change listener and the scroll state change listener, the user's contact on the operation interface constitutes a click event, and sliding without leaving the operation interface after clicking constitutes a slide event, and the user leaving the operation interface constitutes a termination event.

[0044] Furthermore, after step S5, steps S6, S7 and S8 are also included.

[0045] S6, connecting the touch point P0 and the touch point P1 to form a touch line and recording it as the touch line P01, and converting the length of the touch line P01 and the distance relationship with the center point of the circle into a rotation increment angle;

[0046] S7, obtaining an initial angle of the scroll bar of the circular graphical interface, the initial angle being a value corresponding to the scroll bar when the touch point P0 is touched;

[0047] S8. Add the rotation increment angle to the initial angle to determine and update the scrolling amount of the scroll bar in real time.

[0048] For example: when the user slides on the operation interface, the coordinates of the contact point between the user and the operation interface are used as touch points at set intervals, and then the touch points are reported. Touch points P0 and touch points P1 are formed in the order of reporting, and two adjacent touch points are connected to form touch line P01.

[0049] After the touch point is reported, it is processed by the calculation module. The touch event is reported to the calculation module one by one, and the calculation module also processes it one by one. When processing, the recorded point is used as the touch point P0, and the reported point is used as the touch point P1. After the processing is completed, the original touch point P0 is discarded, and the original touch point P1 is used as the new touch point P0 in the next processing event.

[0050] The user puts his hand on the screen, moves it, and finally lifts it up or moves it out of the operation interface, which is considered a trial process. During a user's sliding process, the ACT ION_DOWN message will only be reported once, and then there will be an ACT ION_MOVE message, and finally there will be an ACT ION_UP or ACT ION_CANCEL message. ACT ION_UP means that the user's hand is lifted up in the operation interface, and ACT ION_CANCEL is intercepted by other interfaces, so only one ACT ION_UP or ACT ION_CANCEL will be generated.

[0051] ACT ION_DOWN, ACT ION_MOVE, and finally ACT ION_UP or ACT ION_CANCEL will calculate the direction and angle and update the display in real time. Among them, ACT ION_DOWN is the initial touch point P0, and ACT ION_UP or ACTION_CANCEL is the final touch point P1. Assuming that during the ACT ION_DOWN event, the initial angle of the scroll bar of the circular graphic interface is 45°, the ACT ION_MOVE time will generate the touch point P1 according to the set interval time, and the above set interval time is uploaded once every several microseconds. Assuming that the calculated rotation increment angle is 15°, the scroll bar of the circular graphic interface will scroll to 60° accordingly.

[0052] Through the above steps, the circular graphic interface can update the scrolling animation in real time when the user slides the operation interface, and after the user switches the rotation direction, it can be uploaded to the calculation module for processing in time and rotated in the opposite direction accordingly, so that the rotation direction of the circular graphic interface can be switched smoothly.

[0053] When the present invention uses the dividing lines as two straight lines parallel to the horizontal and vertical directions of the screen and passing through the center point of the circle, thereby dividing the operation interface into four quadrants, the user's rotation intention direction is determined in step S5 by the following method:

[0054] S51, obtaining the coordinate values ​​of the touch point P0 and the touch point P1 in the quadrant, the coordinates of the touch point P0 are marked as (x0, y0), and the coordinates of the touch point P1 are marked as (x1, y1);

[0055] S52, judging according to the coordinate values ​​whether the touch point P0 and the touch point P1 are located in the same quadrant, adjacent quadrants, or diagonal quadrants;

[0056] Reference Figure 2 As shown, S521, when the touch point P0 and the touch point P1 are located in the same quadrant, the size of x0 is compared with that of x1, and the size of y0 is compared with that of y1 to determine the user's intended rotation direction;

[0057] Reference Figure 3 As shown, S522, when the touch point P0 and the touch point P1 are located in adjacent quadrants, the user's intended rotation direction is determined according to the quadrant positions of the touch point P0 and the touch point P1;

[0058] Reference Figure 4 and Figure 5 As shown, S523, when the touch point P0 and the touch point P1 are located in the diagonal quadrant, the touch point P0 and the touch point P1 are connected by a line recorded as the touch line P01, and the user's rotation intention direction is determined according to the quadrant positions of the touch point P0 and the touch point P1 and the positional relationship between the touch line P01 and the center point of the circle.

[0059] Specifically, when the touch point P0 and the touch point P1 are both located in the same quadrant, the user's rotation intention direction is determined through the following steps.

[0060] Reference Fig. 9 As shown in the figure, S represents the screen range. In the present invention, the coordinate value takes the upper left corner of the screen S as the starting point, the horizontal direction from left to right is the positive direction of the X-axis, and the vertical direction from top to bottom is the positive direction of the Y-axis; then the coordinate values ​​of the center point O, the touch point P0, and the touch point P1 on the screen S are determined, and the quadrant positions of the touch points P0 and P1 are determined by the size of the coordinate values ​​of the touch points P0 and P1 with the center point.

[0061] Reference Fig. 9 As shown, assuming that the Y coordinate y of the center point is 500, the Y coordinate y1 of the touch point P1 is 400, and the Y coordinate y0 of the touch point P0 is 300, the touch point P0 and the touch point P1 are located in the first quadrant or the second quadrant, and then when the X coordinate values ​​of the touch point P0 and the touch point P1 are greater than the X coordinate value of the center point, it is determined that the touch point P0 and the touch point P1 are in the first quadrant.

[0062] S5211, when the touch point P0 and the touch point P1 are both located in the same quadrant, the absolute value of the difference between x1 and x0 is recorded as |dx|, and the absolute value of the difference between y1 and y0 is recorded as |dy|, and the magnitudes of |dx| and |dy| are compared, and the larger value is taken as the reference value;

[0063] S5212, judging whether the reference value is greater than a set threshold value, if so, the user has a rotation intention and proceeding to step S5213, otherwise, the user does not have a rotation intention;

[0064] S5213, user rotation intention direction:

[0065] When the touch point P0 and the touch point P1 are both located in the first quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx<0, the user's intended rotation direction is counterclockwise; if dx>0, the user's intended rotation direction is clockwise.

[0066] When the touch point P0 and the touch point P1 are both located in the first quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy>0, the user's intended rotation direction is clockwise; if dy<0, the user's intended rotation direction is counterclockwise.

[0067] When the touch point P0 and the touch point P1 are both located in the second quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx < 0, the user's intended rotation direction is counterclockwise; if dx > 0, the user's intended rotation direction is clockwise.

[0068] When the touch point P0 and the touch point P1 are both located in the second quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy<0, the user's intended rotation direction is clockwise; if dy>0, the user's intended rotation direction is counterclockwise.

[0069] When the touch point P0 and the touch point P1 are both located in the third quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx>0, the user's intended rotation direction is counterclockwise; if dx<0, the user's intended rotation direction is clockwise.

[0070] When the touch point P0 and the touch point P1 are both located in the third quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy<0, the user's intended rotation direction is clockwise; if dy>0, the user's intended rotation direction is counterclockwise.

[0071] When the touch point P0 and the touch point P1 are both located in the fourth quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx>0, the user's intended rotation direction is counterclockwise; if dx<0, the user's intended rotation direction is clockwise.

[0072] When the touch point P0 and the touch point P1 are both located in the fourth quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy>0, the user's intended rotation direction is clockwise; if dy<0, the user's intended rotation direction is counterclockwise.

[0073] Specifically, when the touch point P0 and the touch point P1 are located in adjacent quadrants, the user's rotation intention direction is determined through the following steps.

[0074] When the touch point P0 is located in the first quadrant and the touch point P1 is located in the second quadrant, the user's intended rotation direction is counterclockwise;

[0075] When the touch point P1 is located in the first quadrant and the touch point P0 is located in the second quadrant, the user's intended rotation direction is clockwise;

[0076] When the touch point P0 is located in the second quadrant and the touch point P1 is located in the third quadrant, the user's intended rotation direction is counterclockwise;

[0077] When the touch point P1 is located in the second quadrant and the touch point P0 is located in the third quadrant, the user's intended rotation direction is clockwise;

[0078] When the touch point P0 is located in the third quadrant and the touch point P1 is located in the fourth quadrant, the user's intended rotation direction is counterclockwise;

[0079] When the touch point P1 is located in the third quadrant and the touch point P0 is located in the fourth quadrant, the user's intended rotation direction is clockwise;

[0080] When the touch point P0 is located in the fourth quadrant and the touch point P1 is located in the first quadrant, the user's intended rotation direction is counterclockwise;

[0081] When the touch point P1 is located in the fourth quadrant and the touch point P0 is located in the first quadrant, the user's intended rotation direction is clockwise.

[0082] Specifically, when the touch point P0 and the touch point P1 are located in diagonal quadrants, the user's rotation intention direction is determined through the following steps.

[0083] When the touch point P0 is in the first quadrant, when the touch point P1 is in the third quadrant, and the touch line P01 is above the center point of the circle, the user's intended rotation direction is counterclockwise;

[0084] When the touch point P0 is in the first quadrant, when the touch point P1 is in the third quadrant, and the touch line P01 is below the center point of the circle, the user's intended rotation direction is clockwise;

[0085] When the touch point P1 is in the first quadrant, when the touch point P0 is in the third quadrant, and the touch line P01 is above the center point of the circle, the user's intended rotation direction is clockwise;

[0086] When the touch point P1 is in the first quadrant, when the touch point P0 is in the third quadrant, and the touch line P01 is below the center point of the circle, the user's intended rotation direction is counterclockwise;

[0087] When the touch point P0 is in the second quadrant, when the touch point P1 is in the fourth quadrant, and the touch line P01 is above the center point of the circle, the user's intended rotation direction is clockwise;

[0088] When the touch point P0 is in the second quadrant, when the touch point P1 is in the fourth quadrant, and the touch line P01 is below the center point of the circle, the user's intended rotation direction is counterclockwise;

[0089] When the touch point P1 is located in the second quadrant, when the touch point P0 is located in the fourth quadrant, and the touch line P01 is located above the center point of the circle, the user's intended rotation direction is counterclockwise;

[0090] When the touch point P1 is located in the second quadrant, when the touch point P0 is located in the fourth quadrant, and the touch line P01 is located below the center point of the circle, the user's intended rotation direction is clockwise.

[0091] By exhaustively enumerating various relationships between the touch point P0 and the touch point P1 in the four quadrants, the accuracy of judging the user's rotation intention can be greatly improved through this analysis.

[0092] After determining the user's rotation intention, the rotation increment angle needs to be calculated.

[0093] The rotation increment angle is calculated by the following formula:

[0094] Rotation increment angle = 360°×L / (2π×R)

[0095] In the above formula, refer to Fig. 9 As shown, R is the radius of the circular graphic interface, and L is the arc length. In the present invention, in order to simplify the amount of calculation to the greatest extent, the reference value dx or dy obtained in step S5211 is equal to L.

[0096] As an extension of the embodiment, the length of the touch line P01 may be calculated, so that the length of the touch line P01 is equal to L.

[0097] As an extension of the embodiment, the central angle of the circle may be calculated through the lines connecting the center point O and the touch point P0 and the touch point P1, and then the actual arc length L may be inversely calculated through the relationship between the central angle of the circle and the radius R.

[0098] Through the points reported by the touch events, touch points P0 and P1 are generated in real time, and the rotation increment angle is calculated. By determining the rotation increment angle in real time, the scrolling screen of the circular graphic interface is updated in real time.

[0099] The beneficial effects of the present invention are as follows:

[0100] First, the present invention helps to simplify gesture analysis through quadrant division, so that the direction and distance of the rotation gesture can be accurately judged by the change of the quadrant position to determine the user's intended rotation direction, so as to achieve smoother interaction with the scroll bar movement of the circular graphic interface, and the judgment of the scrolling direction is more accurate, which effectively avoids operational errors caused by unclear intentions.

[0101] Secondly, by touching the line P01 and converting it into a rotation increment angle according to the radian formula, the latest angle position of the scroll bar is determined, and the scroll bar position of the circular graphic interface is updated and displayed in real time. The scrolling action is smooth, and the calculation of the scrolling angle is more accurate, so that the scroll bar can respond to the user's gesture operation more quickly, the gesture interaction performance has been significantly improved, and the user experience has been significantly improved. The user can experience a smoother and more natural interactive experience when operating the circular scroll bar

[0102] In another aspect, the present invention provides an Android circular interactive scrolling system, the system comprising:

[0103] A data module, used to store data information of the circular graphical interface as a data source for interface display;

[0104] A display module is used to display the circular graphic interface and update it in real time, determine the center point of the circular graphic interface, and divide the operation interface into multiple quadrants through a dividing line passing through the center point, and the dividing line is not used as auxiliary information for display and subsequent determination of direction and rotation angle;

[0105] A touch module, used to receive a touch event of a user on an operation interface, and generate a touch track according to the touch event, wherein the touch track is formed by connecting multiple touch points;

[0106] The calculation module is used to determine the user's intended rotation direction through the position relationship and connection length of the touch points in the quadrant, and according to the touch line formed by the two touch points, according to the length of the touch line and the distance relationship with the center point of the circle, the angle is converted into, and the scrolling amount of the scroll bar is determined and updated in real time.

[0107] The above modules correspond to the steps of the above method, and the specific principles thereof have been described above and will not be repeated here.

[0108] In some embodiments, the electronic device includes but is not limited to electronic products such as smart screens or smart control devices.

[0109] Reference Figures 6 to 8 As shown, the electronic device includes a display screen, which constitutes an operation interface. The user adds operation components to the operation interface to form a circular graphic interface.

[0110] The various embodiments of the mechanism disclosed in the present application can be implemented in hardware, software, firmware or a combination of these implementation methods. The embodiments of the present application can be implemented as a computer program or program code executed on a programmable system, which includes at least one processor, a storage system (including volatile and non-volatile memory and / or storage elements), at least one input device and at least one output electronic device.

[0111] Program code can be applied to input instructions to perform the functions described in this application and generate output information. The output information can be applied to one or more output electronic devices in a known manner. For the purposes of this application, a processing system includes any system having a processor such as, for example, a digital signal processor (DSP), a microcontroller, an application specific integrated circuit (ASIC), or a microprocessor.

[0112] Program code can be implemented with high-level programming language or object-oriented programming language to communicate with the processing system. When necessary, program code can also be implemented with assembly language or machine language. In fact, the mechanism described in this application is not limited to the scope of any specific programming language. In either case, the language can be a compiled language or an interpreted language.

[0113] In some cases, the disclosed embodiments may be implemented in hardware, firmware, software, or any combination thereof. The disclosed embodiments may also be implemented as instructions carried by or stored on one or more temporary or non-temporary machine-readable (e.g., computer-readable) storage media, which may be read and executed by one or more processors. For example, the instructions may be distributed over a network or through other computer-readable media. Therefore, the machine-readable medium may include any mechanism for storing or transmitting information in a form readable by a machine (e.g., a computer), including but not limited to floppy disks, optical disks, optical discs, compact disc-readonly memory (CD-ROMs), magneto-optical disks, read-only memory (ROM), random access memory (RAM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), magnetic or optical cards, flash memory, or tangible machine-readable storage for transmitting information using the Internet in electrical, optical, acoustic or other forms of propagation signals (e.g., carrier waves, infrared signals, digital signals, etc.). Therefore, the machine-readable medium includes any type of machine-readable medium suitable for storing or transmitting electronic instructions or information in a form readable by a machine (e.g., a computer).

[0114] In the description of the present invention, it is to be understood that the terms “center”, “longitudinal”, “lateral”, “length”, “width”, “thickness”, “up”, “down”, “front”, “back”, “left”, “right”, “vertical”, “horizontal”, “top”, “bottom”, “inside”, “outside”, “clockwise”, “counterclockwise”, “axial”, “radial”, “circumferential”, etc., indicating orientations or positional relationships based on the orientations or positional relationships shown in the accompanying drawings, are only for the convenience of describing the present invention and simplifying the description, and do not indicate or imply that the referred device or element must have a specific orientation, be constructed and operated in a specific orientation, and therefore should not be understood as limiting the present invention.

[0115] In the description of the present invention, the terms "first" and "second" are used for descriptive purposes only and should not be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features.

[0116] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. For those skilled in the art, the present invention may have various modifications and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention shall be included in the protection scope of the present invention.

Claims

1. An Android circular interactive scrolling method, characterized in that: The steps include: S1. Construct a circular graphic interface and display the circular graphic interface on the operation interface; S2, determining the center point of the circular graphic interface, and dividing the operation interface into multiple quadrants through a dividing line passing through the center point; S3, receiving a touch event of the user on the operation interface; S4, generating a touch track according to the touch event, where the touch track is formed by connecting multiple touch points; S5. Take two adjacent touch points in time sequence and record them as touch point P0 and touch point P1 in sequence, and determine the user's rotation intention direction according to the positional relationship between the touch point P0 and the touch point P1 in the quadrant.

2. The Android circular interactive scrolling method according to claim 1, characterized in that: The step S5 further includes steps S6, S7 and S8, S6, connecting the touch point P0 and the touch point P1 to form a touch line and recording it as the touch line P01, and converting the length of the touch line P01 and the distance relationship with the center point of the circle into a rotation increment angle; S7, obtaining an initial angle of the scroll bar of the circular graphical interface, the initial angle being a value corresponding to the scroll bar when the touch point P0 is touched; S8. Add the rotation increment angle to the initial angle to determine and update the scrolling amount of the scroll bar in real time.

3. An Android circular interactive scrolling method according to claim 1 or 2, characterized in that: In the step S2, the dividing lines are two lines passing through the center point of the circle and perpendicular to each other, thereby dividing the operation interface into four quadrants.

4. The Android circular interactive scrolling method according to claim 3, characterized in that: The step S5 specifically includes: S51, obtaining the coordinate values ​​of the touch point P0 and the touch point P1 in the quadrant, the coordinates of the touch point P0 are marked as (x0, y0), and the coordinates of the touch point P1 are marked as (x1, y1); S52, judging whether the touch point P0 and the touch point P1 are located in the same quadrant, adjacent quadrants, or diagonal quadrants according to the coordinate values; S521, when the touch point P0 and the touch point P1 are located in the same quadrant, compare the size of x0 and x1, and the size of y0 and y1 to determine the user's intended rotation direction; S522, when the touch point P0 and the touch point P1 are located in adjacent quadrants, determining the user's intended rotation direction according to the quadrant positions of the touch point P0 and the touch point P1; S523. When the touch point P0 and the touch point P1 are located in the diagonal quadrant, a line connecting the touch point P0 and the touch point P1 is recorded as the touch line P01, and the user's rotation intention direction is determined according to the quadrant positions of the touch point P0 and the touch point P1 and the positional relationship between the touch line P01 and the center point of the circle.

5. The Android circular interactive scrolling method according to claim 4, characterized in that: In S52, a coordinate system is established with the upper left corner of the screen as the starting point, the horizontal direction from left to right as the positive direction of x, and the vertical direction from top to bottom as the positive direction of y, and then the coordinate values ​​of the center point, the touch point P0 and the touch point P1 in the coordinate system are determined, and the quadrant positions of the touch point P0 and the touch point P1 are determined by the magnitudes of the coordinate values ​​of the touch point P0 and the touch point P1 relative to the center point; The step S521 specifically includes: S5211, when the touch point P0 and the touch point P1 are both located in the same quadrant, the absolute value of the difference between x1 and x0 is recorded as |dx|, and the absolute value of the difference between y1 and y0 is recorded as |dy|, and the magnitudes of |dx| and |dy| are compared, and the larger value is taken as the reference value; S5212, judging whether the reference value is greater than a set threshold value, if so, the user has a rotation intention and proceeding to step S5213, otherwise, the user does not have a rotation intention; S5213, user rotation intention direction: When the touch point P0 and the touch point P1 are both located in the first quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx<0, the user's intended rotation direction is counterclockwise; if dx>0, the user's intended rotation direction is clockwise. When the touch point P0 and the touch point P1 are both located in the first quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy>0, the user's intended rotation direction is clockwise; if dy<0, the user's intended rotation direction is counterclockwise. When the touch point P0 and the touch point P1 are both located in the second quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx < 0, the user's intended rotation direction is counterclockwise; if dx > 0, the user's intended rotation direction is clockwise. When the touch point P0 and the touch point P1 are both located in the second quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy<0, the user's intended rotation direction is clockwise; if dy>0, the user's intended rotation direction is counterclockwise. When the touch point P0 and the touch point P1 are both located in the third quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx>0, the user's intended rotation direction is counterclockwise; if dx<0, the user's intended rotation direction is clockwise. When the touch point P0 and the touch point P1 are both located in the third quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy<0, the user's intended rotation direction is clockwise; if dy>0, the user's intended rotation direction is counterclockwise. When the touch point P0 and the touch point P1 are both located in the fourth quadrant and the reference value is dx, the positive and negative values ​​of dx are determined. If dx>0, the user's intended rotation direction is counterclockwise; if dx<0, the user's intended rotation direction is clockwise. When the touch point P0 and the touch point P1 are both located in the fourth quadrant and the reference value is dy, the positive and negative values ​​of dy are determined. If dy>0, the user's intended rotation direction is clockwise; if dy<0, the user's intended rotation direction is counterclockwise.

6. The Android circular interactive scrolling method according to claim 4, characterized in that: The step S522 specifically includes: When the touch point P0 is located in the first quadrant and the touch point P1 is located in the second quadrant, the user's intended rotation direction is counterclockwise; When the touch point P1 is located in the first quadrant and the touch point P0 is located in the second quadrant, the user's intended rotation direction is clockwise; When the touch point P0 is located in the second quadrant and the touch point P1 is located in the third quadrant, the user's intended rotation direction is counterclockwise; When the touch point P1 is located in the second quadrant and the touch point P0 is located in the third quadrant, the user's intended rotation direction is clockwise; When the touch point P0 is located in the third quadrant and the touch point P1 is located in the fourth quadrant, the user's intended rotation direction is counterclockwise; When the touch point P1 is located in the third quadrant and the touch point P0 is located in the fourth quadrant, the user's intended rotation direction is clockwise; When the touch point P0 is located in the fourth quadrant and the touch point P1 is located in the first quadrant, the user's intended rotation direction is counterclockwise; When the touch point P1 is located in the fourth quadrant and the touch point P0 is located in the first quadrant, the user's intended rotation direction is clockwise.

7. The Android circular interactive scrolling method according to claim 4, characterized in that: The step S523 specifically includes: When the touch point P0 is in the first quadrant, when the touch point P1 is in the third quadrant, and the touch line P01 is above the center point of the circle, the user's intended rotation direction is counterclockwise; When the touch point P0 is in the first quadrant, when the touch point P1 is in the third quadrant, and the touch line P01 is below the center point of the circle, the user's intended rotation direction is clockwise; When the touch point P1 is in the first quadrant, when the touch point P0 is in the third quadrant, and the touch line P01 is above the center point of the circle, the user's intended rotation direction is clockwise; When the touch point P1 is in the first quadrant, when the touch point P0 is in the third quadrant, and the touch line P01 is below the center point of the circle, the user's intended rotation direction is counterclockwise; When the touch point P0 is in the second quadrant, when the touch point P1 is in the fourth quadrant, and the touch line P01 is above the center point of the circle, the user's intended rotation direction is clockwise; When the touch point P0 is in the second quadrant, when the touch point P1 is in the fourth quadrant, and the touch line P01 is below the center point of the circle, the user's intended rotation direction is counterclockwise; When the touch point P1 is located in the second quadrant, when the touch point P0 is located in the fourth quadrant, and the touch line P01 is located above the center point of the circle, the user's intended rotation direction is counterclockwise; When the touch point P1 is located in the second quadrant, when the touch point P0 is located in the fourth quadrant, and the touch line P01 is located below the center point of the circle, the user's intended rotation direction is clockwise.

8. The Android circular interactive scrolling system according to claim 1, characterized in that: The system comprises: A data module, used to store data information of the circular graphical interface as a data source for interface display; A display module is used to display the circular graphic interface and update it in real time, determine the center point of the circular graphic interface, and divide the operation interface into multiple quadrants through a dividing line passing through the center point, and the dividing line is not used as auxiliary information for display and subsequent determination of direction and rotation angle; A touch module, used to receive a touch event of a user on an operation interface, and generate a touch track according to the touch event, wherein the touch track is formed by connecting multiple touch points; The calculation module is used to determine the user's intended rotation direction through the position relationship and connection length of the touch points in the quadrant, and according to the touch line formed by the two touch points, according to the length of the touch line and the distance relationship with the center point of the circle, the angle is converted into, and the scrolling amount of the scroll bar is determined and updated in real time.

9. An electronic device for an Android circular interactive scrolling method, characterized in that: include: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 7.

10. A computer readable medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images