Rotatable man-machine interaction menu interaction method, electronic equipment and computer readable storage medium

Abstract

The invention is suitable for the technical field of man-machine interaction, and particularly relates to a rotatable man-machine interaction menu interaction method, electronic equipment and a computer readable storage medium, and the method comprises the steps: accurately positioning a target operation region through a focus activation region by responding to a triggering operation of a target region on a display screen, an annular menu area is displayed around the display screen; a plurality of sub-menu controls in the annular menu component are annularly arranged around a focus activation area, so that interaction habits are met, operation blind areas are thoroughly eliminated, and interaction efficiency is improved; when contact with the focus activation area is detected, the annular menu assembly rotates around the focus activation area along with the contact path, the menu center is bound with the target area, and vision and operation focus unification is achieved; when the trigger operation on the sub-menu control of the annular menu component is detected, the corresponding operation is executed on the target area immediately according to the sub-menu control, so that the round-trip switching of sight is eliminated, and the attention concentration degree and the interaction efficiency are improved.

Description

Technical Field

[0001] This application belongs to the technical field of human-computer interaction, and particularly relates to a rotatable human-computer interaction menu interaction method, an electronic device, and a computer-readable storage medium. Background Art

[0002] With the wide popularization of intelligent terminal devices, human-computer interaction technology has become a core element affecting user experience. In the current mainstream human-computer interaction methods, users can select or operate through interactive menus such as tiled menus, pop-up menus, drop-down lists, virtual keyboards, etc. displayed on the display screen of intelligent terminal devices, so as to perform corresponding operations on the target area to be operated on the display screen. For example, select and operate on the interactive menu to input symbols such as numbers, text, and graphics into the target area.

[0003] However, in the current interaction methods, the distance between the interactive menu and the target area to be operated is relatively far. When operating on the target area, the line of sight needs to first move to the interactive menu, and after operating on the interactive menu, the line of sight returns to the target area, which easily causes the user's attention to be scattered during the entire interaction process, affecting the interaction efficiency and thus the interaction experience. Especially when there are many elements displayed on the display screen, the functions presented by the interactive menu are complex or there are multiple levels of menu hierarchies, users often need to go through multiple operations such as clicking and switching interfaces, resulting in a long and cumbersome operation path during the entire interaction process, seriously affecting the interaction efficiency and fluency. In scenarios where high concentration of attention on the target area and its associated or adjacent areas is required, the above problems are more prominent.

[0004] Taking the Sudoku game as an example, Sudoku is a puzzle math game where players need to complete the input of numbers in the blank grids on the Sudoku board. The mainstream number input and function operation methods in the Sudoku game rely on tiled menus outside the board or side floating virtual keyboards. Users need to first select the board grid, and then move the line of sight into the tiled menu or side floating virtual keyboard to select the corresponding number to complete the input. The line of sight needs to frequently switch between the board and the menu. The interaction method not only has cumbersome operation steps but also easily interrupts the logical reasoning rhythm. Summary of the Invention

[0005] The embodiments of this application provide a rotatable human-computer interaction menu interaction method, an electronic device, and a computer-readable storage medium, which can solve the problem that traditional interaction methods are prone to causing user attention dispersion and affecting interaction efficiency and interaction experience in some cases.

[0006] In a first aspect, the embodiments of this application provide a rotatable human-computer interaction menu interaction method, including: In response to a trigger operation on a target area on the user interface of the display screen, a first interaction area is displayed on the user interface; wherein, the first interaction area includes a focus activation area and an annular menu area, the focus activation area is displayed on the target area, and the annular menu area is arranged around the focus activation area; the annular menu area includes an annular menu component, and the annular menu component includes a plurality of sub-menu controls arranged in an annular shape around the focus activation area. Upon detecting contact with the focus activation area, the annular menu component rotates around the focus activation area following the path of the contact. Upon detecting a trigger operation on a sub-menu control of the annular menu component, and when it is determined that the target area can be operated, the target area is operated correspondingly according to the function of the sub-menu control corresponding to the trigger operation on the sub-menu control of the annular menu component.

[0007] The above technical solutions in the embodiments of the present application have at least the following technical effects: The rotatable human-computer interaction menu interaction method provided by the embodiments of the present application responds to a trigger operation on a target area on the display screen, accurately locates the target operation area with the focus activation area, and displays an annular menu area around it. The diverse function options are presented in a centralized annular layout form, effectively utilizing the screen space and avoiding the occupation of the core display area by traditional tiled or pop-up menus. The design of arranging a plurality of sub-menu controls in the annular menu component in an annular shape around the focus activation area conforms to ergonomics and visual interaction habits, completely eliminating the operation blind area and improving the interaction efficiency. Upon detecting contact with the focus activation area, the annular menu component rotates around the focus activation area following the path of the contact, realizing the binding of the menu center and the target area, breaking the "menu - content" separation architecture, and achieving the unity of visual and operation foci. When a trigger operation on a sub-menu control of the annular menu component is detected, the corresponding operation is immediately performed on the target area according to the sub-menu control, reducing the redundancy of the operation path and eliminating the back-and-forth switching of the line of sight, and improving the concentration of attention and the interaction efficiency.

[0008] In a second aspect, the embodiments of the present application provide a rotatable human-computer interaction menu interaction system, which is applied to an electronic device. The electronic device has a display screen, and the rotatable human-computer interaction menu interaction system includes: The first unit is configured to, in response to a triggering operation on a target area on the user interface of the display screen, display a first interaction area on the user interface; wherein, the first interaction area includes a focus activation area and an annular menu area, the focus activation area is displayed on the target area, and the annular menu area is arranged around the focus activation area; the annular menu area includes an annular menu component, and the annular menu component includes a plurality of sub-menu controls arranged in an annular shape around the focus activation area; The second unit is configured to, when detecting contact with the focus activation area, rotate the annular menu component around the focus activation area along the path of the contact; The third unit is configured to, when detecting a triggering operation on a sub-menu control of the annular menu component, and when it is determined that the target area can be operated, perform a corresponding operation on the target area according to the function of the sub-menu control corresponding to the triggering operation on the sub-menu control of the annular menu component.

[0009] In a third aspect, an embodiment of the present application provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, where when the processor executes the computer program, the method described in any one of the above aspects is implemented.

[0010] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, where the computer-readable storage medium stores computer instructions, and when the computer instructions run on a computer, the computer is caused to execute the method described in any one of the above aspects.

[0011] In a fifth aspect, an embodiment of the present application provides a computer program product, where when the computer program product runs on an electronic device, the electronic device is caused to execute the method described in any one of the above aspects.

[0012] It can be understood that the beneficial effects of the above second aspect to fifth aspect can be referred to the relevant descriptions in the above aspects, and will not be repeated here. Description of the Drawings

[0013] To more clearly illustrate the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings required for use in the embodiments or the description of the prior art. Obviously, the following drawings are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative efforts.

[0014] Figure 1 It is a schematic flowchart of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 2It is a schematic diagram of the operation process of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 3 It is a schematic diagram of a partial operation interface of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 4 It is a schematic diagram of a partial operation interface of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 5 It is a schematic diagram of a partial operation interface of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 6 It is a schematic diagram of a partial operation interface of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 7 It is a schematic diagram of a partial operation interface of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 8 It is a schematic diagram of a partial operation interface of a rotatable human-computer interaction menu interaction method provided by an embodiment of the present application; Figure 9 It is a schematic diagram of the structure of a rotatable human-computer interaction menu interaction system provided by an embodiment of the present application; Figure 10 It is a schematic diagram of the structure of an electronic device provided by an embodiment of the present application. Detailed implementation manners

[0015] In the following description, specific details such as specific system structures and technologies are presented for the purpose of illustration rather than limitation, so as to thoroughly understand the embodiments of the present application. However, those skilled in the art should clearly understand that the present application can also be implemented in other embodiments without these specific details. In other cases, detailed descriptions of well-known systems, devices, circuits, and methods are omitted to avoid unnecessary details from interfering with the description of the present application.

[0016] It should be understood that when used in the specification and appended claims of the present application, the term "comprising" indicates the presence of the described features, wholes, steps, operations, elements, and / or components, but does not exclude the presence or addition of one or more other features, wholes, steps, operations, elements, components, and / or their combinations.

[0017] It should also be understood that the term "and / or" used in the specification and appended claims of the present application refers to any combination and all possible combinations of one or more of the associated listed items, and includes these combinations.

[0018] As used in this specification and the appended claims, the term "if" can be interpreted as "when" or "upon" or "in response to determining" or "in response to detecting," depending on the context. Similarly, the phrases "if it is determined" or "if the described condition or event is detected" can be interpreted as meaning "upon determination" or "in response to determining" or "upon detection of the described condition or event" or "in response to detecting the described condition or event," depending on the context.

[0019] In addition, in the description of the present application specification and the appended claims, the terms "first", "second", "third", etc. are only used to distinguish the descriptions and cannot be understood as indicating or implying relative importance.

[0020] References to "one embodiment" or "some embodiments" in this specification mean that a particular feature, structure, or characteristic described in conjunction with that embodiment is included in one or more embodiments of the present application. Thus, phrases such as "in one embodiment," "in some embodiments," "in other embodiments," and "in other embodiments" appearing in various places in this specification do not necessarily refer to the same embodiment, but rather mean "one or more but not all embodiments," unless otherwise specifically emphasized. The terms "including," "comprising," "having," and variations thereof all mean "including but not limited to," unless otherwise specifically emphasized.

[0021] In the current interaction method, the distance between the interactive menu and the target area where the operation is required is relatively far. When the target area needs to be operated, the line of sight needs to be moved to the interactive menu first. After the interactive menu is operated, the line of sight returns to the target area, which can easily cause the user's attention to be distracted during the entire interaction process, affecting the interaction efficiency and thus the interaction experience. Especially when there are many elements displayed on the display screen, the functions presented in the interactive menu are complex, or there are multi-level menu levels, users often need to go through multiple clicks, switch interfaces, and other operations, resulting in a long and cumbersome operation path during the entire interaction process, which seriously affects the efficiency and smoothness of the interaction. In scenarios where a high degree of concentration is required on the target area and its related or adjacent areas, the above problems are more prominent.

[0022] Take Sudoku, for example. Sudoku is a math puzzle game where players must enter numbers into blank squares on a Sudoku board. The mainstream method for entering numbers and operating functions in Sudoku relies on a tiled menu or floating numeric keypad outside the board. Users must first select a square, then move their gaze into the tiled menu or floating numeric keypad to select the corresponding number to complete the input. This requires frequent switching between the board and the menu, making the interaction not only cumbersome but also easily disruptive to logical reasoning.

[0023] To solve the above problems, an embodiment of the present application provides a rotatable human-computer interaction menu interaction method. In this method, by responding to a trigger operation in the target area on the display screen, the target operation area is accurately positioned with the focus activation area, and a circular menu area is displayed around it, presenting diverse function options in a circular layout form, effectively utilizing the screen space and avoiding the occupation of the core display area by traditional tiled or pop-up menus. The design of arranging multiple sub-menu controls in a circular pattern around the focus activation area in the circular menu component conforms to ergonomics and visual interaction habits, completely eliminating the operation blind spots and improving the interaction efficiency. When it is detected that there is contact with the focus activation area, the circular menu component rotates around the focus activation area following the path of the contact, realizing the binding of the menu center and the target area, breaking the "menu - content" separation architecture, and achieving the unity of visual and operation foci. When a trigger operation on a sub-menu control of the circular menu component is detected, the corresponding operation is immediately executed on the target area according to the sub-menu control, reducing the redundancy of the operation path, eliminating the back-and-forth switching of the line of sight, and improving the concentration of attention and interaction efficiency.

[0024] The rotatable human-computer interaction menu interaction method provided by the embodiment of the present application can be applied to an electronic device. At this time, the electronic device is the execution subject of the rotatable human-computer interaction menu interaction method provided by the embodiment of the present application. The embodiment of the present application does not impose any restrictions on the specific type of the electronic device.

[0025] It can be understood that the electronic device can be a variety of intelligent devices with a display screen and interaction capabilities. For example, the electronic device can be a mobile phone, a tablet computer, a wearable device, a vehicle-mounted device, an augmented reality (AR) / virtual reality (VR) device, a laptop computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a desktop computer, a smart large screen, a smart TV and other terminal devices.

[0026] To better understand the rotatable human-computer interaction menu interaction method provided by the embodiment of the present application, the following provides an exemplary introduction to the specific implementation process of the rotatable human-computer interaction menu interaction method provided by the embodiment of the present application.

[0027] Figure 1 The schematic flowchart of the rotatable human-computer interaction menu interaction method provided by the embodiment of the present application is shown. Figure 2 The running process schematic diagram of the rotatable human-computer interaction menu interaction method provided by the embodiment of the present application is shown. The rotatable human-computer interaction menu interaction method includes: S100, in response to a triggering operation on a target area on the user interface of the display screen, display a first interaction area on the user interface; wherein, the first interaction area includes a focus activation area and an annular menu area, the focus activation area is displayed on the target area, and the annular menu area is set around the focus activation area; the annular menu area includes an annular menu component, and the annular menu component includes a plurality of sub-menu controls arranged in an annular shape around the focus activation area.

[0028] It can be understood that when a triggering operation on the target area on the user interface of the display screen is detected, the first interaction area will be displayed on the interface. The triggering operation can be actions such as a single click, double click, long press, etc. completed by the user's finger or stylus on the target area. The monitoring and response of the triggering operation can be achieved through an event capture mechanism. The first interaction area consists of two parts. One is the focus activation area located above the target area, which is used to highlight the current operation target area. The focus activation area can be highlighted by methods such as highlighting or color change. The other is the annular menu area set around the focus activation area. The annular menu area contains an annular menu component, and the annular menu component includes a plurality of sub-menu controls. The angular interval of the sub-menu controls is 2π / N (N is the number of sub-menus). The sub-menu controls are arranged in an annular shape around the focus activation area, which is convenient for selection operations. The sub-menu controls can distinguish functions by color and icon to improve recognition. It realizes the centralized presentation of diverse function options in an annular layout form, effectively utilizes the screen space, and avoids the occupation of the core display area by traditional tiled or pop-up menus. The rotatable design of the plurality of sub-menu controls in the annular menu component arranged in an annular shape around the focus activation area conforms to ergonomics and visual interaction habits, reduces the redundancy of the operation path, eliminates the back-and-forth switching of the line of sight, and improves the concentration of attention and interaction efficiency.

[0029] S200, when detecting contact with the focus activation area, the annular menu component rotates around the focus activation area following the path of the contact.

[0030] It can be understood that Figures 6 to 7 shows the specific process of the annular menu component rotating around the focus activation area following the path of the contact. When the user performs a contact operation on the focus activation area (such as the highlighted chess piece grid in a sudoku board), for example, the finger presses on the focus area and slides in a rotational manner such as clockwise or counterclockwise, or it can also be a linear contact, the movement trajectory of the contact point can be captured in real time. By calculating the angular change of the contact point relative to the center of the focus area, the annular menu component will rotate around the focus center accordingly, so that the position of the menu control is dynamically adjusted with the gesture. For example, when the user rotates the finger to the left, the annular menu will rotate counterclockwise to ensure that the menu options always remain in a position convenient for the user to click, realizing the dynamic interaction effect of "gesture rotation - menu following", and achieving the full-coverage effect of no blind spots and no dead corners in the full screen operation.

[0031] S300. When a triggering operation on the sub - menu control of the circular menu component is detected, and it is determined that the target area can be operated on, the target area is operated on correspondingly according to the function of the sub - menu control corresponding to the triggering operation on the sub - menu control of the circular menu component.

[0032] It can be understood that the operation on the sub - menu control in the circular menu component can be captured through an event listening mechanism. When a triggering operation on the sub - menu control of the circular menu component that meets the conditions (such as clicking on the sub - menu control, long - pressing on the sub - menu control, or clicking on the sub - menu control after rotation) is recognized, the corresponding operation will be performed on the previously highlighted target area (such as the checkerboard grid) according to the preset function logic of the sub - menu control, realizing an instant response of operation and feedback, reducing the redundancy of the operation path, eliminating the back - and - forth switching of the line of sight, and improving the concentration of attention and interaction efficiency.

[0033] Through the above steps S100 - S300, the binding of the menu center and the target area is realized, breaking the "menu - content" separation architecture and realizing the unity of visual and operation foci; only a single finger is required to complete the entire process of activation, rotation, and selection, abandoning two - finger coordination. Through single - finger dragging, 360° seamless rotation is achieved, realizing a full - screen non - blind - spot operation for the Sudoku game. The menu in the edge area is displayed without blind spots through rotation; and it can be adapted to multiple scenarios such as Sudoku and drawing through adaptive algorithms such as Python.

[0034] In some possible embodiments, in step S100, the triggering operation on the target area on the user interface of the display screen is any one of double - clicking, single - clicking, long - pressing, or right - clicking on the target area.

[0035] In some possible embodiments, in step S100, the radius of the circular menu area is determined by the size of the target area; the formula for determining the radius of the circular menu area is specifically: radius R = k×max(width, height), where k is a coefficient with a default value of 1.5, and max(width, height) is the maximum value between the length and width of the target area.

[0036] In some possible embodiments, the method further includes: S800. When the distance between the sub - menu control and the boundary of the user interface is less than the set number of pixels, a damping effect is triggered to reduce the rotation speed to the set speed.

[0037] It can be understood that by monitoring the pixel distance between the edge of the sub-menu control and the physical boundary of the interface in real time, when setting pixels in any direction, for example, when the set distance ≤ 20 pixels, the damping mechanism is automatically activated, and the rotation speed of the sub-menu control is proportionally reduced to the set speed, such as 40%, to simulate the buffering effect of physical damping, avoid the control rushing out of the visible area of the interface due to rapid rotation, and at the same time improve the user's control accuracy of the control position through speed decay, especially for anti-misoperation protection during edge operations in the touch screen scenario. Moreover, the 20-pixel threshold and the 40% deceleration ratio can be dynamically adjusted according to the device screen size to ensure the interaction consistency of different terminals.

[0038] Optionally, refer to Figure 3 、 Figure 4 and Figure 5 In step S100, the user interface is used to display the checkerboard interface of the Sudoku game; the target area is any interactive chess piece grid in the checkerboard interface; the focus activation area is used to focus on and display the chess piece grid corresponding to the target area.

[0039] It can be understood that in the Sudoku game scenario, Figure 3 shows a schematic diagram of the first interaction area after the user interface responds to the trigger operation; Figure 4 shows a running schematic diagram of the first interaction area after the user interface responds to the trigger operation at the edge position; Figure 5 shows a running schematic diagram of the first interaction area after the user interface responds to the trigger operation. The user interface can present a standard N*M (4*4, 3*3) checkerboard layout, where the target area specifically refers to the interactive chess piece grid (i.e., the blank grid without the initial given number) in the checkerboard that allows the user to fill in numbers. When the user clicks on the interactive chess piece grid, the grid can be highlighted (such as visual effects like a highlighted border or a darker background color) through the focus activation area to clearly indicate the target position of the current operation, facilitating subsequent operations such as filling in or clearing numbers through the circular menu, simplifying the digital input process from the traditional 4 steps (select the numeric keypad → click the number → return to the checkerboard → fill in) to 2 steps (trigger the menu → rotate and select), achieving the unity of the operation focus and the thinking focus, reducing the attention dispersion process, and enhancing the interaction experience.

[0040] In some embodiments, before responding to the trigger operation on the target area on the user interface of the display screen, the method further includes: S410, in response to detecting a double-click operation on the Sudoku checkerboard, obtain the time information and position information of each click operation in the double-click operation.

[0041] It can be understood that by listening to the touch events on the Sudoku board, when it is detected that the user clicks on the board twice in a row within a short period of time, the timestamp and the screen coordinate position of each click will be captured, which are used as the time information and position information of each click operation respectively. For example, the time information of the first click is 10:00:01.234 and the position information is (150, 200), and the time information of the second click is 10:00:01.567 and the position information is (152, 202). These time and position data will be used as the basis for subsequent judgment of the validity of the double click.

[0042] S420. Based on the position information of each click operation, determine the grid index information of the chess piece grid corresponding to each click operation on the Sudoku board; among them, the grid index information is used to reflect the grid attributes of the chess piece grid in the Sudoku board and the row position and column position in the Sudoku board.

[0043] It can be understood that according to the position information of each click, the position information can be converted into the grid index information on the board grid. For example, assuming that the size of each chess piece grid is 40×40 pixels and the upper left corner coordinates of the board are (0, 0), then the click coordinates (150, 200) will be calculated as the grid in the 3rd row (150÷40≈3.75, rounded down to 3) and the 5th column (200÷40 = 5). At the same time, the attributes of the chess piece grid can be judged, such as whether it is a fixed grid with an initial given number (non-interactive) or an interactive grid that allows numbers to be filled in, and the corresponding grid index information (such as row number 3, column number 5, and attribute being interactive) is generated to identify the specific grid position and operation permissions.

[0044] S430. When the time information, position information, and grid index information of each click operation in the double click operation all meet the consistency conditions, determine the double click operation as a trigger operation.

[0045] It can be understood that the time information, position information, and grid index information of the double click operation can be triple-checked through the consistency conditions. According to the consistency condition of the time information, judge whether the interval between the two clicks exceeds a preset threshold (such as 300 milliseconds) to avoid being regarded as two independent clicks due to too long an interval; according to the consistency condition of the position information, judge that the coordinate deviation between the two clicks needs to be less than a preset distance (such as 5 pixels) to ensure that the clicks are in the same area; according to the consistency condition of the grid index, the two clicks need to correspond to the same interactive grid to avoid clicking on different grids. When all these three conditions are met, the double click operation will be recognized as a valid trigger operation, and then trigger the subsequent interactive area display logic to prevent the triggering of misoperations or invalid operations.

[0046] Optionally, in S430, when the time information, position information, and grid index information of each click operation in the double-click operation all meet the consistency condition, determining the double-click operation as a trigger operation, including: S431, based on the grid index information, determining the attribute information of the chess piece grid in the Sudoku board, where the attribute information includes whether the chess piece grid is an interactive chess piece grid; among them, an interactive chess piece grid is a grid that allows a number to be filled in and is not an initially given number.

[0047] It can be understood that after the specific chess piece grid is located through the grid index information (such as row number, column number), the attribute data of the grid will be queried. The grids in the Sudoku board are divided into two categories: fixed grids with initially given numbers (non-interactive, attribute marked as "fixed") and blank grids that allow users to fill in numbers (interactive, attribute marked as "editable"). Only when the grid attribute is "editable", the chess piece grid has the condition to be triggered by double-clicking to interact, avoiding invalid operations on the fixed number grids by the user.

[0048] S432, comparing the grid index information corresponding to each click operation. If the grid index information corresponding to the two click operations is the same and the attribute information is an interactive chess piece grid, then it is determined that the double-click operation meets the grid consistency condition.

[0049] It can be understood that the grid index information (row and column coordinates) corresponding to the two clicks can be compared. If both clicks point to the same grid (such as both being the 3rd row and 5th column), and the attribute of the chess piece grid is "editable", then it is determined that the grid consistency condition is met, ensuring that the two clicks act on the same operable area, avoiding mis-triggering caused by clicking on different grids (for example, the user accidentally touches an adjacent grid), and ensuring the target consistency of the double-click operation.

[0050] S433, based on the time information of each click operation, calculating the time interval between the two click operations. If the time interval is not greater than the preset time threshold, then it is determined that the double-click operation meets the time consistency condition.

[0051] It can be understood that the time difference is calculated through the time information of the two clicks (such as 10:00:01.234 and 10:00:01.567). If the time interval ≤ the preset threshold (such as 300 milliseconds), it is considered a "quick consecutive click" and meets the time consistency condition. If the time interval is too long (such as more than 500 milliseconds), it is regarded as two independent clicks and the double-click logic is not triggered. This threshold can be adjusted according to the user's operation habits to ensure that slow clicks are filtered out and fast clicks are not misjudged.

[0052] S434. Calculate the position deviation between two click operations based on the position information of each click operation. If the position deviation is not greater than the preset distance threshold, it is determined that the double-click operation meets the position consistency condition.

[0053] It can be understood that the deviation between the two click position information can be calculated by the Euclidean distance formula (such as √[(150 - 152)²+(200 - 202)²]≈2.83 pixels). If the deviation ≤ the preset distance (such as 5 pixels), it is considered that the two clicks are near the same position and meet the position consistency condition. This verification can filter out the click position offset caused by the user's finger movement (such as slight sliding when clicking), ensure that the double-click operation acts on the same target area, and avoid trigger failure caused by position error.

[0054] S435. When the double-click operation meets the grid consistency condition, the time consistency condition, and the position consistency condition at the same time, the double-click operation is determined as a trigger operation.

[0055] It can be understood that only when the double-click operation passes the triple verification (the same interactive grid, short time interval, small position deviation) at the same time, will it be recognized as a valid trigger operation, and then the subsequent focus activation area and circular menu will be displayed. By combining multi-dimensional conditions, the false trigger probability is greatly reduced (such as preventing the user from accidentally clicking on adjacent grids, triggering interactions when clicking slowly or sliding), ensuring that the interaction logic is only started when the user intentionally performs a double-click operation, and improving the accuracy of the operation and the user experience.

[0056] In some embodiments, before detecting the trigger operation on the sub-menu control of the circular menu component, the method further includes: S510. In response to the contact in the focus activation area, calculate the angle difference between the contact start point and the current contact point with respect to the geometric center of the circular menu area in real time.

[0057] It can be understood that when starting to rotate the operation in the focus activation area, the starting contact position (such as P0(x0,y0)) can be recorded, and a polar coordinate system can be established with the geometric center of the circular menu as the origin. As the finger moves to the current position P1(x0,y0), the included angle between the two points and the origin can be calculated by the inverse trigonometric function (such as θ0 = atan2(x0,y0), θ1 = atan2(x0,y0)). The difference between the two, Δθ = θ1 - θ0, is the real-time angle difference. For example, if the starting point angle is 30° and the current point is 60°, the angle difference is 30°. This value is used to judge the rotation direction and amplitude in the subsequent process.

[0058] Exemplarily, the angle difference can also be calculated based on the initial angle of the sub-menu control. The specific calculation formula is: submenu_x = center_x + R×cos(θ_i+Δθ) and submenu_y = center_y + R×sin(θ_i+Δθ), where (center_x, center_y) are the center coordinates of the target area, R is the radius of the circular menu area, and θ_i is the initial angle of the sub-menu control; S520. When the absolute value of the angle difference exceeds a predetermined threshold, it is determined that the contact is a valid rotation gesture, and the angle difference is accumulated into the total offset to update the current rotation state of the circular menu component.

[0059] It can be understood that to avoid false triggering of rotation due to slight jitter, an angle threshold (such as 5°) can be set. When |Δθ|>5°, it is recognized as a valid rotation gesture. After each detection of a valid rotation, Δθ is added to the total offset Σθ (for example, if the original total offset is 90° and the current rotation is 20°, the new total offset is 110°). The total offset is used to record the current rotation state of the menu to ensure the continuity of the rotation process. For example, when the user rotates slightly multiple times, the menu will gradually accumulate the angle changes to achieve smooth rotation.

[0060] S530. Dynamically adjust the display positions of the sub-menu controls in the circular menu area based on the total offset and the initial angles of the sub-menu controls.

[0061] It can be understood that each sub-menu control has an initial angle in the circular menu area (for example, the number 1 corresponds to 0°, and the number 2 corresponds to 40°). The new position of the control can be calculated by the formula new angle = initial angle + total offset. For example, when the total offset is 90°, the control at the original 0° position will move to the 90° position. The new angle is converted to screen coordinates through trigonometric functions (x = r×cos(new angle), y = r×sin(new angle)), where r is the radius of the circular menu. Finally, all sub-menu controls are rendered to the new coordinates to achieve dynamic adjustment of the menu with the rotation gesture, ensuring that the controls are always evenly distributed around the focus area.

[0062] Optionally, S530. Dynamically adjust the display positions of the sub-menu controls in the circular menu area based on the total offset and the initial angles of the sub-menu controls, including: S531. Calculate the new angle of each sub-menu control relative to the geometric center based on the total offset and the initial angles of the sub-menu controls.

[0063] It can be understood that each sub - menu control is initially distributed at fixed angles in the circular menu area (for example, if there are 8 controls, the initial angular interval is 45°). When the total offset (i.e., the cumulative rotation angle) is Δθ, the new angle of the sub - menu control is calculated by "initial angle + Δθ". For example, if the initial angle of a control is 30° and the total offset is 90°, the new angle is 120°. This angle represents the rotational position of the control relative to the center of the circle, enabling all sub - menu controls to adjust their angles synchronously with the total offset and maintaining the uniformity of the circular layout.

[0064] S532. Determine the new coordinate positions of each sub - menu control on the user interface according to the new angle and the preset radius of the circular menu, and render each sub - menu control to the new coordinate positions.

[0065] It can be understood that the angle can be converted into screen coordinates through the polar coordinate conversion formula. Taking the center of the circle as the origin and the radius r as a preset value (for example, 1.5 * the side length of the chess piece grid), the new coordinates of the control are (x = r×cos(new angle), y = r×sin(new angle)). For example, when the new angle is 120° and the radius is 100 pixels, x = 100×cos(120°)= - 50, y = 100×sin(120°)≈86.6, that is, the coordinates (-50, 86.6). After calculation, the control is drawn to the new position through a graphics rendering engine (such as Canvas or CSS3), realizing the dynamic displacement of the circular menu with the rotation gesture and synchronously updating the position of the circular menu component with the gesture trajectory.

[0066] Exemplarily, S532. Determine the new coordinate positions of each sub - menu control on the user interface according to the new angle and the preset radius of the circular menu, and render each sub - menu control to the new coordinate positions, including: S5321. Calculate the new coordinate positions of each sub - menu control on the user interface according to the new angle and the preset radius of the circular menu.

[0067] It can be understood that the geometric center of the circular menu can be taken as the origin, and the angle can be converted into screen coordinates using trigonometric functions. For example, given the radius of the circle and the new angle of each sub - menu control, through the formula "horizontal coordinate = center X coordinate+radius×cosine value(new angle), vertical coordinate = center Y coordinate+radius×sine value(new angle)", the specific position of each control on the interface can be calculated. For example, when the radius is 100 pixels and the new angle is 60 degrees, the control will appear at a position 50 pixels to the right and approximately 86.6 pixels above the center.

[0068] S5322. Obtain the out - of - domain position information of other chess piece grids on the sudoku board except for the focus activation area; wherein, the out - of - domain position information includes the center point coordinates and boundary ranges of each chess piece grid except for the focus activation area.

[0069] It can be understood that it is possible to traverse all the chess piece grids on the Sudoku board except the current highlighted focus, record the center coordinates of each chess piece grid (for example, the center of the chess piece grid in the 3rd row and 4th column is at 140 pixels horizontally and 160 pixels vertically) and the boundary range (that is, the rectangular area occupied by the chess piece grid, such as 120 - 160 pixels horizontally and 140 - 180 pixels vertically), which is used to determine whether the sub - menu control overlaps with other chess piece grids.

[0070] S5323, perform collision detection based on the off - domain position information and the new coordinate positions of each sub - menu control to determine the overlap between the theoretical display area of each sub - menu control and the display area of the chess piece grids except the focus activation area.

[0071] It can be understood that compare the display range of each sub - menu control (for example, a circle with a radius of 15 pixels centered at the new coordinate) with the rectangular boundaries of other chess piece grids: if the circular area of the control intersects with the rectangular area of a certain chess piece grid, calculate the size of the overlapping part. For example, when the distance from the center of the control to the boundary of the chess piece grid is less than 15 pixels, there may be partial overlap, and the degree of overlap can be recorded.

[0072] S5324, render each sub - menu control to the new coordinate position according to the overlap situation.

[0073] It can be understood that adjust the control display according to the collision detection result: if the control does not overlap with other grids, render it directly according to the new coordinate; if there is overlap, dynamically adjust the transparency of the control according to the degree of overlap (the more overlap, the more transparent) to avoid the menu covering the chessboard grids. For example, when the overlapping area exceeds 30%, the transparency of the control will decrease from 100% to 50%, which can not only see the menu options but also does not affect viewing the chessboard numbers, improving the attention concentration and interaction efficiency.

[0074] Exemplarily, S5324, render each sub - menu control to the new coordinate position according to the overlap situation, including: S53241, determine the maximum conflict grid corresponding to each sub - menu control according to the overlap situation, and calculate the distance value between the center point of each sub - menu control and the center point of the maximum conflict grid.

[0075] It can be understood that when a sub - menu control overlaps with multiple chessboard grids, the chess piece grid with the largest overlapping area can be found as the "maximum conflict grid" through a sorting algorithm. For example, the overlapping area between sub - menu control A and chess piece grid B is X, and with chess piece grid C is Y, X < Y, then chess piece grid C is the maximum conflict grid of sub - menu control A. Subsequently, calculate the distance value of the straight - line distance between the center point of control A and the center point of chess piece grid C (such as calculated by the Pythagorean theorem), and this distance value will be used for subsequent transparency adjustment. The closer the distance, the more serious the occlusion.

[0076] S53242, according to the comparison result between the distance value and the preset distance threshold range, assign corresponding transparency parameter values to each sub-menu control, and render each sub-menu control to the new coordinate position; wherein, the transparency parameter is inversely proportional to the distance value.

[0077] It can be understood that through the preset distance threshold range (such as 0 - 50 pixels), when the distance between the sub-menu control and the conflict grid is less than the threshold, the transparency decreases (for example, when the distance is 10 pixels, the transparency is set to 30%); when the distance is greater than the threshold, the transparency increases (for example, when the distance is 50 pixels, the transparency is set to 80%). The transparency is dynamically calculated by the inverse formula of "transparency = 1 - distance / threshold" to ensure that the control is more transparent when it is close to the chessboard grid, reducing occlusion interference.

[0078] Optionally, in step S300, the triggering operation on the sub-menu control of the circular menu component includes any one of the following operations: Click on the sub-menu control; Drag the circular menu component to rotate and then click on the sub-menu control; Stay on the sub-menu control for no less than the preset threshold.

[0079] Optionally, in step S300, the sub-menu controls in the circular menu area include at least one digital sub-menu control, a clear sub-menu control, and a hint sub-menu control; the digital sub-menu control is used to fill the corresponding menu number into the focus activation area, and when the number of digital sub-menu controls is multiple, the numbers displayed on each digital sub-menu control are different; the clear sub-menu control is used to clear the existing content in the focus activation area; the hint sub-menu control is used to obtain the problem-solving hint information for the current sudoku situation, and the problem-solving hint information is displayed in a specific hint area; the specific hint area is any area of the user interface.

[0080] Optionally, in step S300, when it is determined that the target area can be operated, perform corresponding operations on the target area according to the function of the sub-menu control corresponding to the triggering operation on the sub-menu control of the circular menu component, including: S310, when the sub-menu control corresponding to the triggering operation on the sub-menu control of the circular menu component is a digital sub-menu control, obtain the row, column, and N*M grid range where the target chess piece grid corresponding to the target area is located; N and M are positive integers greater than 1; the digital sub-menu control is used to fill the corresponding menu number into the focus activation area.

[0081] It can be understood that when the digital sub-menu control (such as the number "7") is clicked, the position of the target chess piece grid corresponding to the currently highlighted target area in the Sudoku board can be determined, including the entire row (such as the 4th row), the entire column (such as the 6th column), and the N×M grid area where it is located (such as the 3×3 grid in standard Sudoku and the 2×3 asymmetric area in variant Sudoku). Here, N and M can be set as positive integers greater than 1 according to the Sudoku rules and can be the same or different values to facilitate subsequent verification of the uniqueness of numbers within these ranges.

[0082] S320. Traverse the existing numbers in the row, column, and N*M grid range. If the menu number corresponding to the digital sub-menu control does not appear in the row, column, and N*M grid range, fill the menu number into the target chess piece grid and display it in the target area.

[0083] It can be understood that by sequentially checking the existing numbers in the row, column, and N×M grid where the target chess piece grid is located, if the number (such as "6") corresponding to the clicked digital sub-menu control does not appear in these three ranges, it means that this number meets the requirement of "unique numbers in the row, column, and region" in the Sudoku rules. Then, "6" can be filled into the target chess piece grid and displayed in the target area on the user interface to ensure the logical correctness of the Sudoku board.

[0084] In some embodiments, the method further includes: S610. If the menu number corresponding to the digital sub-menu control appears in the row, column, and N*M grid range, it is not allowed to fill the menu number into the target chess piece grid and a prompt message is displayed in a specific prompt area; the prompt message is used to prompt that there is a conflict with the number.

[0085] It can be understood that if it is found through inspection that the clicked number (such as "8") already exists in the row, column, or N×M grid where the target chess piece grid is located, it is determined that this number violates the Sudoku rules, and it is prohibited from being filled into the target grid. A prompt message (such as "The number 8 already exists in the current row") is displayed in a fixed area of the interface (such as above or on the side of the board). At the same time, the position of the conflicting number can be highlighted to quickly identify duplicate numbers, ensuring the logical correctness of the Sudoku solution method and forming an immersive problem-solving process of "thinking → rotating the menu → selecting a number → automatic verification".

[0086] In some embodiments, please refer to Figure 7 and Figure 8 , the method further includes: S620. When the corresponding operation on the target area is completed, hide the first interaction area.

[0087] It can be understood that Figures 7 to 8The process of hiding the first interactive area after the corresponding operation on the target area is completed is shown. The completion of the corresponding operation on the target area can be determined by monitoring the operation result callback (such as the successful entry / clearance of a number, the generation of a prompt message). When the corresponding operation on the target area is completed, the animation engine can be called to perform a linked hiding animation of the focus activation area and the circular menu area, simultaneously disabling touch monitoring and releasing graphics rendering resources. This hiding action, as clear feedback that the operation is completed, can help players quickly shift their attention from local operations (such as number input) to global reasoning, thereby reducing distraction and improving the interactive experience.

[0088] In some embodiments, the method further comprises: S710, in response to a triggering operation, hiding the annular menu area, the triggering operation including clicking the focus activation area and the display area except the annular menu area, or performing a preset operation gesture in the user interface.

[0089] It's understandable that when a user taps a focused activation area (such as a highlighted grid) or other non-circular menu areas of the UI (such as a blank area on the board), or performs a preset gesture (such as a two-finger pinch), this can be recognized as a triggering action, which in turn hides the currently displayed circular menu component to prevent it from obscuring the board. For example, after completing a number entry and tapping a blank area on the board, the circular menu component will automatically disappear, restoring the full display of the UI board.

[0090] S720, in response to a triggering operation, redisplaying the annular menu area; the triggering operation includes clicking the focus activation area again within a preset time period or performing the triggering operation again.

[0091] It's understandable that the ring menu component can be re-appeared by re-clicking the focused activation area after a preset time period (e.g., 3 seconds) through the event mechanism, or by re-performing a triggering action like double-clicking. For example, if a user makes a mistake after entering a number, they can quickly click the box again, and the menu will reappear for clearing operations, forming a smooth interactive closed loop of "activate-operate-hide-reactivate."

[0092] In some embodiments, the user interface also includes a game exit component, a time display component, an interface adjustment component, and a prompt number component; the game exit component is used to exit the current user interface; the time display component is used to display the time used in the current game; the interface adjustment component is used to adjust the display size of the user interface; and the prompt number component is used to display the remaining available prompt times.

[0093] In some embodiments, the user interface further includes a difficulty selection component, the difficulty selection component including at least two different sub-difficulty components, and the method further includes: S730, in response to the selection of a sub-difficulty component in the user interface, regenerates the user interface according to the sub-difficulty component; wherein, the initial number of filled digits and the layout corresponding to each sub-difficulty component are different.

[0094] It can be understood that the user interface of the Sudoku game is provided with a difficulty selection component, and the difficulty selection component includes multiple different sub-difficulty components. The sub-difficulty group is used to provide sub-difficulty components of different difficulty levels (such as easy, medium, difficult), and the initial number of filled digits and the layout corresponding to each sub-difficulty component are different. For example, the easy difficulty will fill a relatively large number of initial digits (such as more than 30) and the layout is scattered, while the difficult difficulty only fills 17 - 20 initial digits and forms more blank areas. When the user clicks to select a new difficulty level, it triggers the regeneration logic of the Sudoku board: dynamically adjusts the number, position, and grid distribution of the initial digits through an algorithm to ensure that the newly generated board conforms to the rules of the corresponding difficulty, while maintaining the unique solution characteristic of the Sudoku problem, thereby providing a game interface with different levels of challenges for the user.

[0095] Corresponding to the rotatable human-computer interaction menu interaction method in the above embodiments, the embodiments of the present application further provide a rotatable human-computer interaction menu interaction system, and each unit of the system can implement each step of the rotatable human-computer interaction menu interaction method. Figure 9 The block diagram of the rotatable human-computer interaction menu interaction system provided by the embodiments of the present application is shown. For the sake of convenience of description, only the parts related to the embodiments of the present application are shown.

[0096] Referring to Figure 9 , the rotatable human-computer interaction menu interaction system includes: The first unit is used to, in response to a trigger operation on a target area on the user interface of the display screen, display a first interaction area on the user interface; wherein, the first interaction area includes a focus activation area and a circular menu area, the focus activation area is displayed on the target area, and the circular menu area is arranged around the focus activation area; the circular menu area includes a circular menu component, and the circular menu component includes a plurality of sub-menu controls arranged in a ring around the focus activation area; The second unit is used to detect contact with the focus activation area, and the circular menu component rotates around the focus activation area following the path of the contact; The third unit is used to detect a trigger operation on the sub-menu control of the circular menu component, and in the case of determining that the target area can be operated, perform a corresponding operation on the target area according to the function of the sub-menu control corresponding to the trigger operation on the sub-menu control of the circular menu component.

[0097] It should be noted that the information interaction, execution process, etc. between the above-mentioned systems / units are based on the same concept as the method embodiments of this application. For their specific functions and the technical effects brought about, reference can be made to the method embodiment section for details, and will not be elaborated here.

[0098] Those skilled in the art can clearly understand that, for the convenience and conciseness of description, only the above-mentioned division of each functional unit and module is used as an example. In actual applications, the above functions can be allocated to different functional units and modules as needed, that is, the internal structure of the system is divided into different functional units or modules to complete all or part of the functions described above. Each functional unit and module in the embodiment can be integrated into a processing unit, or each unit module exists physically alone, or two or more unit modules are integrated into one unit. The above integrated unit can be implemented in the form of hardware or in the form of a software functional unit. In addition, the specific names of each functional unit and module are only for the convenience of mutual distinction and do not limit the protection scope of this application. The specific working process of the units and modules in the above system can refer to the corresponding process in the foregoing method embodiments and will not be elaborated here.

[0099] The embodiments of this application also provide an electronic device. Figure 10 It is a schematic structural diagram of an electronic device provided by an embodiment of this application. As Figure 10 shown, the electronic device 6 in this embodiment includes: at least one processor 60 ( Figure 10 only one is shown in the figure), at least one memory 61 ( Figure 10 only one is shown in the figure), and a computer program 62 stored in the at least one memory 61 and executable on the at least one processor 60. When the processor 60 executes the computer program 62, the electronic device 6 implements the steps in any of the above-mentioned method embodiments of the rotatable human-machine interaction menu interaction method, or the functions of each unit in the above-mentioned system embodiments.

[0100] Exemplarily, the computer program 62 can be divided into one or more units, and the one or more units are stored in the memory 61 and executed by the processor 60 to complete this application. The one or more units can be a series of computer program instruction segments capable of completing specific functions, and these instruction segments are used to describe the execution process of the computer program 62 in the electronic device 6.

[0101] The electronic device 6 can be a computing device or a terminal device such as a mobile phone, a tablet computer, a desktop computer, a notebook, a handheld computer, and a cloud server. The electronic device may include, but is not limited to, a processor 60 and a memory 61. Those skilled in the art can understand thatFigure 10 This is merely an example of the electronic device 6 and does not constitute a limitation on the electronic device 6. It may include more or fewer components than those shown in the figure, or combine certain components, or different components. For example, it may also include input / output devices, network access devices, buses, etc.

[0102] The processor 60 may be a central processing unit (CPU), and the processor 60 may also be other general-purpose processors, digital signal processors (DSPs), application specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc.

[0103] In some embodiments, the memory 61 may be an internal storage unit of the electronic device 6, such as the hard disk or memory of the electronic device 6. In other embodiments, the memory 61 may also be an external storage device of the electronic device 6, such as a plug-in hard disk, a smart media card (SMC), a secure digital (SD) card, a flash card, etc. equipped on the electronic device 6. Further, the memory 61 may also include both the internal storage unit and the external storage device of the electronic device 6. The memory 61 is used to store an operating system, application programs, a boot loader, data, and other programs, such as the program code of the computer program, etc. The memory 61 may also be used to temporarily store data that has been output or will be output.

[0104] The embodiment of the present application also provides a computer-readable storage medium storing a computer program, and when the computer program is executed by a processor, the steps in any of the above method embodiments are implemented.

[0105] The embodiment of the present application provides a computer program product, and when the computer program product runs on an electronic device, the electronic device implements the steps in any of the above method embodiments.

[0106] When the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, to implement all or part of the processes in the above-described embodiment methods of this application, a computer program can be used to instruct relevant hardware to complete. The computer program can be stored in a computer-readable storage medium. When the computer program is executed by a processor, the steps of the above-described method embodiments can be implemented. Among them, the computer program includes computer program code, and the computer program code can be in the form of source code, object code, executable file, or some intermediate form, etc. The computer-readable medium can at least include: any entity or device that can carry the computer program code to an electronic device, a recording medium, a computer memory, a read-only memory (ROM, Read-Only Memory), a random access memory (RAM, Random Access Memory), an electrical carrier signal, a telecommunications signal, and a software distribution medium. For example, a USB flash drive, a mobile hard disk, a magnetic disk, or an optical disc, etc. In some jurisdictions, according to legislation and patent practice, the computer-readable medium cannot be an electrical carrier signal and a telecommunications signal.

[0107] In the above embodiments, the descriptions of each embodiment have their own emphases. For parts not detailed or recorded in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0108] Those of ordinary skill in the art can realize that the units and algorithm steps of the examples described in combination with the embodiments disclosed herein can be implemented by electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are executed in a hardware or software manner depends on the specific application and design constraints of the technical solution. Professional technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of this application.

[0109] In the embodiments provided in this application, it should be understood that the disclosed rotatable human-computer interaction menu interaction method and device can be implemented in other ways. For example, the rotatable human-computer interaction menu interaction method and device embodiments described above are only illustrative. For example, the division of the units is only a logical function division. In actual implementation, there can be other division methods. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the displayed or discussed couplings or direct couplings or communication connections to each other can be through some interfaces. The indirect couplings or communication connections of devices or units can be in an electrical, mechanical, or other form.

[0110] The unit described as a separating component may or may not be physically separated. The component shown as a unit may or may not be a physical unit, that is, it may be located in one place or may be distributed across multiple network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0111] The above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that: they can still modify the technical solutions described in the foregoing embodiments, or perform equivalent replacements on some of the technical features; and these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application, and should all be included within the protection scope of the present application.

Claims

1. A rotatable human-computer interaction menu interaction method, characterized in that Applied to an electronic device, the electronic device having a display screen, the method comprising: In response to a trigger operation on a target area on the user interface of the display screen, a first interaction area is displayed on the user interface; wherein, the first interaction area includes a focus activation area and a circular menu area, the focus activation area is displayed on the target area, and the circular menu area is arranged around the focus activation area; the circular menu area includes a circular menu component, and the circular menu component includes a plurality of sub-menu controls arranged in a ring around the focus activation area; Upon detecting contact with the focus activation area, the circular menu component rotates around the focus activation area following the path of the contact; Upon detecting a trigger operation on a sub-menu control of the circular menu component, and when it is determined that the target area can be operated, a corresponding operation is performed on the target area according to the function of the sub-menu control corresponding to the trigger operation on the sub-menu control of the circular menu component.

2. The method according to claim 1, wherein The trigger operation on the target area on the user interface of the display screen is any one of double-clicking, single-clicking, long-pressing, or right-clicking on the target area.

3. The method according to claim 1, wherein The radius of the circular menu area is determined by the size of the target area; the specific formula for determining the radius of the circular menu area is: radius R = k×max(width, height), where k is a coefficient with a default value of 1.5, and max(width, height) is the maximum value between the length and width of the target area.

4. The method according to claim 1, characterized in that, The method further comprises: When the distance between the sub-menu control and the boundary of the user interface is less than a set number of pixels, a damping effect is triggered to reduce the rotation speed to a set speed.

5. The method according to claim 1, characterized in that, Upon detecting a trigger operation on a sub-menu control of the circular menu component, the method further comprises: In response to contact in the focus activation area, the angular difference between the contact start point and the current contact point with respect to the geometric center of the circular menu area is calculated in real time; wherein, the geometric centers of the circular menu area and the focus activation area coincide; the specific calculation formula for the angular difference is: submenu_x = center_x + R×cos(θ_i+Δθ) and submenu_y = center_y + R×sin(θ_i+Δθ), where (center_x, center_y) are the center coordinates of the target area, R is the radius of the circular menu area, and θ_i is the initial angle of the sub-menu control; When the absolute value of the angular difference exceeds a predetermined threshold, it is determined that the contact is a valid rotation gesture, and the angular difference is accumulated into the total offset to update the current rotation state of the circular menu component; Based on the total offset and the initial angles of the respective sub-menu controls, the display positions of the respective sub-menu controls in the circular menu area are dynamically adjusted.

6. The method according to claim 5, wherein The dynamically adjusting the display positions of the respective sub-menu controls in the circular menu area based on the total offset and the initial angles of the respective sub-menu controls includes: Calculate a new angle of each of the sub-menu controls relative to the geometric center based on the total offset and the initial angles of the sub-menu controls. Determine a new coordinate position of each of the sub-menu controls on the user interface according to the new angle and a preset radius of the circular menu, and render each of the sub-menu controls to the new coordinate position.

7. The method according to claim 1, wherein The user interface is used to display a checkerboard interface of a Sudoku game; the target area is any interactive chess piece grid in the checkerboard interface; the focus activation area is used to focus on and display the chess piece grid corresponding to the target area.

8. The method according to claim 7, wherein When it is determined that an operation can be performed on the target area, perform a corresponding operation on the target area according to the function of the sub-menu control corresponding to the trigger operation on the sub-menu control of the circular menu component, including: When the sub-menu control corresponding to the trigger operation on the sub-menu control of the circular menu component is a digital sub-menu control, obtain the row, column, and N*M grid range where the target chess piece grid corresponding to the target area is located; N and M are positive integers greater than 1; the digital sub-menu control is used to fill a corresponding menu number into the focus activation area. Traverse the numbers existing in the row, column, and the N*M grid range. If the menu number corresponding to the digital sub-menu control does not appear in the row, column, and the N*M grid range, fill the menu number into the target chess piece grid and display it in the target area.

9. An electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that, When the processor executes the computer program, the steps of the method according to any one of claims 1 to 8 are implemented.

10. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.

Images