Control adjustment method and device, equipment, medium and program product

Abstract

The invention discloses a control adjustment method and device, equipment, a medium and a program product, and relates to the technical field of computers.The method comprises the following steps that an element area and an element level adjustment area are displayed, the element area comprises a plurality of virtual elements, and the element level adjustment area comprises a plurality of adjustment controls arranged in the first direction; a sliding operation on the first adjustment control is received, the sliding operation comprises a first sliding component in the first direction and a second sliding component in the second direction, and the first direction and the second direction are different; and displaying the adjusted first adjustment control based on the first sliding component and the second sliding component, and displaying the hierarchy-adjusted first virtual element in the element area based on the hierarchy of the adjusted first adjustment control in the element hierarchy adjustment area. The efficiency in the control adjusting process and the man-machine interaction efficiency can be improved.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of computer technology, and in particular to a control adjustment method, apparatus, device, medium, and program product. Background Art

[0002] In some applications that provide interface editing capabilities, users can customize the style and functions of various controls in the display area through the layer management area and adjust the positions of controls to meet their creative needs.

[0003] Placing controls on different layers can enrich the content hierarchy of the display area. In related technologies, users can drag controls up and down in the layer management area and adjust the order of controls in the layer management area to display the corresponding display effects in the display area. For example, if the display area contains a first control (corresponding to text content) and a second control (corresponding to image content), and the first control is placed on top of the second control through the layer management area, the text content will be displayed above the image content in the display area.

[0004] However, when there are a large number of controls, users need to frequently expand or collapse the control list to drag the selected control to the target level, or users need to drag the control a long distance, which causes players to spend a long time adjusting the control level and low human-computer interaction efficiency. Summary of the Invention

[0005] The embodiments of the present application provide a control adjustment method, apparatus, device, medium, and program product that can improve the efficiency of control adjustment. The technical solution is as follows:

[0006] In one aspect, a control adjustment method is provided, the method comprising:

[0007] An element area and an element level adjustment area are displayed, wherein the element area includes a plurality of virtual elements, and the element level adjustment area includes a plurality of adjustment controls arranged in a first direction, wherein the plurality of adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element among the plurality of virtual elements;

[0008] receiving a sliding operation on the first adjustment control, the sliding operation including a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different directions;

[0009] The adjusted first adjustment control is displayed based on the first sliding component and the second sliding component, and the first virtual element with adjusted level is displayed in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0010] In another aspect, a control adjustment device is provided, the device comprising:

[0011] an area display module, configured to display an element area and an element level adjustment area, wherein the element area includes a plurality of virtual elements, and the element level adjustment area includes a plurality of adjustment controls arranged in a first direction, wherein the plurality of adjustment controls include a first adjustment control for adjusting a first virtual element among the plurality of virtual elements;

[0012] a receiving module, configured to receive a sliding operation on the first adjustment control, the sliding operation comprising a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different directions;

[0013] An adjustment display module is used to display the adjusted first adjustment control based on the first sliding component and the second sliding component, and to display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0014] On the other hand, a computer device is provided, which includes a processor and a memory, wherein the memory stores at least one instruction, at least one program, a code set or an instruction set, and the at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by the processor to implement the control adjustment method as described in any of the above-mentioned embodiments of the present application.

[0015] On the other hand, a computer-readable storage medium is provided, in which at least one instruction, at least one program, a code set or an instruction set is stored. The at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by a processor to implement a control adjustment method as described in any of the above-mentioned embodiments of the present application.

[0016] In another aspect, a computer program product or computer program is provided, comprising computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform any of the control adjustment methods described in the above embodiments.

[0017] The beneficial effects of the technical solutions provided in the embodiments of the present application include at least:

[0018] The display element area and the corresponding element level adjustment area can be adjusted synchronously by adjusting the multiple adjustment controls arranged in the first direction in the element level adjustment area, and the level of the virtual elements in the element area can be adjusted. A sliding operation on the adjustment control is received, and the position of the adjustment control is adjusted according to the sliding operation. The sliding operation corresponds to sliding components in the first direction and the second direction respectively, and the controls can be accurately adjusted from different directions. When there are a large number of adjustment controls in the element level adjustment area, there is no need to frequently collapse or expand the control list and then adjust the controls. Adjustments are made based on the sliding components in different directions of the same sliding operation, making the adjustment process more convenient and improving the efficiency of human-computer interaction. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0020] Figure 1 is a schematic diagram of adjusting the hierarchy of virtual controls provided by an exemplary embodiment of the present application;

[0021] Figure 2 is a flow chart of a method for adjusting a control provided by an exemplary embodiment of the present application;

[0022] Figure 3 is a schematic diagram of a process for adjusting component levels based on sliding components in different directions provided by an exemplary embodiment of the present application;

[0023] Figure 4 is a structural block diagram of an electronic device provided by an exemplary embodiment of the present application;

[0024] Figure 5 is a structural block diagram of a computer system provided by an exemplary embodiment of the present application;

[0025] Figure 6 is a flow chart of a control adjustment method provided by an exemplary embodiment of the present application;

[0026] Figure 7 is a schematic diagram of an element area and an element level adjustment area provided by an exemplary embodiment of the present application;

[0027] Figure 8 is a schematic diagram of two methods for determining sliding components provided by an exemplary embodiment of the present application;

[0028] Figure 9is a schematic diagram of displaying a segmentation line feature based on a second sliding component provided by an exemplary embodiment of the present application;

[0029] Figure 10 is a schematic diagram of a process of displaying an adjusted first adjustment control based on a first sliding component and a second sliding component provided by an exemplary embodiment of the present application;

[0030] Figure 11 This is a schematic diagram of a method for hierarchically adjusting an adjustment control based on a first sliding component provided by an exemplary embodiment of the present application;

[0031] Figure 12 is a schematic diagram of a group adjustment control expanding to display component adjustment controls provided by an exemplary embodiment of the present application;

[0032] Figure 13 is a schematic diagram of a group adjustment control folding and displaying a component adjustment control provided by an exemplary embodiment of the present application;

[0033] Figure 14 This is a schematic diagram of a process for a terminal to determine a control adjustment type provided by an exemplary embodiment of the present application;

[0034] Figure 15 is a flow chart of a control adjustment method provided by another exemplary embodiment of the present application;

[0035] Figure 16 is a flow chart of a method for adjusting the level of a group adjustment control provided by an exemplary embodiment of the present application;

[0036] Figure 17 This is a schematic diagram of the result of inserting the first group of adjustment controls into the second group of adjustment controls provided by an exemplary embodiment of the present application;

[0037] Figure 18 This is a flow chart of a method for sliding replacement adjustment controls provided by an exemplary embodiment of the present application;

[0038] Figure 19 This is a schematic diagram of a process of sliding replacement of a control provided by an exemplary embodiment of the present application;

[0039] Figure 20 This is a flow chart of a method for sliding and retracting an adjustment control provided by an exemplary embodiment of the present application;

[0040] Figure 21 This is a schematic diagram of a process of sliding and retracting an adjustment control provided by an exemplary embodiment of the present application;

[0041] Figure 22 This is a schematic diagram of the display effects of an adjustment control in different states provided by an exemplary embodiment of the present application;

[0042] Figure 23 is a structural block diagram of a control adjustment device provided by an exemplary embodiment of the present application;

[0043] Figure 24 is a structural block diagram of a control adjustment device provided by another exemplary embodiment of the present application;

[0044] Figure 25 It is a structural block diagram of a computer device provided by an exemplary embodiment of the present application. DETAILED DESCRIPTION

[0045] In order to make the objectives, technical solutions and advantages of this application clearer, the implementation methods of this application will be further described in detail below with reference to the accompanying drawings.

[0046] Exemplary embodiments will be described in detail herein, with examples illustrated in the accompanying drawings. In the following description, when referring to the drawings, identical numerals in different figures represent identical or similar elements, unless otherwise indicated. The embodiments described in the following exemplary embodiments are not intended to represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.

[0047] The terms used in this application are for the purpose of describing specific embodiments only and are not intended to limit this application. As used in this application and the appended claims, the singular forms "a," "an," "the," and "the" are intended to include the plural forms, unless the context clearly indicates otherwise. It should also be understood that the term "and / or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.

[0048] It should be noted that the information and data involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

[0049] It should be understood that although the terms first, second, etc. may be used in this application to describe various information, these information should not be limited to these terms. These terms are only used to distinguish information of the same type from each other. For example, without departing from the scope of this application, a first parameter may also be referred to as a second parameter, and similarly, a second parameter may also be referred to as a first parameter. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0050] A brief introduction to the terms involved in the embodiments of this application is given below:

[0051] UGC (User Generated Content) is user-generated content. Users display their own original content on the Internet platform or provide it to other users.

[0052] In game applications or applications based on virtual scenes, users can participate in the design of game content such as game levels, game maps, and game play through some game mechanisms and corresponding UGC editing functions provided by the application to increase the fun of the game process.

[0053] In some applications that provide interface editing capabilities or UGC editing capabilities, users can edit the displayed content in the game through the interface editing capabilities or UGC editing capabilities provided by the system. For example, they can create a map, layout the elements in the map, change the position of the elements, and overlap and combine the elements.

[0054] In related art, the UGC editing interface includes an element area and an element level adjustment area. The element area contains virtual elements, and the element level adjustment area contains adjustment controls. There is a correspondence between the adjustment controls in the element level adjustment area and the virtual elements in the element area. By adjusting the level of the adjustment controls in the element level adjustment area, the user can adjust the level of the virtual elements in the element area accordingly, that is, adjust the order of the layers of the virtual elements in the element area.

[0055] For example, a first adjustment control in the element hierarchy adjustment area corresponds to a first virtual element (text content) in the element area, and a second adjustment control in the element hierarchy adjustment area corresponds to a second virtual element (image content) in the element area. The user places the first adjustment control on top of the second adjustment control through the element hierarchy adjustment area, and the text content is displayed on top of the image content in the element area. That is, from a bird's-eye view, the first virtual element is displayed first, followed by the second virtual element.

[0056] Indicative, such as Figure 1 As shown, Figure 1 This is a diagram for adjusting the hierarchy of virtual controls.

[0057] The UGC editing interface includes an element area 110 and an element hierarchy adjustment area 120 , wherein the element area 110 includes a first virtual element 111 and a second virtual element 112 , which correspond to the first control 121 and the second control 122 in the element hierarchy adjustment area 120 , respectively, wherein the first virtual element 111 is located at the lower layer of the second virtual element 112 .

[0058] The user selects the first control 121 and drags the first control 121 to the top of the second control 122. At this time, the target position corresponding to the second control 122 is displayed, which is used to indicate the level of the first control 121 after the user releases the control.

[0059] After the user releases the control, the first control 121 is located on the upper layer of the second control 122 , and the first virtual element 111 is also located on the upper layer of the second virtual element 112 .

[0060] However, to intuitively represent the correspondence between control hierarchies and element hierarchies, controls are arranged in a fixed direction within the element hierarchy adjustment area. Users adjust the control hierarchy by dragging them along this direction. When the element hierarchy adjustment area contains a large number of controls, users must drag the controls a considerable distance to adjust their hierarchies, resulting in inefficient control adjustments.

[0061] In some embodiments, the control list in the element level adjustment area can also be partially collapsed to reduce the length of the control list. When the user drags the control to adjust the level, the collapsed part is directly skipped, which can reduce the user's dragging distance to a certain extent.

[0062] However, this requires the user to perform an additional folding operation when dragging the control. After adjusting the control hierarchy, the folded control list needs to be expanded again, which brings inconvenience to the user when adjusting the control hierarchy and low human-computer interaction efficiency.

[0063] The present application provides a control adjustment method, which can achieve precise adjustment of the control level by relying on only one sliding operation after selecting the control of the level to be adjusted, according to the sliding components of the sliding operation in different directions, reducing the sliding distance, and eliminating the need to frequently expand or collapse the control list, thereby improving the human-computer interaction efficiency during the control adjustment process.

[0064] This method can be applied to the following scenarios:

[0065] (1) Game application scenarios: game applications, software based on virtual scenes, applications that can provide interface editing capabilities, etc.

[0066] In the game application scenario, users can design and layout elements in game levels, game maps, virtual scenes (such as user homes in the game), etc. The interface displays an element area and an element hierarchy adjustment area. The elements in the element area can be superimposed, and the elements have corresponding adjustment controls. The adjustment controls in the element hierarchy adjustment area are slid to adjust the hierarchy, and the layer order of the elements in the element area / the hierarchy order in the direction perpendicular to the terminal interface can be adjusted.

[0067] (2) Image processing scenarios: image processing software, platforms or websites that can provide image processing functions.

[0068] In the image processing scenario, the interface displays an image processing area and a control adjustment area. When processing an image, the image can be divided into multiple superimposed layers. Each layer has an adjustment control. By sliding the adjustment control to adjust the level, the layer order of the layers in the image can be adjusted. For example, the image contains 15 layers, and the controls corresponding to the 15 layers are arranged from top to bottom in the control adjustment area. Each control corresponds to different performance characteristics. By selecting the adjustment control corresponding to the first layer and sliding it, the change process of the performance characteristics of different controls is displayed according to the sliding component in different directions of the sliding operation, so as to determine the target position of the adjustment control corresponding to the first layer and realize the hierarchical adjustment.

[0069] (3) Drawing scenarios: drawing software, platforms or websites that can provide drawing functions.

[0070] In the drawing scene, the interface displays an image drawing area and a control adjustment area. When drawing an image, the user can create multiple layers or canvases. Each layer or canvas has an adjustment control. By sliding the adjustment control to adjust the level, the layer order of the layers or canvases in the drawn image can be adjusted.

[0071] Optionally, taking the application of the control adjustment method to a game scene as an example, users can participate in the design of game content such as game levels, game maps, and game play through the UGC editing capabilities provided in the application (game application / virtual scene-based application).

[0072] The terminal displays a UGC editing interface, and the user can edit the virtual elements by operating the controls in the UGC editing interface. Alternatively, the user can directly edit the virtual elements, such as: changing the shape, appearance, and quantity of the virtual elements; controlling the movement of the virtual elements; and creating virtual elements through the functions provided by the application.

[0073] Optionally, the editable virtual element includes a first virtual element, and the user can change the shape of the first virtual element by performing editing operations such as moving, rotating, and scaling the editable virtual element. When the editable virtual element also includes a second virtual element, the user can also combine the first virtual element and the second virtual element into a virtual module.

[0074] Alternatively, users can build virtual modules with symmetrical structures by changing the orientation of virtual elements.

[0075] Alternatively, the user can change the layer in which the virtual elements are located so that the virtual elements are displayed in an overlapping manner, for example, placing the layer of the first virtual element above the layer of the second virtual element, so that the first virtual element is displayed on top of the second virtual element and the second virtual element is displayed at the bottom of the first virtual element.

[0076] There are adjustment controls corresponding to the editable virtual elements in the UGC editing interface. By performing corresponding operations on the adjustment controls, the above-mentioned various editing effects of the editable virtual elements can also be achieved.

[0077] For example, the layer of the virtual element can be adjusted by adjusting the control level of the adjustment control.

[0078] Indicative, such as Figure 2 As shown, Figure 2 This is a flow chart of a method for adjusting controls, which is described by taking the application of the method to a party casual game as an example. The method includes the following steps.

[0079] S201, displaying the interface editing area.

[0080] In the party casual game, users can design their own homes through the UGC editing function provided by the game application, such as planning the purpose, architectural style, and floor area of different areas in the home, and freely arrange furniture, potted plants, pets, etc. in the home.

[0081] When a user logs in to the master account and controls the master virtual character to enter the home, the terminal display screen automatically displays the UGC editing interface corresponding to the home. In other words, when the master virtual character enters the home, the user can edit the editable virtual elements in the home.

[0082] Among them, the UGC editing interface displays a display element area and an interface editing area. The interface editing area is used to switch the display element level adjustment area.

[0083] The element area corresponds to the home area, the element area includes multiple virtual elements, the element level adjustment area includes multiple adjustment controls arranged in a first direction, and there is a corresponding relationship between the virtual elements in the element area and the adjustment controls in the element level adjustment area.

[0084] Optionally, the user may directly edit the virtual element in the element area, or edit the virtual element by adjusting the adjustment control.

[0085] Optionally, the types of operations for editing virtual elements include but are not limited to:

[0086] (1) Mirror operation: mirroring the virtual element along a certain symmetry direction or symmetry center;

[0087] (2) Copy operation, copying the virtual element;

[0088] (3) Layer adjustment operation: each virtual element corresponds to its own layer. The layer is used to indicate the priority of the display of the virtual element in the display area. When the positions of multiple virtual elements overlap, the virtual element closer to the upper layer will be displayed first.

[0089] For example, the element area contains a first virtual element and a second virtual element, and their positions in the element area overlap. The layer of the first virtual element is located above the second virtual element. Then, from a perspective perpendicular to the screen direction, the first virtual element is displayed at the top and the second virtual element is displayed at the bottom. In the area where the first virtual element and the second virtual element overlap, the first virtual element will block the second virtual element.

[0090] The layer adjustment operation for the virtual element can be achieved by adjusting the level of the adjustment control in the element level adjustment area. There is a corresponding relationship between the layer order of the virtual element in the display area and the control level of the adjustment control in the element level adjustment area.

[0091] For example, the first virtual element and the second virtual element have the same layer and are displayed side by side in the element area. Then the first adjustment control corresponding to the first virtual element and the second adjustment control corresponding to the second virtual element have the same control level in the element level adjustment area.

[0092] The control level of the first adjustment control is adjusted, and after the adjustment, the level of the first adjustment control is lower than the level of the second adjustment control. Correspondingly, the layer of the first virtual element is located below the layer of the second virtual element.

[0093] S202: Displaying the element level adjustment area.

[0094] The multiple adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element among the multiple virtual elements.

[0095] S203 , the user long presses the target adjustment control to be level-adjusted.

[0096] Optionally, the target adjustment control is a first adjustment control.

[0097] S204: Determine whether the duration of the user's press and hold has reached an activation condition.

[0098] That is, it is determined whether the duration for which the user holds down the target adjustment control reaches the condition for activating the level adjustment.

[0099] Exemplarily, the user holds down the target adjustment control for one second without releasing it, thereby meeting the conditions for activating the level adjustment.

[0100] When the duration reaches the condition, step S205 is executed.

[0101] S205 , the user slides the adjustment control to adjust the position of the control to the target position.

[0102] The adjustment controls in the element-level adjustment area are arranged in a first direction, and the target position is determined according to the sliding component of the user in the first direction.

[0103] S206: Determine the adjustment control to which the target position is closer in the first direction.

[0104] Among them, each adjustment control corresponds to a control performance feature. When the target position reached by the user sliding is closest to a certain adjustment control, the performance feature corresponding to the adjustment control will be highlighted, and at the same time, the performance features of other adjustment controls will be hidden.

[0105] S207: Determine whether the user releases the hand at the target position in the first direction.

[0106] If the user releases the hand, the sliding operation ends and step S208 is executed.

[0107] If the user does not release the hand, step S209 is executed.

[0108] S208, completing the level adjustment.

[0109] Among them, the target adjustment control after hierarchical adjustment and the adjustment control of the highlighted performance feature are adjacent to each other and belong to the same level.

[0110] In some embodiments, the adjustment control with the highlighted performance feature is a group adjustment control, the target adjustment control is a component adjustment control, and the group adjustment control generally includes at least one component adjustment control.

[0111] For example, if group adjustment control A expands to display component adjustment control B, and group adjustment control A is located above target adjustment control C, then group adjustment control A and target adjustment control C are displayed as belonging to the same level, and target adjustment control C is located directly below group adjustment control A and the expanded component adjustment control B. That is, in the element hierarchy adjustment area, the display order from top to bottom is: group adjustment control A, component adjustment control B, and target adjustment control C.

[0112] In some embodiments, the component adjustment control B included in the group adjustment control A may also be collapsed. Then, after the hierarchy is adjusted, the display order from top to bottom is: group adjustment control A, target adjustment control C.

[0113] S209: Determine whether the user continues sliding in the second direction.

[0114] The second direction is different from the first direction (eg, the second direction and the first direction are perpendicular to each other), and the target position is updated according to the sliding component of the user in the second direction.

[0115] Each adjustment control has a corresponding control performance feature. When the target position reached by the user's sliding is closest to an adjustment control, the performance feature corresponding to the adjustment control will be highlighted.

[0116] For example, taking the case where the performance feature is a dividing line feature, adjustment controls at the same level correspond to dividing lines of the same length, while adjustment controls at different levels correspond to dividing lines of different lengths.

[0117] According to the sliding component of the user in the second direction, the length of the dividing line can be adjusted, and then the target position can be updated based on the length of the dividing line.

[0118] For example, in step S206, it is determined that the current target position is close to the component adjustment control D, and the component adjustment control D belongs to the group adjustment control E. Then the dividing line length of the component adjustment control D is 2 unit distances, and the dividing line length of the group adjustment control E is 3 unit distances.

[0119] If the user slides in the second direction by 1 unit distance and the sliding direction extends the length of the dividing line, the adjustment control corresponding to the updated target position is the group adjustment control E.

[0120] If the user continues sliding in the second direction, step S210 is executed.

[0121] S210: Determine the target level to which the sliding distance in the second direction is closer.

[0122] Exemplarily, the sliding distance in the second direction makes the length of the highlighted dividing line correspond to the length of the dividing line of the group adjustment control E (ie, 3 unit distances), and the target level is the level to which the group adjustment control E belongs.

[0123] S211, the user lets go, completing the level adjustment.

[0124] Among them, the target adjustment control after hierarchical adjustment and the adjustment control of the highlighted performance feature are adjacent to each other and belong to the same level.

[0125] Exemplarily, the adjustment control with the highlighted performance feature is the group adjustment control E. After the level adjustment, the target adjustment control and the group adjustment control E are adjacent to each other and belong to the same level.

[0126] Indicative, such as Figure 3 As shown, Figure 3 is with Figure 2 Schematic diagram of the process of adjusting the component hierarchy based on sliding components in different directions.

[0127] After selecting the target adjustment control 310, a sliding operation is performed, and the adjustment control A320 corresponding to the target position is determined according to the sliding component of the sliding operation in the first direction, wherein the adjustment control A320 is a component adjustment control, and the adjustment control A320 belongs to the group adjustment control B330, and the group adjustment control B330 belongs to the group adjustment control C340.

[0128] When sliding to the target position, the performance characteristics of the adjustment control A320 are highlighted. Taking the dividing line characteristics as an example, the dividing line characteristics of the adjustment control A320, the group adjustment control B330, and the group adjustment control C340 correspond to different lengths, such as: d, d+a, d+2a, where a and d are positive numbers.

[0129] Optionally, the sliding operation also has a sliding component in the second direction, and the length of the dividing line is displayed according to the sliding component in the second direction and changes with the sliding component.

[0130] When the sliding component is a unit distance a, the change in the length of the dividing line is a. For example, the second direction is the horizontal left direction. Figure 3 As shown, since the group adjustment control and the component adjustment control are arranged horizontally to the right, when the second direction is horizontal to the left, the length of the dividing line will increase accordingly. Similarly, when the second direction is horizontal to the right, the length of the dividing line will decrease accordingly.

[0131] When the sliding component is a unit distance a, the length of the dividing line is d+a, which is the same as the length of the dividing line corresponding to the group adjustment control B330; if you release your hand at this time, the target adjustment control 310 and the group adjustment control B330 are adjacent to each other and belong to the same level.

[0132] When the sliding component is 2 unit distances 2a, the dividing line length is d+2a, which is the same as the dividing line length corresponding to the group adjustment control C340; if you release your hand at this time, the target adjustment control 310 and the group adjustment control B330 will be adjacent to each other and belong to the same level.

[0133] Optionally, Figure 3 In the example, when the sliding component is 2 unit distances, the user releases the control, and the target adjustment control 310 and the group adjustment control B 330 are adjacent to each other and belong to the same level.

[0134] When the group adjustment control B330 and the group adjustment control C340 are in the expanded state, the target adjustment control 310 and the component adjustment control located at the bottom layer of the group adjustment control B330 and the group adjustment control C340 (in Figure 3 The adjustment controls A320) are adjacent.

[0135] In summary, the method provided by this application can improve the efficiency of control adjustment when there are a large number of adjustment controls in the element-level adjustment area. This eliminates the need for users to frequently collapse or expand the control list to adjust the controls. Instead, precise control adjustment can be achieved based on the sliding components of the same sliding operation in different directions, thereby improving the efficiency of human-computer interaction.

[0136] The terminal in this application can be a desktop computer, a laptop computer, a mobile phone, a tablet computer, an e-book reader, an MP3 (Moving Picture Experts Group Audio Layer III, Moving Picture Experts Group Audio Layer 3) player, an MP4 (Moving Picture Experts Group Audio Layer IV, Moving Picture Experts Group Audio Layer 4) player, etc. The terminal has installed and running an application that supports virtual scenes, such as an application that supports three-dimensional virtual scenes. The application can be any one of a virtual reality application, a three-dimensional map program, a strategy game (Simulation Game, SLG), a TPS game (Third-Person Shooter, third-person shooter game), an FPS game (First-Person Shooter, first-person shooter game), a multiplayer online tactical competitive game (Multiplayer Online Battle Arena Games, MOBA), a party casual game, a tower defense game, and a social game. Optionally, the application can be a stand-alone application, such as a stand-alone three-dimensional game program, or a network-connected application.

[0137] Figure 4 The electronic device 400 includes an operating system 440 and an application 444 .

[0138] Operating system 440 is the underlying software that provides application programs 444 with secure access to the computer's hardware.

[0139] Application 444 is an application that supports virtual scenes. Optionally, application 444 is an application that supports three-dimensional virtual scenes. Application 444 can be any of a virtual reality application, a three-dimensional map application, a SLG game, a TPS game, an FPS game, a MOBA game, a casual party game, a tower defense game, or a social game. Application 444 can be a stand-alone application, such as a stand-alone three-dimensional game program, or a network-based application.

[0140] Figure 5 The computer system 500 includes a first device 550 , a server 540 , and a second device 560 .

[0141] The first device 550 has an application installed and running that supports a virtual scene. This application can be any of a virtual reality application, a three-dimensional map program, a TPS game, an FPS game, a MOBA game, a SLG game, a party game, or a tower defense game. The first device 550 is used by a first user, who uses the first device 550 to control a first virtual object in the virtual scene to perform activities, including but not limited to: adjusting body posture, walking, running, jumping, and attacking. Illustratively, the first virtual object is a first virtual character, such as a simulated or animated character.

[0142] The first device 550 is connected to the server 540 via a wireless network or a wired network.

[0143] Server 540 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Server 540 provides backend services for applications supporting three-dimensional virtual scenes. Optionally, server 540 performs primary computing tasks, while first device 550 and second device 560 perform secondary computing tasks. Alternatively, server 540 performs secondary computing tasks, while first device 550 and second device 560 perform primary computing tasks. Alternatively, server 540, first device 550, and second device 560 utilize a distributed computing architecture for collaborative computing.

[0144] The server 540 controls the second virtual object in the virtual scene to perform an activity, including but not limited to at least one of adjusting body posture, walking, running, jumping, and attacking. Schematically, the second virtual object is a second virtual character, such as a simulated human character or an animated character.

[0145] Second device 560 has an application installed and running that supports a virtual scene. This application can be any of a virtual reality application, a 3D map program, an FPS game, a MOBA game, a SLG game, a party game, or a tower defense game. Second device 560 is used by a second user, who uses it to control a third virtual object in the virtual scene to perform activities, including but not limited to: adjusting body posture, walking, running, jumping, and attacking. Illustratively, the third virtual object is a third virtual character, such as a simulated or animated character.

[0146] Optionally, the applications installed on the first device 550 and the second device 560 are the same, or the applications installed on the two devices are the same type of applications on different control system platforms. The first device 550 can generally refer to one of multiple devices, and the second device 560 can generally refer to one of multiple devices. This embodiment uses only the first device 550 and the second device 560 as examples. The first device 550 and the second device 560 can be of the same or different device types. The following embodiments use a desktop computer as an example.

[0147] Those skilled in the art will appreciate that the number of the above-mentioned devices may be greater or lesser. For example, the above-mentioned device may be only one, or the above-mentioned devices may be dozens or hundreds, or a greater number. The embodiments of the present application do not limit the number and type of devices.

[0148] It is worth noting that the aforementioned server 540 can be implemented as a physical server or as a cloud server in the cloud. Cloud technology refers to a hosting technology that unifies hardware, software, network, and other resources within a wide area network or local area network to enable data computing, storage, processing, and sharing. Cloud technology is a general term for network technology, information technology, integration technology, management platform technology, and application technology based on the cloud computing business model. It can form a resource pool that is used on demand and is flexible and convenient. Cloud computing technology will become a key support. Backend services for technical network systems require a large amount of computing and storage resources, such as video websites, image websites, and more portals. With the rapid development and application of the internet industry, every item in the future may have its own unique identification mark, which will need to be transmitted to the backend system for logical processing. Data of different levels will be processed separately, and data from various industries requires strong system support, which can only be achieved through cloud computing. Optionally, when server 540 is implemented as a cloud server, the program corresponding to the aforementioned virtual scene can be a cloud game.

[0149] In some embodiments, the method provided in the embodiments of the present application can be applied to cloud gaming scenarios, so that the calculation of data logic during the game process is completed by the cloud server, while the terminal is responsible for the display of the game interface.

[0150] Optionally, the server 540 may also be implemented as a node in a blockchain system.

[0151] Combined with the above-mentioned noun introduction and application scenarios, the control adjustment method provided by this application is described. The method can be executed by the server or the terminal, or by the server and the terminal together. In the embodiment of this application, the method is described as being executed by the terminal. Figure 6 As shown, Figure 6 FIG1 is a flow chart of a control adjustment method provided by an exemplary embodiment of the present application. The method includes the following steps.

[0152] Step 610: Display the element area and the element level adjustment area.

[0153] The terminal is installed with an application that provides UGC editing capabilities. Through this UGC editing function, users can participate in the design of game content such as game levels, game maps, and game play. For example, the terminal displays a UGC editing interface, which includes an element area and an element level adjustment area. Users can customize the displayed game content by performing relevant operations on the UGC editing interface.

[0154] The element area includes a plurality of virtual elements, and the element level adjustment area includes a plurality of adjustment controls arranged in a first direction.

[0155] In some embodiments, there is a hierarchical relationship of nested levels between multiple virtual elements, and the element level adjustment area includes multiple adjustment controls arranged in the first direction, and the positions of the adjustment controls in the element level adjustment area correspond to the levels of the virtual elements.

[0156] Exemplarily, 20 adjustment controls are arranged in the first direction, wherein the adjustment controls are arranged periodically, for example, every 5 adjustment controls constitute an adjustment period.

[0157] For example, [Cycle 1 - Control 1, Cycle 1 - Control 2, Cycle 1 - Control 3, Cycle 1 - Control 4, Cycle 1 - Control 5] is one arrangement cycle; [Cycle 2 - Control 1, Cycle 2 - Control 2, Cycle 2 - Control 3, Cycle 2 - Control 4, Cycle 2 - Control 5] is the next arrangement cycle. After selecting Cycle 1 - Control 2 by adjusting in the first direction, you can select from the various controls in Cycle 1 by adjusting in the second direction; or, after selecting Cycle 1 - Control 2 by adjusting in the second direction, you can select from Control 2 in each cycle by adjusting in the first direction.

[0158] In other embodiments, if at least two elements among multiple virtual elements belong to the same level, that is, they are in a parallel relationship, then the element level adjustment area also includes a group control, and the adjustment controls corresponding to the at least two virtual elements in the parallel relationship are in the same group of controls, and the levels of the group controls in the element area are expressed by their positions in the element level adjustment area.

[0159] Exemplarily, group control 1 and group control 2 are arranged side by side, with a level of 1, group control 1 includes adjustment control 3, group control 2 includes adjustment control 4, and the level of adjustment control 3 and adjustment control 4 is 2.

[0160] Optionally, types of virtual elements include but are not limited to the following.

[0161] (1) Image virtual element: insert an image into the element area and display the image, such as a moving image, a static image, or a video frame;

[0162] (2) Text virtual element: displays a text content in the element area, such as static text information and scrolling text information;

[0163] (3) Object virtual elements: 1. Two-dimensional objects: such as two-dimensional patterns (including but not limited to watermark patterns generated by the system / user-defined), two-dimensional geometric figures (including but not limited to rectangles, squares, triangles, and circles); 2. Three-dimensional objects: such as three-dimensional cubes (including but not limited to cuboids, cubes, cones, triangular pyramids, and spheres), building elements (including but not limited to homes and furniture built by users in virtual scenes), plant virtual elements (including but not limited to flowers, trees, and grass in virtual scenes), obstacle elements (including but not limited to roadblocks and traps set by users in game levels or game maps, etc.);

[0164] (4) Button virtual element: After triggering the button virtual element, certain functions can be realized, such as: the button virtual element has a mirror function, which can mirror the objects within the button range; the button virtual element has a rebound function, which can rebound the objects within the button range by a preset distance;

[0165] (5) Background virtual elements: Set the background in the element area, such as setting color, special effects or sound effects.

[0166] Optionally, the first direction is the vertical axis direction (Y-axis direction in the XY coordinate system), and the multiple adjustment controls in the element level adjustment area are arranged from top to bottom in a certain order, and each adjustment control corresponds to a unique control identifier, such as: a control identifier generated by the control serial number, the level to which the control belongs, the virtual element corresponding to the control, or an identifier customized by the user.

[0167] Virtual elements in the element area have corresponding adjustment controls in the element level adjustment area.

[0168] The virtual elements in the element area correspond to their own layers, and the adjustment controls in the element level adjustment area correspond to the control levels. The order / level of the virtual elements' layers corresponds to the control levels of the adjustment controls.

[0169] Optionally, there is an editable virtual element in the element area, and the editable virtual element has a corresponding adjustment control in the element level adjustment area.

[0170] By adjusting the level of the adjustment control in the element level adjustment area, the layer order of the virtual elements in the element area can be adjusted accordingly, so that the virtual elements in the element area can overlap each other. Add element area The structural hierarchy of the displayed content For virtual elements that are large in size or occupy a large area, the layer of the virtual element can be indirectly adjusted by adjusting the level using the adjustment control. This can also be done when the target virtual element is blocked due to different layers between virtual elements. Quickly locate target virtual elements , users do not need to repeatedly drag virtual elements that have been arranged in the element area. Improve the efficiency of human-computer interaction .

[0171] Indicative, such as Figure 7 As shown, Figure 7 It is a schematic diagram of the element area and the element level adjustment area.

[0172] The element area 710 includes a variety of virtual elements, such as: picture virtual elements, object virtual elements, button virtual elements and text virtual elements (text content 1) located above the picture virtual elements. The element level adjustment area 720 provides the function of layer management for the element area 710.

[0173] The element level adjustment area 720 includes multiple adjustment controls corresponding to virtual elements. The adjustment controls are arranged in a certain order in the first direction. 720 can only directly display some adjustment controls. Users can expand the complete control list by scrolling the control to view some hidden adjustment controls.

[0174] The multiple adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element among the multiple virtual elements.

[0175] Step 620: Receive a sliding operation on the first adjustment control.

[0176] The sliding operation includes a first sliding component in a first direction and a second sliding component in a second direction, wherein the first direction and the second direction are different directions.

[0177] Optionally, the first direction is the longitudinal direction (the Y-axis direction in the XY coordinate system), the second direction is the transverse direction (the X-axis direction in the XY coordinate system), and the first direction and the second direction are perpendicular to each other.

[0178] Exemplarily, the sliding operation may include multiple sliding phases, such as a first sliding phase and a second sliding phase. In the first sliding phase, the sliding operation is performed in a first direction, corresponding to a first sliding component; in the second sliding phase, the sliding operation is performed in a second direction, corresponding to a second sliding component. The first sliding phase is connected to the second sliding phase, and the user does not release the hand during the sliding process.

[0179] Exemplarily, the sliding operation includes only one sliding stage, such as: the sliding operation slides along a preset direction, and the first sliding component is determined according to the angle between the preset direction and the first direction and the sliding distance of the sliding operation; the second sliding component is determined according to the angle between the preset direction and the second direction and the sliding distance of the sliding operation.

[0180] Indicative, such as Figure 8 As shown, Figure 8 Schematic diagram of two ways to determine the sliding component.

[0181] The first mode 810: the direction of each sliding stage is any one of the first direction and the second direction, and the sliding distance in each direction is used as the sliding component in this direction.

[0182] During the sliding process, if the user directly slides in the first direction and the second direction at different sliding stages to adjust the control, the user can more intuitively see the target position of the first adjustment control and understand the display effect after the control is adjusted. Improve the efficiency of control adjustment Using the distance indicated by the sliding phase directly as the sliding component can improve the accuracy of the sliding data. Achieve precise adjustment of controls, save computer resources, and improve the effect of control adjustment .

[0183] Second method 820: The angle between the sliding direction and the first direction is A, and the first sliding component in the first direction is obtained based on the product of the sliding distance and the sine value of the angle A; the angle between the sliding direction and the second direction is B, and the second sliding component in the second direction is obtained based on the product of the sliding distance and the sine value of the angle B.

[0184] In some embodiments, the second method 820 is used to determine the sliding component. The sliding trajectory of the sliding operation may not be a straight line. The line between the starting position and the end position of the sliding operation can be used as the basis for determining the angle and the sliding component.

[0185] During the sliding process, users can also slide freely without dividing the sliding process into two stages in order. Reduce user operating pressure , sliding in the same direction produces two sliding components, Can reduce sliding distance and operation time to improve the efficiency of control adjustment.

[0186] Step 630 : Display the adjusted first adjustment control based on the first sliding component and the second sliding component, and display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0187] Optionally, a first control position is determined in a first direction based on the first sliding component, and the first control position corresponds to at least one candidate control.

[0188] The first control position refers to the target position where the first adjustment control is to be inserted. There is an adjacent control corresponding to the target position. After the first adjustment control is adjusted to the target position, it has an adjacent relationship with the adjacent control, and the first adjustment control and the adjacent control have the same level.

[0189] For example, the first direction is the vertical axis direction, and n adjustment controls are arranged from top to bottom in the first direction. The sliding operation has a first sliding component in the vertical axis upward direction, and the first sliding component corresponds to the first control position.

[0190] Wherein, the first control position is located directly above the i-th adjustment control among n adjustment controls, then the at least one candidate control is the i-th adjustment control and all adjustment controls above the i-th adjustment control (i.e., the first adjustment control to the i-th adjustment control). i and n are positive integers.

[0191] A second adjustment control is determined in at least one candidate control based on the second sliding component, and the adjusted first adjustment control is displayed based on the control level to which the second adjustment control belongs, wherein the first adjustment control is the same as the second adjustment control at the adjusted level.

[0192] By determining the target adjustment position of the first adjustment control by sliding components in multiple directions, compared with the traditional method of dragging in only one direction, the distance moved by the user when dragging the adjustment control and the time spent on the operation can be reduced. Improve the efficiency of human-computer interaction When there are a large number of controls, you can use sliding components in different sliding directions to directly skip the qualified adjustment controls and reach the target position. No need to frequently collapse and expand the control list openOptionally, the plurality of adjustment controls respectively correspond to control performance features, and during the sliding operation, the control performance features of at least one candidate control are switched and highlighted based on the second sliding component.

[0193] In a case where the control expression feature of the second adjustment control is in the highlighted expression, in response to the second sliding component ending, the second adjustment control is determined from the at least one candidate control.

[0194] Switching the highlighting feature of the control can clearly and intuitively indicate the target position of the current control adjustment, helping the user select the second adjustment control. Improve efficiency during control adjustment .

[0195] Among them, the types of control display features include but are not limited to: (1) dividing line features, which are displayed at the edge of each adjustment control, and the lengths of the dividing lines corresponding to adjustment controls belonging to different control levels are different; (2) color features, the control colors corresponding to adjustment controls belonging to different control levels are different; (3) identification features, the control identifications corresponding to adjustment controls belonging to different control levels are different, such as the naming format, control name, control thumbnail, etc. of each adjustment control; (4) control length features: the control lengths corresponding to adjustment controls belonging to different control levels are different.

[0196] Among them, different control performance characteristics can be used when users adjust the control Prompt , which helps users understand the methods and techniques of control adjustment and guides users to continue with subsequent operations to achieve the desired adjustment goals. improve Human-computer interaction efficiency Furthermore, the control display features can also increase the richness of the displayed image.

[0197] Exemplarily, the control display feature includes a dividing line feature, and the dividing line feature is taken as an example for description.

[0198] The splitting line feature of the selected candidate control is displayed based on the second sliding component, and the splitting line features of the unselected candidate controls are hidden. A second adjustment control is determined from at least one candidate control according to the display of the splitting line feature.

[0199] Among them, using the dividing line feature as a feature to distinguish candidate controls is relatively simple and intuitive. The corresponding control can be determined based on the hiding / display status of the dividing line. The dividing line occupies a small proportion in the screen, which can save space in the element hierarchy adjustment area and avoid screen congestion. Save computer resources consumed when loading screens .

[0200] Indicative, such as Figure 9 As shown, Figure 9 This is a schematic diagram showing the split line features based on the second sliding component.

[0201] Element level adjustment area 900 includes five levels of adjustment controls: Level A adjustment control 910, Level B adjustment control 920, Level C adjustment control 930, Level D adjustment control 940, and Level E adjustment control 950. Each level of adjustment control has its own corresponding dividing line feature, and the dividing line lengths of controls at different levels vary.

[0202] For example, Figure 9 In the example, the lengths of the dividing lines are as follows: level A adjustment control 910 > level B adjustment control 920 > level C adjustment control 930 > level D adjustment control 940 > level E adjustment control 950 .

[0203] The difference between the lengths of the dividing lines corresponding to adjacent levels is a preset threshold a, where a is a positive number and the unit can be arbitrary.

[0204] Indicative, such as Figure 10 As shown, Figure 10 This is a schematic diagram of a process of displaying an adjusted first adjustment control based on a first sliding component and a second sliding component.

[0205] Figure 10 The dashed lines indicate the length of the splitter corresponding to each adjustment control and the position of the splitter when it is highlighted. The solid lines indicate the highlighted splitter features.

[0206] The user selects the first adjustment control 1000 and moves in the first direction (upward). The position of the first control is determined based on the first sliding component. The first control position corresponds to the adjustment control A1001, and the dividing line feature of the adjustment control A1001 is highlighted. Among them, it is determined that at least one candidate control is the adjustment control A1001 and the adjustment control above the adjustment control A1001. Continue moving in the second direction (leftward) and determine the second adjustment control based on the second sliding component. When the second sliding component is a, the dividing line feature of the adjustment control B1002 is highlighted. When the second sliding component is 2a, the dividing line feature of the adjustment control C1003 is highlighted. The adjustment control C1003 contains the adjustment control B1002, and the adjustment control B1002 contains the adjustment control A1001.

[0207] When the user releases the second sliding component at 2a, the second adjustment control is determined to be adjustment control C1003, and the adjusted first adjustment control 1000 is displayed. The adjusted first adjustment control 1000 and adjustment control C1003 are at the same level and are adjacent to each other. Because adjustment control C1003 expands to display the adjustment control B1002 it contains, and adjustment control B1002 also expands to display the adjustment control A1001, D1004, and E1005 it contains, the adjusted first adjustment control 1000 is adjacent to the adjustment control A1001 at the bottom of the expanded list.

[0208] Since the adjustment control C1003 belongs to the adjustment control F1006 , the adjusted first adjustment control 1000 also belongs to the adjustment control F1006 , and so on.

[0209] In some embodiments, the candidate control may be determined first according to the second sliding component, and then the second adjustment control may be determined from the candidate controls according to the first sliding component, thereby achieving hierarchical adjustment of the first adjustment control.

[0210] There are multiple ways to determine the sliding component and determine the second adjustment control based on the sliding component, which can achieve the control when the user slides in any way. Precisely adjust the effect to improve the efficiency of human-computer interaction .

[0211] Optionally, the multiple adjustment controls contained in the element-level adjustment area respectively correspond to control performance characteristics. After receiving a sliding operation, the target control performance characteristics are determined based on the second sliding component; wherein the target control performance characteristics correspond to at least one candidate control.

[0212] For example, the control performance feature is a dividing line feature. Multiple adjustment controls correspond to 5 control levels: (1) Level E adjustment control: when the second sliding component is (0, d], the target control performance feature corresponding to the level E adjustment control is displayed, and the adjustment control belonging to level E is used as a candidate control; (2) Level D adjustment control: when the second sliding component is (d, d+a], the target control performance feature corresponding to the level D adjustment control is displayed, and the adjustment control belonging to level D is used as a candidate control; (3) Level C adjustment control: when the second sliding component is (d+a, (d+2a], the target control performance characteristics corresponding to the level C adjustment control are displayed, and the adjustment control belonging to level C is selected as a candidate control; (4) Level B adjustment control: when the second sliding component is (d+2a, d+3a], the target control performance characteristics corresponding to the level B adjustment control are displayed, and the adjustment control belonging to level B is selected as a candidate control; (5) Level A adjustment control: when the second sliding component is (d+3a, d+4a], the target control performance characteristics corresponding to the level A adjustment control are displayed, and the adjustment control belonging to level A is selected as a candidate control. Where d is a positive number.

[0213] Exemplarily, if the second sliding component is d+3a, the adjustment controls belonging to level B are taken as candidate controls, and the control performance features of each of the adjustment controls belonging to level B are highlighted.

[0214] A third adjustment control corresponding to the target control's performance characteristics is determined in the first direction based on the first sliding component, and the adjusted first adjustment control is displayed based on the control level to which the third adjustment control belongs, wherein the first adjustment control has the same level as the third adjustment control after adjustment.

[0215] Optionally, any one of the at least one candidate controls is used as a starting point of the first sliding component, and a third adjustment control is determined based on the first sliding component.

[0216] For example, taking the first direction as the vertical axis, the adjustment controls belonging to level B are arranged from top to bottom in the first direction, namely: candidate control 1, candidate control 2, candidate control 3. Candidate control 2 is used as the starting point of the first sliding component.

[0217] When the first sliding component is (0, m], the starting point (candidate control 2) is determined as the third adjustment control; when the first sliding component is the upward component in the first direction and is (m, 2m], candidate control 1 is determined as the third adjustment control; when the first sliding component is the downward component in the first direction and is (m, 2m], candidate control 3 is determined as the third adjustment control.

[0218] In some embodiments, the user may cancel the level adjustment operation on the first adjustment control while sliding the first adjustment control after selecting the first adjustment control.

[0219] Optionally, after receiving a sliding operation on the first adjustment control, in response to a sliding distance corresponding to the sliding operation meeting a control adjustment cancellation condition, the adjustment of the position of the first adjustment control within the element level adjustment area is canceled and an adjustment cancellation prompt is displayed accordingly. The first adjustment control in the element level adjustment area and the first virtual element in the element area remain displayed.

[0220] Indicative, such as Figure 7 As shown, when the user slides to the element area 710 and releases the touch, the sliding distance meets the control adjustment cancellation condition, and the adjustment of the first adjustment control is canceled and an adjustment cancellation prompt message is displayed accordingly.

[0221] Cancel the adjustment of the control based on the sliding distance, which is fault-tolerant during user operation. Avoid accidental touch The resulting slide affects the hierarchy between adjustment controls. , timely change the adjustment type and improve the efficiency of human-computer interaction.

[0222] In some embodiments, if the sliding operation corresponds only to a first sliding component in the first direction, adjustment of controls in the element level adjustment area may also be achieved.

[0223] Optionally, the adjustment control includes a component adjustment control and a group adjustment control, wherein the group adjustment control and the component adjustment control have a nested relationship, and the component adjustment control and the group adjustment control respectively correspond to control performance features.

[0224] A group adjustment control contains at least one component adjustment control, and a higher-level group adjustment control can also contain lower-level group adjustment controls.

[0225] For example, the element hierarchy adjustment area includes the following adjustment controls arranged in descending order of hierarchy: first group adjustment controls A, second group adjustment controls B, and component adjustment controls C.

[0226] Component adjustment control C belongs to the second group of adjustment controls B, and the second group of adjustment controls B belongs to the first group of adjustment controls A.

[0227] Indicative, such as Figure 11 As shown, Figure 11 This is a schematic diagram of a method for adjusting the level of the adjustment control based on the first sliding component.

[0228] Optionally, taking the expression feature of the adjustment control as a dividing line feature as an example for explanation, the length of the dividing line feature is used to indicate the level to which each adjustment control belongs, and the display position of the dividing line feature is used to indicate the adjustment control to which it belongs.

[0229] Adjustment method 1110: Select the target adjustment control 1101, slide in the first direction to display the performance characteristics corresponding to the component adjustment control A1102, and determine that the target position is below the component adjustment control A1102. After releasing the control, the target adjustment control 1101 and the component adjustment control A1102 are adjacent and belong to the same level. Since the component adjustment control A1102 belongs to the group adjustment control B1103, the adjusted target adjustment control 1101 also belongs to the group adjustment control B1103.

[0230] Adjustment method 1120: Select the target adjustment control 1101, slide in the first direction to display the performance characteristics corresponding to the component adjustment control C1104, and determine that the target position is directly above the component adjustment control C1104. After releasing the control, the target adjustment control 1101 and the component adjustment control C1104 are adjacent and belong to the same level. Since the component adjustment control C1104 does not belong to any group adjustment control, the adjusted target adjustment control 1101 also does not belong to any group adjustment control.

[0231] Adjustment method 1130: Select the target adjustment control 1101, slide in the first direction, display the performance characteristics corresponding to the group adjustment control B1103, determine that the target position is directly below the component adjustment control B1103, the target adjustment control 1101 and the group adjustment control B1103 are adjacent and belong to the same level. Since the group adjustment control B1103 contains multiple component adjustment controls (among which the component adjustment control A1102 is at the bottom) and the component adjustment controls are expanded and displayed, the target adjustment control 1101 is adjacent to the component adjustment control A1102 and belongs to the same level as the group adjustment control B1103 when the group adjustment control B1103 is expanded to display the component adjustment controls.

[0232] Adjustment method 1140: Select the target adjustment control 1101, slide in the first direction, display the performance characteristics corresponding to the group adjustment control B1103, and determine that the target position is directly above the component adjustment control B1103. The target adjustment control 1101 and the group adjustment control B1103 are adjacent and belong to the same level. Since the group adjustment control B1103 belongs to the group adjustment control D1105, the adjusted target adjustment control 1101 also belongs to the group adjustment control D1105.

[0233] In some embodiments, after the user names the adjustment controls, the names of the adjustment controls belonging to the same level are aligned. This can intuitively reflect the hierarchical relationship between different adjustment controls. Help users understand more The arrangement between the controls improves the efficiency of control adjustment .

[0234] Optionally, when performing hierarchical adjustments on a target adjustment control, it can be inserted into a group adjustment control. When the group adjustment control contains other adjustment controls, the target adjustment control remains in the same position within the group adjustment control when the group adjustment control is expanded or collapsed to display the other adjustment controls. The target adjustment control can be positioned anywhere within the group adjustment control.

[0235] Indicative, such as Figure 12 As shown, Figure 12 This is a diagram showing how a group adjustment control is expanded to display component adjustment controls.

[0236] The group adjustment control A1212 is expanded to display the component adjustment control B1201, component adjustment control C1202 and component adjustment control D1203 it contains, which are arranged from top to bottom in a preset order. The target adjustment control 1200 is inserted into the group adjustment control A1212. The target adjustment control 1200 is adjacent to the component adjustment control B1201 and is located directly above the component adjustment control B1201. It belongs to the same level as the component adjustment control B1201, component adjustment control C1202 and component adjustment control D1203.

[0237] Indicative, such as Figure 13 As shown, Figure 13 This is a schematic diagram of the group adjustment controls being collapsed to display the component adjustment controls.

[0238] The group adjustment control E1300 is collapsed to display the adjustment control F1301 it contains, and the target adjustment control 1300 is inserted into the group adjustment control E1300. At this time, the group adjustment control E1300 also collapses to display the target adjustment control 1300. After the adjustment is completed, the group adjustment control E1300 is expanded. The target adjustment control 1300 is located directly above the component adjustment control F1301 and belongs to the same level as the component adjustment control F1301.

[0239] It is worth noting that before receiving the user's sliding operation, the terminal will divide each adjustment control in the element level adjustment area into areas. After receiving the sliding operation, if the first sliding component indicates that the sliding operation is to insert the target adjustment control into an adjacent position of an adjustment control (including component adjustment controls and group adjustment controls), then, after insertion, the target adjustment control and the control belong to the same level; if the first sliding component indicates that the sliding operation is to insert the target adjustment control into a group adjustment control, then, after insertion, the target adjustment control belongs to the group adjustment control, and the level of the group adjustment control is higher than the target adjustment control.

[0240] Divide the area and be able to Calculate the sliding component in time To determine the user's desired behavior with the adjustment control Adjustment Type , Improve the efficiency of human-computer interactionDuring the sliding process, the corresponding screens for different adjustment types are displayed to help users understand the results of the control adjustment.

[0241] Indicative, such as Figure 14 As shown, Figure 14 It is a schematic diagram of the process by which a terminal determines the type of control adjustment.

[0242] Each adjustment control in the element level adjustment area (including component adjustment controls and group adjustment controls) corresponds to its own control upper layer area 1410 and control lower layer area 1420. The group adjustment control also corresponds to an inner group area 1430.

[0243] When a sliding operation is performed on a target adjustment control, indicating that the target position is located in the upper control area 1410 of a certain adjustment control A, after the user releases the control, the terminal determines to insert a target adjustment control at an adjacent position above the adjustment control A, wherein the target adjustment control and the adjustment control A are at the same level.

[0244] When a sliding operation is performed on a target adjustment control, indicating that the target position is located in the lower control area 1420 of a certain adjustment control A, after the user releases the control, the terminal determines to insert the target adjustment control at an adjacent position below the adjustment control A, wherein the target adjustment control and the adjustment control A are at the same level.

[0245] When a sliding operation is performed on a target adjustment control, indicating that the target position is located in the group area 1430 of a group adjustment control B, after the user releases the control, the terminal determines to insert the target adjustment control into the group adjustment control B, wherein the target adjustment control belongs to the group adjustment control B, and the level of the group adjustment control B is higher than the level of the target adjustment control.

[0246] For the group adjustment control, there is an overlapping area between its in-group area 1430 and the upper area 1410 and the lower area 1420 of the control. When the sliding operation indicates that the target position is located in the overlapping area, it means that the adjustment type of the sliding operation satisfies both adjustment types (i.e., directly inserting at an adjacent position and inserting into the group adjustment control). The priority of the overlapping area is as follows: in-group area 1430 > upper area 1410 of the control = lower area 1420 of the control.

[0247] That is, the target adjustment control is preferentially inserted into the group adjustment control corresponding to the overlapping area, and the terminal displays a picture showing the target adjustment control being inserted into the group adjustment control.

[0248] Select the adjustment type determination method for setting the priority of the overlapping area, which can be used for user operation. Provide more operating space , promptly determine the type of control adjustment the user expects, Improve the efficiency of human-computer interactionCompared with the method of strictly dividing the adjustment controls into non-overlapping areas, it can reduce the pressure on users during operation. No need for user to accurately label combine The boundary line can be used to adjust the control, which improves Efficiency during control adjustment .

[0249] In summary, the method provided by the present application can synchronously adjust the corresponding virtual elements in the displayed element area and adjust the level of the virtual elements in the element area by adjusting the multiple adjustment controls arranged in the first direction in the element level adjustment area through the display element area and the corresponding element level adjustment area. A sliding operation on the adjustment control is received, and the position of the adjustment control is adjusted according to the sliding operation. The sliding operation corresponds to sliding components in the first direction and the second direction, respectively, and the controls can be accurately adjusted from different directions. When there are a large number of adjustment controls in the element level adjustment area, there is no need to frequently collapse or expand the control list and then adjust the controls. Adjustment is achieved based on the sliding components in different directions of the same sliding operation, which makes the adjustment process more convenient and improves the efficiency of human-computer interaction.

[0250] In some embodiments, the adjustment control includes a component adjustment control and a group adjustment control, wherein the group adjustment control and the component adjustment control are nested, and the component adjustment control and the group adjustment control each correspond to a control performance feature. When adjusting the hierarchy of the target adjustment control based on the sliding component, it is necessary to consider whether the target location where the target adjustment control is inserted is nested with the group adjustment control. Figure 15 4 is a flowchart of a control adjustment method provided by another exemplary embodiment of the present application, the method comprising the following steps.

[0251] Step 1510: Display the element area and the element level adjustment area.

[0252] The element area includes multiple virtual elements, and the element level adjustment area includes multiple adjustment controls arranged in a first direction, wherein the multiple adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element among the multiple virtual elements.

[0253] Step 1520: Receive a sliding operation on the first adjustment control.

[0254] The sliding operation includes a first sliding component in a first direction and a second sliding component in a second direction, wherein the first direction and the second direction are different directions.

[0255] Optionally, the first direction is the longitudinal direction, the second direction is the transverse direction, and the first direction and the second direction are perpendicular to each other.

[0256] Step 1530: Determine a target insertion control in the first direction based on the first sliding component.

[0257] The adjacent position of the target insertion control is the target insertion position of the first adjustment control after adjustment.

[0258] For example, the first sliding component indicates that the target insertion control is adjustment control A. If the user releases the control at this time, the first adjustment control will be inserted at the adjacent position of adjustment control A to complete the level adjustment of the first adjustment control. After the level adjustment is completed, the first adjustment control has the same level as adjustment control A.

[0259] Step 1540 : In response to the target insertion control belonging to the first group of adjustment controls and a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determine a target insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component.

[0260] In response to the target insertion control belonging to the first group of adjustment controls, and the first group of adjustment controls belonging to the second group of adjustment controls, highlighting is switched between control presentation characteristics of the target insertion control, the first group of adjustment controls, and the second group of adjustment controls based on the second sliding component.

[0261] That is, the second group of adjustment controls (which can be understood as a large group) includes the first group of adjustment controls (subgroup), and the first group of adjustment controls includes the target insertion control (control).

[0262] Optionally, the target insertion position is determined based on the control presentation characteristics of the target insertion control, the first group of adjustment controls, and the second group of adjustment controls, including but not limited to the following situations.

[0263] 1. When the control display feature of the target insertion control is highlighted, in response to the end of the second sliding component, it is determined that the target insertion position belongs to the first group of adjustment controls, wherein the first adjustment control has the same level as the target insertion control after adjustment.

[0264] For example, taking the control performance feature as a dividing line feature as an example, the dividing line length corresponding to the target insertion control is d, the dividing line length corresponding to the first group of adjustment controls is d+a, and the dividing line length corresponding to the second group of adjustment controls is d+2a. d and a are positive numbers, and the units can be arbitrary.

[0265] When the second sliding component is within the length of the interval [d, d+a), the dividing line of the target insert control is highlighted. If the second sliding component ends at this time, the first adjustment control and the target insert control are determined to belong to the same level. Since the target insert control belongs to the first group of adjustment controls, the adjusted first adjustment control also belongs to the first group of adjustment controls.

[0266] 2. When the control display feature of the first group of adjustment controls is highlighted, in response to the end of the second sliding component, it is determined that the target insertion position belongs to the second group of adjustment controls, wherein the first adjustment control has the same level as the first group of adjustment controls after adjustment.

[0267] When the second sliding component is within the length of [d+a, d+2a), the dividing line of the first group of adjustment controls is highlighted. If the second sliding component ends at this time, the first adjustment control is determined to belong to the same level as the first group of adjustment controls. Since the first group of adjustment controls belongs to the second group of adjustment controls, the adjusted first adjustment control also belongs to the second group of adjustment controls.

[0268] 3. When the control display feature of the second group of adjustment controls is highlighted, in response to the end of the second sliding component, determine that the target insertion position is adjacent to the second group of adjustment controls, wherein the first adjustment control has the same level as the second group of adjustment controls after adjustment.

[0269] When the second sliding component is within the length of [d+2a, d+3a), the dividing line of the second group of adjustment controls is highlighted. If the second sliding component ends at this time, the first adjustment control and the second group of adjustment controls are determined to belong to the same level. Since the first group of adjustment controls does not belong to any group of adjustment controls, the adjusted first adjustment control does not belong to any group of adjustment controls either.

[0270] Display different control adjustment results according to the nested relationship between the adjustment controls. Can meet the needs of users when creating Diversity needs , which enables a deeper hierarchical structure between controls and provides users with professional authoring tools and experience.

[0271] It is worth noting that if the second group of adjustment controls is collapsed to display the adjustment controls it contains, the adjusted first adjustment control is adjacent to and at the same level as the second group of adjustment controls; if the second group of adjustment controls is expanded to display the adjustment controls it contains, the adjusted first adjustment control is adjacent to the bottom-most adjustment control in the second group of adjustment controls, and the first adjustment control is at the same level as the second group of adjustment controls. Alternatively, in some embodiments, the adjusted first adjustment control is adjacent to and directly above the second group of adjustment controls. This embodiment is not limited to this.

[0272] Considering that when there are component adjustment controls and group adjustment controls in the element-level adjustment area, there may be a nested relationship between different types of adjustment controls. When there are a large number of adjustment controls in the element-level adjustment area, the control performance characteristics corresponding to different adjustment controls can be highlighted to facilitate users to understand the hierarchical relationship between different controls based on the control performance characteristics. Further improve the efficiency of human-computer interaction .

[0273] Step 1550: insert and display the adjusted first adjustment control in the element level adjustment area based on the target insertion position, and display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0274] For example, in the element level adjustment area, the adjusted first adjustment control is located below the second adjustment control, the first adjustment control corresponds to the first virtual element in the element area, and the second adjustment control corresponds to the second virtual element in the element area. Then, in the element area, the first virtual element after the level adjustment is displayed is located at the bottom layer of the second virtual element.

[0275] In summary, the method provided by this application can adjust the position of an adjustment control based on a sliding operation. The sliding operation has sliding components corresponding to the first and second directions, respectively, and can accurately adjust the control from different directions. There is no need to frequently collapse or expand the control list to adjust the control. Adjustment is achieved based on the sliding components of the same sliding operation in different directions, making the adjustment process more convenient and improving the efficiency of human-computer interaction.

[0276] The user can combine the adjustment controls in the element level adjustment area so that multiple adjustment controls act as a whole and adjust the adjustment controls that need to perform the same type of operation at the same time, thereby improving the efficiency of human-computer interaction. Among them, a group adjustment control can be obtained after the combination. The group adjustment control can only contain component adjustment controls, or it can continue to be grouped within each group adjustment control to increase the level depth. In some embodiments, in order to save the computing resources consumed during the grouping operation and avoid the problem that the user cannot quickly locate the target adjustment control due to too many groupings, a level threshold can be set to constrain the number of levels of the group adjustment control.

[0277] Figure 16 This is a flow chart of a method for hierarchical adjustment of a group adjustment control provided by an exemplary embodiment of the present application, including the following steps.

[0278] Step 1610: Display the element area and the element level adjustment area.

[0279] The element area includes multiple virtual elements, and the element level adjustment area includes multiple adjustment controls arranged in a first direction, wherein the multiple adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element among the multiple virtual elements.

[0280] Among them, the adjustment control includes component adjustment control and group adjustment control, wherein there is a nested relationship between the group adjustment control and the component adjustment control, and the component adjustment control includes a first group of adjustment controls and a second group of adjustment controls, wherein the first group of adjustment controls and the second group of adjustment controls include component adjustment controls.

[0281] Step 1620: Receive a group sliding operation on the first group of adjustment controls in the element level adjustment area.

[0282] A group sliding operation involves selecting the first group of adjustment controls and then sliding them within the element hierarchy adjustment area to adjust the hierarchy of the first group of adjustment controls. This also adjusts the hierarchy of the component adjustment controls contained within the first group of adjustment controls. The hierarchical relationship between the first group of adjustment controls and the component adjustment controls contained within it remains unchanged before and after the hierarchy adjustment.

[0283] For example, the first group of adjustment controls A does not belong to any group of adjustment controls (level is 1). The first group of adjustment controls A includes component adjustment controls B (level is 2) and component adjustment controls C (level is 2). The levels of component adjustment controls B and component adjustment controls C are the same and are both lower than the level of the first group of adjustment controls A.

[0284] When receiving a group sliding operation, the first group of adjustment controls A belongs to the second group of adjustment controls D (level 1), and the second group of adjustment controls D contains the component adjustment control E (level 2). In this case, the first group of adjustment controls A and the component adjustment control E have the same level and are both lower than the level of the second group of adjustment controls D (the level of the first group of adjustment controls A changes from 1 to 2); the component adjustment controls B and the component adjustment controls C have the same level (the levels of the component adjustment controls B and C change from 2 to 3) and are both lower than the levels of the first group of adjustment controls A and the component adjustment control E. Since the first group of adjustment controls A belongs to the second group of adjustment controls D, there is a nested relationship between them. Therefore, the levels of the component adjustment controls B and C are also lower than the level of the second group of adjustment controls D.

[0285] Step 1630: When a group sliding condition is satisfied between the first group of adjustment controls and the second group of adjustment controls, the first group of adjustment controls is inserted and displayed in the second group of adjustment controls.

[0286] The group sliding condition means that after the first group of adjustment controls are inserted into the second group of adjustment controls, the levels included in the second group of adjustment controls are less than or equal to the level threshold.

[0287] Optionally, the level threshold is n, that is, each group adjustment control can only contain n-2 layers of sub-groups at most, and n is an integer greater than 2.

[0288] For example, the level threshold is 5, the highest level group adjustment control A is level 1, group adjustment control A contains group adjustment control B (level 2), group adjustment control B contains group adjustment control C (level 3), group adjustment control C contains group adjustment control D (level 4), group adjustment control D contains component adjustment control E (level 5), so group adjustment control D cannot continue to contain subgroups.

[0289] Exemplarily, there is a group adjustment control F (level 1), which only includes component adjustment controls (level 2).

[0290] Therefore, if the group adjustment control F is inserted into the above-mentioned group adjustment controls A to D, the number of levels of each group adjustment control after insertion changes as follows.

[0291] (1) Group adjustment control A = 1 + 2 = 3 < 5, (2) Group adjustment control B = 2 + 2 = 5 < 5, (3) Group adjustment control C = 3 + 2 = 5, (4) Group adjustment control D = 4 + 2 = 6 > 5.

[0292] Then the group adjustment control F meets the group sliding conditions with the group adjustment control A, the group adjustment control B and the group adjustment control C, and the group adjustment control F can be inserted into the group adjustment control A, the group adjustment control B and the group adjustment control C; the group adjustment control F does not meet the group sliding conditions with the group adjustment control D, and the group adjustment control F cannot be inserted into the group adjustment control D.

[0293] Indicative, such as Figure 17 As shown, Figure 17 This is a schematic diagram of the result of inserting the first set of adjustment controls into the second set of adjustment controls. Figure 17 The level threshold of 5 is used as an example for explanation.

[0294] The first insertion result 1710: the level of the first group of adjustment controls 1701 is 1, the first group of adjustment controls 1701 only contains component adjustment controls (level 2), the level of the second group of adjustment controls A1702 is 4, the insertion fails, and the first group of adjustment controls 1701 and the second group of adjustment controls A1702 remain displayed.

[0295] The second insertion result 1720: the level of the first group of adjustment controls 1701 is 1, the first group of adjustment controls 1701 only contains component adjustment controls (level 2), the level of the second group of adjustment controls B1703 is 3, the insertion is successful, and it is displayed that the first group of adjustment controls 1701 is inserted into the second group of adjustment controls B1703.

[0296] The second insertion result 1720 includes an expanded state 1721 and a collapsed state 1722. In the expanded state 1721, the second group of adjustment controls B1703 is expanded to display the adjustment controls it contains. After the user releases the control, the screen showing the first group of adjustment controls 1701 inserted into the second group of adjustment controls B1703 is directly displayed. In the collapsed state 1722, the second group of adjustment controls B1703 is collapsed to display the adjustment controls it contains. After the user releases the control, the first group of adjustment controls 1701 is collapsed and displayed. The second group of adjustment controls B1703 can also be triggered to expand, and after expansion, it is displayed that the second group of adjustment controls B1703 contains the first group of adjustment controls 1701.

[0297] In summary, the method provided by this application eliminates the need to frequently collapse or expand the control list and adjust the controls when there are a large number of adjustment controls in the element-level adjustment area. Adjustments can be made based on sliding components in different directions of the same sliding operation, making the adjustment process more convenient. Adjustment controls in the element-level adjustment area can be combined so that multiple adjustment controls act as a whole, allowing adjustment controls that require the same type of operation to be adjusted simultaneously, thereby improving the efficiency of human-computer interaction.

[0298] In some embodiments, if there are some adjustment controls to be replaced in the element-level adjustment area, the user can also use a sliding operation to directly replace them with other adjustment controls. Compared with deleting the control to be replaced and then reinserting the control, this can improve the efficiency of human-computer interaction. Figure 18 This is a flow chart of a method for sliding replacement adjustment controls, including the following steps.

[0299] Step 1810: Display the element area and the element level adjustment area.

[0300] The element area includes multiple virtual elements, and the element level adjustment area includes multiple adjustment controls arranged in a first direction, wherein the multiple adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element among the multiple virtual elements.

[0301] Step 1820: Receive a sliding replacement operation on the first adjustment control.

[0302] After the user selects the first adjustment control, he slides in the element-level adjustment area, wherein the sliding replacement operation includes a third sliding component in the first direction and a fourth sliding component in the second direction.

[0303] Optionally, the first direction is the longitudinal direction, the second direction is the transverse direction, and the first direction and the second direction are perpendicular to each other.

[0304] Step 1830: Determine a control to be replaced in the first direction based on the third sliding component.

[0305] The control to be replaced corresponds to the second virtual element in the element area.

[0306] Optionally, each adjustment control in the element-level adjustment area corresponds to a control performance characteristic. During the sliding process, the terminal displays a change in the control performance characteristic based on a third sliding component. When the third sliding component ends, the target performance characteristic is determined. The adjustment control corresponding to the target control performance characteristic is determined as the replacement control.

[0307] Step 1840: Replace the control to be replaced with the first adjustment control based on the fourth sliding component display.

[0308] The control to be replaced is cancelled from display in the element level adjustment area after replacement, and the level of the first adjustment control after replacement is the same as the level of the control to be replaced before replacement.

[0309] Optionally, when the fourth sliding component is not zero, the control to be replaced is replaced with the first adjustment control.

[0310] Exemplarily, the level of the first adjustment control before replacement is 1, and the level of the control to be replaced before replacement is 2, then the level of the first adjustment control after replacement is 2.

[0311] Step 1850: Replace the second virtual element with the first virtual element in the element area based on the replaced first adjustment control.

[0312] After the replacement, the second virtual element corresponding to the control to be replaced is cancelled in the element area, and the first virtual element is displayed at the position before the second virtual element is replaced.

[0313] Indicative, such as Figure 19 As shown, Figure 19 It is a schematic diagram of the process of sliding replacement controls.

[0314] After selecting the first adjustment control 1900, slide it to display the control feature of the control 1901 to be replaced according to the third sliding component in the first direction, and determine the replacement according to the fourth sliding component in the second direction. After releasing it, the control 1901 to be replaced is replaced with the first adjustment control 1900.

[0315] To sum up, the method provided in this embodiment can replace the adjustment control with only one sliding operation. Compared with the method of first deleting the control to be replaced and then inserting the first adjustment control to the position where the original control to be replaced was located, it can improve the user's efficiency in adjusting the control and the efficiency of human-computer interaction.

[0316] Figure 20 This is a flow chart of a method for sliding and retracting an adjustment control provided by an exemplary embodiment of the present application, including the following steps.

[0317] Step 2010: Display the element area and the element level adjustment area.

[0318] The element area includes multiple virtual elements, and the element level adjustment area includes multiple adjustment controls arranged in a first direction, wherein the multiple adjustment controls include a first adjustment control, and the first adjustment control is used to adjust the first virtual element among the multiple virtual elements.

[0319] Step 2020: Receive a sliding operation to collapse the control in the element level adjustment area.

[0320] The user slides in the element level adjustment area, and the adjustment control to be folded is determined based on the starting and ending positions of the sliding operation, and the sliding is continued to fold.

[0321] By sliding and randomly selecting the adjustment controls that need to be collapsed, compared with the traditional method of collapsing all the adjustment controls in a single group adjustment control in groups, the decoupling between the group adjustment controls and the component adjustment controls can be achieved, and the adjustment controls that the user needs to display can be retained. This improves the efficiency of user adjustment of adjustment controls and human-computer interaction efficiency .

[0322] The control folding sliding operation includes a fifth sliding component in the first direction and a sixth sliding component in the second direction.

[0323] Step 2030: Determine at least one candidate folding control in the first direction based on the fifth sliding component.

[0324] Optionally, the starting point of the control retracting sliding operation may be any adjustment control, and the adjustment control at the starting point may be determined based on the position of the contact point between the user and the terminal, or may be customized by the user.

[0325] For example, when the user performs a sliding operation to retract a control, the contact point position with the terminal is A, and the adjustment control closest to position A is the starting adjustment control.

[0326] For example, before the user performs a sliding operation to collapse a control, the user selects one of the adjustment controls from the element level adjustment area as a starting adjustment control.

[0327] At least one candidate retracting control is determined based on the fifth sliding component and the starting point adjustment control.

[0328] Optionally, each adjustment control in the element-level adjustment area corresponds to a control performance feature. During the sliding process, the terminal highlights the control performance feature corresponding to at least one adjustment control based on the fifth sliding component. When the fifth sliding component ends, the adjustment control with the highlighted control performance feature is determined as a candidate for folding control.

[0329] For example, taking the first direction as the vertical axis direction as an example, adjustment controls 1 to 15 are arranged from top to bottom along the first direction, and adjustment control 4 is used as the starting adjustment control. The fifth sliding component is the sliding component downward in the first direction. The fifth sliding component corresponds to the width of 5 adjustment controls. Then, the candidate adjustment controls are: adjustment control 4, adjustment control 5, adjustment control 6, adjustment control 7, adjustment control 8, and adjustment control 9, that is, including the starting adjustment control and 5 adjustment controls adjacent to the starting adjustment control.

[0330] Step 2040: Collapse and display at least one candidate collapsible control based on the sixth sliding component.

[0331] Among them, after at least one candidate foldable control is folded, a folding mark is correspondingly displayed in the element level adjustment area.

[0332] Optionally, when the sixth sliding component is not zero, at least one candidate folding control is folded and displayed.

[0333] By sliding the controls, users can freely select the adjustment controls that can be folded according to their own needs, providing users with more options when folding or expanding controls, retaining the adjustment controls that users need to display, and thus Improve user Efficiency of adjusting the adjustment controls and Human-computer interaction efficiency .

[0334] Indicative, such as Figure 21 As shown, Figure 21 It is a schematic diagram of the process of sliding and retracting adjustment controls.

[0335] After selecting the starting point adjustment control 2100, the control feature expressions of the starting point adjustment control 2100, the candidate folding control A2101 and the candidate folding control B2102 are displayed according to the fifth sliding component in the first direction, and all the candidate controls to be folded are determined according to the fourth sliding component in the second direction. After releasing the hand, the starting point adjustment control 2100, the candidate folding control A2101 and the candidate folding control B2102 are folded and displayed.

[0336] To sum up, the method provided in the present application receives a sliding operation on the adjustment control and adjusts the position of the adjustment control according to the sliding operation. The sliding operation corresponds to sliding components in the first direction and the second direction respectively, and can accurately adjust the control from different directions, thereby improving the efficiency of human-computer interaction.

[0337] In the above embodiment, when the user performs corresponding operations on the adjustment controls in the element level adjustment area, the selected adjustment controls will be displayed in a highlighted form and distinguished from the unselected adjustment controls. Schematically, Figure 22 As shown, Figure 22 It is a schematic diagram showing the display effects of an adjustment control in different states.

[0338] The element level adjustment area includes multiple adjustment controls, such as the top-level group adjustment control A2201 and the group adjustment control B2202 belonging to the group adjustment control A2201.

[0339] As shown in part 22-1, after the group adjustment control A2201 is selected, the group adjustment control A2201 will be displayed in a highlighted form; after the group adjustment control B2202 is selected, the group adjustment control B2202 will be displayed in a highlighted form.

[0340] Part 22-2 shows the display effects of different types of adjustment controls in different states, including: (1) the display state of the adjustment control not being selected; (2) the display state of the adjustment control being selected; (3) the display state of the adjustment control not being selected by long pressing, and the adjustment control can be dragged after long pressing; (4) the display state of a group adjustment control when other adjustment controls can be inserted into the group adjustment control; (5) the display state of a group adjustment control when other adjustment controls cannot be inserted into the group adjustment control.

[0341] Among them, the types of adjustment controls include the following: (2) Group adjustment control A2201: is the top-level group in the element hierarchy adjustment area, (2) Group adjustment control B2202: is a subgroup belonging to the group adjustment control A2201, (3) Component adjustment control C2203: is an adjustment control belonging to the group adjustment control B2202.

[0342] In some embodiments, creating a new subgroup in a group adjustment control, or selecting any number of adjustment controls for grouping, can be achieved through the grouping control 2210.

[0343] As shown in part 22-3, if no adjustment control is selected, the grouping control 2210 is not displayed.

[0344] If an adjustment control is selected in the element-level adjustment area and the adjustment control can be grouped (eg, forming a group with other adjustment controls, generating a subgroup under the adjustment control, etc.), the grouping control 2210 is highlighted.

[0345] In some embodiments, there is a threshold for the number of levels of group adjustment controls. If an adjustment control is selected in the element level adjustment area and the adjustment control cannot be grouped (for example, the number of levels of the adjustment control reaches the threshold), the grouping control 2210 is displayed and a "cannot be grouped" prompt message is displayed.

[0346] Figure 23 This is a structural block diagram of a control adjustment device provided by an exemplary embodiment of the present application. Figure 23 As shown, the device includes the following parts.

[0347] an area display module 2310, configured to display an element area and an element level adjustment area, wherein the element area includes a plurality of virtual elements, and the element level adjustment area includes a plurality of adjustment controls arranged in a first direction, wherein the plurality of adjustment controls includes a first adjustment control for adjusting a first virtual element among the plurality of virtual elements;

[0348] A receiving module 2320 is configured to receive a sliding operation on the first adjustment control, where the sliding operation includes a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different directions;

[0349] The adjustment display module 2330 is used to display the adjusted first adjustment control based on the first sliding component and the second sliding component, and to display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

[0350] In an optional embodiment, the adjustment display module 2330 is also used to determine the position of the first control in the first direction based on the first sliding component, the first control position corresponding to at least one candidate control; determine the second adjustment control among the at least one candidate control based on the second sliding component; and display the adjusted first adjustment control based on the control level to which the second adjustment control belongs, wherein the first adjustment control is the same as the second adjustment control at the adjusted level.

[0351] In an optional embodiment, the plurality of adjustment controls respectively correspond to control performance features;

[0352] The adjustment display module 2330 is also used to switch the highlight performance between the control performance characteristics of the at least one candidate control based on the second sliding component; when the control performance characteristics of the second adjustment control are highlighted, in response to the end of the second sliding component, the second adjustment control is determined in the at least one candidate control.

[0353] In an optional embodiment, the control presentation feature includes a dividing line feature;

[0354] The adjustment display module 2330 is further configured to display the splitting line features of the selected candidate controls based on the second sliding component, and hide the splitting line features of the unselected candidate controls.

[0355] In an optional embodiment, the plurality of adjustment controls respectively correspond to control performance features;

[0356] The adjustment display module 2330 is also used to determine the target control performance characteristics based on the second sliding component; determine a third adjustment control corresponding to the target control performance characteristics in the first direction based on the first sliding component; and display the adjusted first adjustment control based on the control level to which the third adjustment control belongs, wherein the first adjustment control is the same as the third adjustment control at the adjusted level.

[0357] In an optional embodiment, the adjustment control includes a component adjustment control and a group adjustment control, wherein a nested relationship exists between the group adjustment control and the component adjustment control, and the component adjustment control and the group adjustment control respectively correspond to control performance features;

[0358] The adjustment display module 2330 is also used to determine a target insertion control in the first direction based on the first sliding component; in response to the target insertion control belonging to the first group of adjustment controls and there being a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determine a target insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component; and insert and display the adjusted first adjustment control in the element level adjustment area based on the target insertion position.

[0359] In an optional embodiment, the adjustment display module 2330 is also used to switch and highlight the control performance characteristics of the target insert control, the first group of adjustment controls and the second group of adjustment controls based on the second sliding component in response to the target insert control belonging to the first group of adjustment controls and the first group of adjustment controls belonging to the second group of adjustment controls; when the control performance characteristics of the target insert control are highlighted, in response to the end of the second sliding component, determine that the target insertion position belongs to the first group of adjustment controls, wherein the first adjustment control is at the same level as the target insert control after adjustment.

[0360] In an optional embodiment, the adjustment display module 2330 is also used to determine that the target insertion position belongs to the second group of adjustment controls in response to the end of the second sliding component when the control display characteristics of the first group of adjustment controls are highlighted, wherein the first adjustment control has the same level as the first group of adjustment controls after adjustment.

[0361] In an optional embodiment, the adjustment display module 2330 is also used to determine that the target insertion position is adjacent to the second group of adjustment controls in response to the end of the second sliding component when the control display feature of the second group of adjustment controls is highlighted, wherein the first adjustment control is at the same level as the second group of adjustment controls after adjustment.

[0362] In an optional embodiment, the adjustment control includes a component adjustment control and a group adjustment control, wherein a nested relationship exists between the group adjustment control and the component adjustment control, and the component adjustment control includes a first group adjustment control and a second group adjustment control, wherein the first group adjustment control and the second group adjustment control include a component adjustment control;

[0363] The receiving module 2320 is also used to receive a group sliding operation on the first group of adjustment controls in the element level adjustment area; when the group sliding condition is met between the first group of adjustment controls and the second group of adjustment controls, the first group of adjustment controls are inserted and displayed in the second group of adjustment controls, wherein the group sliding condition means that after the first group of adjustment controls are inserted into the second group of adjustment controls, the level contained in the second group of adjustment controls is less than or equal to the level threshold.

[0364] In an optional embodiment, after the receiving module 2320, as shown in FIG. Figure 24 As shown, the device also includes:

[0365] Keep displaying module 2340, for canceling the adjustment of the position of the first adjustment control in the element level adjustment area and displaying the corresponding adjustment cancellation prompt information in response to the sliding distance corresponding to the sliding operation meeting the control adjustment cancellation condition; keep displaying the first adjustment control in the element level adjustment area and the first virtual element in the element area.

[0366] In an optional embodiment, the device further comprises:

[0367] The replacement display module 2350 is used to receive a sliding replacement operation on the first adjustment control, and the sliding replacement operation includes a third sliding component in the first direction and a fourth sliding component in the second direction; based on the third sliding component, the control to be replaced is determined in the first direction, wherein the control to be replaced corresponds to the second virtual element in the element area; based on the fourth sliding component, the control to be replaced is displayed with the first adjustment control, wherein the control to be replaced is cancelled in the element level adjustment area after replacement, and the level of the first adjustment control after replacement is the same as the level of the control to be replaced before replacement; based on the display in the element area of the replaced first adjustment control, the second virtual element is replaced with the first virtual element.

[0368] In an optional embodiment, the device further comprises:

[0369] The folding display module 2360 is used to receive a control folding sliding operation in the element level adjustment area, and the control folding sliding operation includes a fifth sliding component in the first direction and a sixth sliding component in the second direction; based on the fifth sliding component, at least one candidate folding control is determined in the first direction; based on the sixth sliding component, the at least one candidate folding control is folded and displayed, wherein after the at least one candidate folding control is folded, a folding mark is correspondingly displayed in the element level adjustment area.

[0370] In summary, the device provided by the present application displays an element area and a corresponding element level adjustment area. By adjusting a plurality of adjustment controls arranged in a first direction in the element level adjustment area, the corresponding virtual elements in the display element area can be adjusted synchronously, and the level of the virtual elements in the element area can be adjusted. A sliding operation on the adjustment control is received, and the position of the adjustment control is adjusted according to the sliding operation. The sliding operation corresponds to sliding components in the first direction and the second direction, respectively, and the controls can be accurately adjusted from different directions. When there are a large number of adjustment controls in the element level adjustment area, there is no need to frequently collapse or expand the control list and then adjust the controls. Adjustment is achieved based on the sliding components in different directions of the same sliding operation, which makes the adjustment process more convenient and improves the efficiency of human-computer interaction.

[0371] It should be noted that the control adjustment device provided in the above embodiment is merely exemplified by the division of the aforementioned functional modules. In actual applications, the aforementioned functions can be assigned to different functional modules as needed, i.e., the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. Furthermore, the control adjustment device provided in the above embodiment and the control adjustment method embodiment are based on the same concept. The specific implementation process is detailed in the method embodiment and will not be repeated here.

[0372] Figure 25 The following is a block diagram of a computer device 2500 according to an exemplary embodiment of the present application. Computer device 2500 may be a smartphone, tablet computer, MP3 player (Moving Picture Experts Group Audio Layer III), MP4 player (Moving Picture Experts Group Audio Layer IV), laptop computer, or desktop computer. Computer device 2500 may also be referred to as user equipment, portable terminal, laptop terminal, desktop terminal, or other similar names.

[0373] Typically, the computer device 2500 includes a processor 2501 and a memory 2502 .

[0374] The processor 2501 may include one or more processing cores, such as a 4-core processor, an 8-core processor, etc. The processor 2501 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), or PLA (Programmable Logic Array). The processor 2501 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 2501 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 2501 may also include an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

[0375] The memory 2502 may include one or more computer-readable storage media, which may be non-transitory. The memory 2502 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices and flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 2502 is used to store at least one instruction, which is used to be executed by the processor 2501 to implement the control adjustment method provided in the method embodiment of the present application.

[0376] In some embodiments, the computer device 2500 may further include other components, which can be understood by those skilled in the art. Figure 25 The structure shown in the figure does not constitute a limitation on the computer device 2500, and the computer device 2500 may include more or fewer components than shown in the figure, or combine some components, or adopt a different component arrangement.

[0377] Optionally, the computer-readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a solid-state drive (SSD), or an optical disk. Among them, the random access memory may include a resistance random access memory (ReRAM) and a dynamic random access memory (DRAM). The serial numbers of the above embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0378] An embodiment of the present application also provides a computer device, which includes a processor and a memory, wherein the memory stores at least one instruction, at least one program, a code set, or an instruction set, and the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by the processor to implement a control adjustment method as described in any of the above embodiments of the present application.

[0379] An embodiment of the present application also provides a computer-readable storage medium, which stores at least one instruction, at least one program, a code set or an instruction set. The at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by a processor to implement a control adjustment method as described in any of the above embodiments of the present application.

[0380] The present application also provides a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform any of the control adjustment methods described in the above embodiments.

[0381] Those skilled in the art will understand that all or part of the steps to implement the above embodiments may be accomplished by hardware, or by a program to instruct the relevant hardware, and the program may be stored in a computer-readable storage medium, which may be a read-only memory, a disk, or an optical disk, etc.

[0382] The above description is merely an optional embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the present application shall be included in the scope of protection of the present application.

Claims

1. A control adjustment method, characterized in that: The method comprises: An element area and an element level adjustment area are displayed, wherein the element area includes a plurality of virtual elements, and the element level adjustment area includes a plurality of adjustment controls arranged in a first direction, wherein the plurality of adjustment controls include a first adjustment control, and the first adjustment control is used to adjust a first virtual element among the plurality of virtual elements; receiving a sliding operation on the first adjustment control, the sliding operation including a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different directions; The adjusted first adjustment control is displayed based on the first sliding component and the second sliding component, and the first virtual element with adjusted level is displayed in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

2. The method according to claim 1, characterized in that The displaying the adjusted first adjustment control based on the first sliding component and the second sliding component includes: determining a first control position in the first direction based on the first sliding component, where the first control position corresponds to at least one candidate control; determining a second adjustment control from the at least one candidate control based on the second sliding component; The adjusted first adjustment control is displayed based on the control level to which the second adjustment control belongs, wherein the first adjustment control is at the same level as the second adjustment control after adjustment.

3. The method according to claim 2, characterized in that The multiple adjustment controls respectively correspond to control performance characteristics; The determining a second adjustment control from the at least one candidate control based on the second sliding component includes: Switching highlight performance between control performance features of the at least one candidate control based on the second sliding component; In a case where the control expression feature of the second adjustment control is in a highlighted expression, in response to the second sliding component ending, the second adjustment control is determined from the at least one candidate control.

4. The method according to claim 3, characterized in that The control performance characteristics include a dividing line feature; The switching highlighting between the control expression features of the at least one candidate control based on the second sliding component includes: The splitting line features of the selected candidate controls are displayed based on the second sliding component, and the splitting line features of the unselected candidate controls are hidden.

5. The method according to claim 1, wherein The multiple adjustment controls respectively correspond to control performance characteristics; The displaying the adjusted first adjustment control based on the first sliding component and the second sliding component includes: determining a target control performance characteristic based on the second sliding component; Determining a third adjustment control corresponding to the performance characteristics of the target control in the first direction based on the first sliding component; The adjusted first adjustment control is displayed based on the control level to which the third adjustment control belongs, wherein the first adjustment control is at the same level as the third adjustment control after adjustment.

6. The method according to any one of claims 1 to 5, characterized in that: The adjustment control includes a component adjustment control and a group adjustment control, wherein the group adjustment control and the component adjustment control are in a nested relationship, and the component adjustment control and the group adjustment control respectively correspond to control performance features; The displaying the adjusted first adjustment control based on the first sliding component and the second sliding component includes: determining a target insertion control in the first direction based on the first sliding component; In response to the target insertion control belonging to a first group of adjustment controls and a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determining a target insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component; The adjusted first adjustment control is inserted and displayed in the element level adjustment area based on the target insertion position.

7. The method according to claim 6, characterized in that In response to the target insertion control belonging to a first group of adjustment controls and a nested relationship between the first group of adjustment controls and the second group of adjustment controls, determining a target insertion position in the first group of adjustment controls and the second group of adjustment controls based on the second sliding component includes: In response to the target inserted control belonging to the first group of adjustment controls, and the first group of adjustment controls belonging to the second group of adjustment controls, switching highlighting between control presentation characteristics of the target inserted control, the first group of adjustment controls, and the second group of adjustment controls based on the second sliding component; When the control presentation feature of the target insertion control is highlighted, in response to the end of the second sliding component, it is determined that the target insertion position belongs to the first group of adjustment controls, wherein the first adjustment control has the same level as the target insertion control after adjustment.

8. The method according to claim 7, characterized in that The method further comprises: When the control display characteristics of the first group of adjustment controls are highlighted, in response to the end of the second sliding component, it is determined that the target insertion position belongs to the second group of adjustment controls, wherein the first adjustment control has the same level as the first group of adjustment controls after adjustment.

9. The method according to claim 7, characterized in that The method further comprises: When the control display feature of the second group of adjustment controls is highlighted, in response to the end of the second sliding component, the target insertion position is determined to be adjacent to the second group of adjustment controls, wherein the first adjustment control is at the same level as the second group of adjustment controls after adjustment.

10. The method according to any one of claims 1 to 5, characterized in that: The adjustment controls include component adjustment controls and group adjustment controls, wherein a nested relationship exists between the group adjustment controls and the component adjustment controls, and the component adjustment controls include a first group adjustment control and a second group adjustment control, wherein the first group adjustment controls and the second group adjustment controls include component adjustment controls; The method further comprises: receiving a group sliding operation on the first group of adjustment controls in the element level adjustment area; When a group sliding condition is met between the first group of adjustment controls and the second group of adjustment controls, the first group of adjustment controls are inserted and displayed in the second group of adjustment controls, wherein the group sliding condition means that after the first group of adjustment controls are inserted into the second group of adjustment controls, the levels contained in the second group of adjustment controls are less than or equal to the level threshold.

11. The method according to any one of claims 1 to 5, characterized in that: After receiving the sliding operation on the first adjustment control, the method further includes: In response to the sliding distance corresponding to the sliding operation meeting the control adjustment cancellation condition, canceling the adjustment of the position of the first adjustment control in the element level adjustment area and correspondingly displaying an adjustment cancellation prompt message; The first adjustment control in the element level adjustment area and the first virtual element in the element area are kept displayed.

12. The method according to any one of claims 1 to 5, characterized in that: The method further comprises: receiving a sliding replacement operation on the first adjustment control, the sliding replacement operation including a third sliding component in the first direction and a fourth sliding component in the second direction; determining a control to be replaced in the first direction based on the third sliding component, wherein the control to be replaced corresponds to a second virtual element in the element area; Replacing the to-be-replaced control with the first adjustment control based on the fourth sliding component display, wherein the to-be-replaced control is canceled from display in the element level adjustment area after replacement, and the level of the first adjustment control after replacement is the same as the level of the to-be-replaced control before replacement; The second virtual element is replaced with the first virtual element displayed in the element area based on the replaced first adjustment control.

13. The method according to any one of claims 1 to 5, characterized in that: The method further comprises: receiving a control retracting sliding operation in the element level adjustment area, the control retracting sliding operation including a fifth sliding component in the first direction and a sixth sliding component in the second direction; determining at least one candidate retractable control in the first direction based on the fifth sliding component; The at least one candidate retractable control is retracted and displayed based on the sixth sliding component, wherein after the at least one candidate retractable control is retracted, a retractable mark is correspondingly displayed in the element level adjustment area.

14. A control adjustment device, characterized in that: The device comprises: an area display module, configured to display an element area and an element level adjustment area, wherein the element area includes a plurality of virtual elements, and the element level adjustment area includes a plurality of adjustment controls arranged in a first direction, wherein the plurality of adjustment controls include a first adjustment control for adjusting a first virtual element among the plurality of virtual elements; a receiving module, configured to receive a sliding operation on the first adjustment control, the sliding operation comprising a first sliding component in the first direction and a second sliding component in the second direction, wherein the first direction and the second direction are different directions; An adjustment display module is used to display the adjusted first adjustment control based on the first sliding component and the second sliding component, and to display the first virtual element with adjusted level in the element area based on the level of the adjusted first adjustment control in the element level adjustment area.

15. A computer device, characterized in that: The computer device includes a processor and a memory, wherein the memory stores at least one program, and the at least one program is loaded and executed by the processor to implement the control adjustment method according to any one of claims 1 to 13.

16. A computer-readable storage medium, characterized in that The storage medium stores at least one program, and the at least one program is loaded and executed by the processor to implement the control adjustment method according to any one of claims 1 to 13.

17. A computer program product, characterized in that The method comprises a computer program, which implements the control adjustment method according to any one of claims 1 to 13 when executed by a processor.

Images